/* Minification failed. Returning unminified contents.
(59,28): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-bgColor'
(60,25): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-borderBottom'
(84,26): run-time error CSS1039: Token not allowed after unary operator: '-layout-screen-bgColor'
(132,26): run-time error CSS1039: Token not allowed after unary operator: '-navbar-bgColor'
(138,15): run-time error CSS1039: Token not allowed after unary operator: '-navbar-color'
(152,15): run-time error CSS1039: Token not allowed after unary operator: '-navbar-color'
(153,26): run-time error CSS1039: Token not allowed after unary operator: '-navbar-bgColor'
(212,15): run-time error CSS1039: Token not allowed after unary operator: '-navbar-color'
(213,26): run-time error CSS1039: Token not allowed after unary operator: '-navbar-bgColor'
(222,16): run-time error CSS1039: Token not allowed after unary operator: '-navbar-btn-borderC'
(223,21): run-time error CSS1039: Token not allowed after unary operator: '-navbar-btn-textShadow'
(237,21): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-borderLeft'
(238,22): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-borderRight'
(239,23): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-borderBottom'
(241,17): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-padding'
(242,26): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-bgColor'
(286,26): run-time error CSS1039: Token not allowed after unary operator: '-workspace-bgColor'
(350,16): run-time error CSS1039: Token not allowed after unary operator: '-workspace-border'
(369,20): run-time error CSS1039: Token not allowed after unary operator: '-tab-transition'
(370,21): run-time error CSS1039: Token not allowed after unary operator: '-tab-borderLeft'
(371,20): run-time error CSS1039: Token not allowed after unary operator: '-tab-borderTop'
(372,22): run-time error CSS1039: Token not allowed after unary operator: '-tab-borderRight'
(373,23): run-time error CSS1039: Token not allowed after unary operator: '-tab-borderBottom'
(374,26): run-time error CSS1039: Token not allowed after unary operator: '-tab-bgColor'
(381,26): run-time error CSS1039: Token not allowed after unary operator: '-tab-hover-bgColor'
(382,23): run-time error CSS1039: Token not allowed after unary operator: '-tab-hover-borderBottom'
(386,20): run-time error CSS1039: Token not allowed after unary operator: '-tab-active-hover-bg'
(391,21): run-time error CSS1039: Token not allowed after unary operator: '-tab-active-borderLeft'
(392,20): run-time error CSS1039: Token not allowed after unary operator: '-tab-active-borderTop'
(393,22): run-time error CSS1039: Token not allowed after unary operator: '-tab-active-borderRight'
(394,23): run-time error CSS1039: Token not allowed after unary operator: '-tab-active-borderBottom'
(395,20): run-time error CSS1039: Token not allowed after unary operator: '-tab-active-bg'
(426,26): run-time error CSS1039: Token not allowed after unary operator: '-tab-btn-bgColor'
(432,15): run-time error CSS1039: Token not allowed after unary operator: '-tab-btn-color'
(822,26): run-time error CSS1039: Token not allowed after unary operator: '-gl-tab-bgColor'
(894,28): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-bgColor'
(895,25): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-borderBottom'
(948,22): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-transition'
(949,23): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-borderLeft'
(950,22): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-borderTop'
(951,24): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-borderRight'
(952,28): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-bgColor'
(959,28): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-hover-bgColor'
(963,28): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-active-hover-bgColor'
(967,18): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-active-hover-cursor'
(972,23): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-active-borderLeft'
(973,22): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-active-borderTop'
(974,24): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-active-borderRight'
(975,25): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-active-borderBottom'
(976,22): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-active-bg'
(988,18): run-time error CSS1039: Token not allowed after unary operator: '-settings-dlg-border'
(990,28): run-time error CSS1039: Token not allowed after unary operator: '-settings-dlg-bgColor'
(1010,23): run-time error CSS1039: Token not allowed after unary operator: '-settings-header-borderBottom'
(1027,26): run-time error CSS1039: Token not allowed after unary operator: '-form-settings-sm-bgColor'
(1028,16): run-time error CSS1039: Token not allowed after unary operator: '-form-settings-sm-border'
(1030,15): run-time error CSS1039: Token not allowed after unary operator: '-form-settings-sm-color'
(1036,26): run-time error CSS1039: Token not allowed after unary operator: '-form-settings-sm-bgColor'
(1037,16): run-time error CSS1039: Token not allowed after unary operator: '-form-settings-sm-border'
(1039,15): run-time error CSS1039: Token not allowed after unary operator: '-form-settings-sm-color'
(1050,26): run-time error CSS1039: Token not allowed after unary operator: '-form-settings-sm-bgColor'
(1051,16): run-time error CSS1039: Token not allowed after unary operator: '-form-settings-sm-border'
(1053,15): run-time error CSS1039: Token not allowed after unary operator: '-form-settings-sm-color'
(1077,28): run-time error CSS1039: Token not allowed after unary operator: '-userDefaults-form-bgColor'
(1088,26): run-time error CSS1039: Token not allowed after unary operator: '-userDefaults-form-bgColor'
(1090,15): run-time error CSS1039: Token not allowed after unary operator: '-userDefaults-form-color'
(1097,26): run-time error CSS1039: Token not allowed after unary operator: '-userDefaults-form-bgColor'
(1098,16): run-time error CSS1039: Token not allowed after unary operator: '-userDefaultsExchange-form-border'
(1100,15): run-time error CSS1039: Token not allowed after unary operator: '-userDefaults-form-color'
(1106,26): run-time error CSS1039: Token not allowed after unary operator: '-form-settings-sm-bgColor'
(1107,16): run-time error CSS1039: Token not allowed after unary operator: '-form-settings-sm-border'
(1109,15): run-time error CSS1039: Token not allowed after unary operator: '-form-settings-sm-color'
(1115,16): run-time error CSS1039: Token not allowed after unary operator: '-userDefaults-form-border'
(1120,16): run-time error CSS1039: Token not allowed after unary operator: '-userDefaults-form-border'
(1131,16): run-time error CSS1039: Token not allowed after unary operator: '-userDefaults-form-border'
(1136,26): run-time error CSS1039: Token not allowed after unary operator: '-userDefaults-form-bgColor'
(1138,15): run-time error CSS1039: Token not allowed after unary operator: '-userDefaults-form-color'
(1143,26): run-time error CSS1039: Token not allowed after unary operator: '-spinDownButton-bgColor'
(1145,21): run-time error CSS1039: Token not allowed after unary operator: '-spinDownButton-borderLeft'
(1146,22): run-time error CSS1039: Token not allowed after unary operator: '-spinDownButton-borderRight'
(1147,20): run-time error CSS1039: Token not allowed after unary operator: '-spinDownButton-borderTop'
(1148,23): run-time error CSS1039: Token not allowed after unary operator: '-spinDownButton-borderBottom'
(1156,26): run-time error CSS1039: Token not allowed after unary operator: '-spinUpButton-bgColor'
(1158,21): run-time error CSS1039: Token not allowed after unary operator: '-spinUpButton-borderLeft'
(1159,22): run-time error CSS1039: Token not allowed after unary operator: '-spinUpButton-borderRight'
(1160,20): run-time error CSS1039: Token not allowed after unary operator: '-spinUpButton-borderTop'
(1161,23): run-time error CSS1039: Token not allowed after unary operator: '-spinUpButton-borderBottom'
(1170,26): run-time error CSS1039: Token not allowed after unary operator: '-userDefaults-form-bgColor'
(1172,15): run-time error CSS1039: Token not allowed after unary operator: '-userDefaults-form-color'
(1177,26): run-time error CSS1039: Token not allowed after unary operator: '-spinDownButton-bgColor'
(1179,21): run-time error CSS1039: Token not allowed after unary operator: '-spinDownButton-borderLeft'
(1180,22): run-time error CSS1039: Token not allowed after unary operator: '-spinDownButton-borderRight'
(1181,20): run-time error CSS1039: Token not allowed after unary operator: '-spinDownButton-borderTop'
(1182,23): run-time error CSS1039: Token not allowed after unary operator: '-spinDownButton-borderBottom'
(1190,26): run-time error CSS1039: Token not allowed after unary operator: '-spinUpButton-bgColor'
(1192,21): run-time error CSS1039: Token not allowed after unary operator: '-spinUpButton-borderLeft'
(1193,22): run-time error CSS1039: Token not allowed after unary operator: '-spinUpButton-borderRight'
(1194,20): run-time error CSS1039: Token not allowed after unary operator: '-spinUpButton-borderTop'
(1195,23): run-time error CSS1039: Token not allowed after unary operator: '-spinUpButton-borderBottom'
(1199,26): run-time error CSS1039: Token not allowed after unary operator: '-spinUpButton-hover-bgColor'
(1207,16): run-time error CSS1039: Token not allowed after unary operator: '-userDefaultsBroker-form-border'
(1242,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-bgColor'
(1280,28): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-bgColor'
(1301,25): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-borderBottom'
(1306,22): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-transition'
(1309,23): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-borderLeft'
(1310,22): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-borderTop'
(1311,24): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-borderRight'
(1312,28): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-bgColor'
(1317,28): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-hover-bgColor'
(1322,23): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-active-borderLeft'
(1323,22): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-active-borderTop'
(1324,24): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-active-borderRight'
(1325,25): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-active-borderBottom'
(1326,22): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-active-bg'
(1333,28): run-time error CSS1039: Token not allowed after unary operator: '-dlg-tab-active-hover-bgColor'
(1340,16): run-time error CSS1039: Token not allowed after unary operator: '-settings-tabContent-border'
(1343,26): run-time error CSS1039: Token not allowed after unary operator: '-settings-tabContent-bgColor'
(1642,27): run-time error CSS1039: Token not allowed after unary operator: '-dlg-bgColor'
(1647,26): run-time error CSS1039: Token not allowed after unary operator: '-dlg-header-btn-bgColor'
(1926,16): run-time error CSS1039: Token not allowed after unary operator: '-context-menu-item-border'
(1929,26): run-time error CSS1039: Token not allowed after unary operator: '-context-menu-item-bgColor'
(1940,16): run-time error CSS1039: Token not allowed after unary operator: '-context-menu-item-border'
(1943,26): run-time error CSS1039: Token not allowed after unary operator: '-context-menu-item-bgColor'
(1993,20): run-time error CSS1039: Token not allowed after unary operator: '-top-border'
(1998,16): run-time error CSS1039: Token not allowed after unary operator: '-btnRow-border'
(2017,16): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-lg-margin'
(2024,16): run-time error CSS1039: Token not allowed after unary operator: '-instrumentMap-list-border'
(2025,26): run-time error CSS1039: Token not allowed after unary operator: '-instrumentMap-list-bgColor'
(2031,23): run-time error CSS1039: Token not allowed after unary operator: '-instrumentMap-list-item-border'
(2032,26): run-time error CSS1039: Token not allowed after unary operator: '-instrumentMap-list-item-bgColor'
(2040,26): run-time error CSS1039: Token not allowed after unary operator: '-instrumentMap-list-header-bgColor'
(2057,22): run-time error CSS1039: Token not allowed after unary operator: '-mapping-filter-paddingLeft'
(2067,26): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-bgColor'
(2068,23): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-borderBottom'
(2077,16): run-time error CSS1039: Token not allowed after unary operator: '-instrumentMap-list-border'
(2088,15): run-time error CSS1039: Token not allowed after unary operator: '-form-input-color'
(2089,26): run-time error CSS1039: Token not allowed after unary operator: '-form-input-bgColor'
(2090,16): run-time error CSS1039: Token not allowed after unary operator: '-form-input-border'
(2096,26): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-bgColor'
(2097,21): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-borderLeft'
(2674,28): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-bgColor'
(2675,25): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-borderBottom'
(2736,28): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-bgColor'
(2737,25): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-borderBottom'
(2837,16): run-time error CSS1039: Token not allowed after unary operator: '-tt-form-dropdown-height'
(3767,16): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border'
(3768,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-bgColor'
(3772,16): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-focus-border'
(3776,15): run-time error CSS1039: Token not allowed after unary operator: '-label-color'
(3777,21): run-time error CSS1039: Token not allowed after unary operator: '-label-fontWeight'
(3819,15): run-time error CSS1039: Token not allowed after unary operator: '-resubmit-row-color'
(3833,26): run-time error CSS1039: Token not allowed after unary operator: '-table-td-bgColor'
(3835,21): run-time error CSS1039: Token not allowed after unary operator: '-table-td-fontWeight'
(3852,15): run-time error CSS1039: Token not allowed after unary operator: '-form-input-color'
(3853,26): run-time error CSS1039: Token not allowed after unary operator: '-form-input-bgColor'
(3854,16): run-time error CSS1039: Token not allowed after unary operator: '-form-input-border'
(3858,26): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-bgColor'
(3860,16): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-border'
(3861,21): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-borderLeft'
(3865,26): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-hover-bgColor'
(3866,21): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-hover-borderLeft'
(3871,16): run-time error CSS1039: Token not allowed after unary operator: '-form-border'
(3872,26): run-time error CSS1039: Token not allowed after unary operator: '-form-bgColor'
(3922,26): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-bgColor'
(3924,20): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-borderTop'
(3925,23): run-time error CSS1039: Token not allowed after unary operator: '-toolbar-borderBottom'
(3999,26): run-time error CSS1039: Token not allowed after unary operator: '-table-scrolldiv-bgColor'
(4000,20): run-time error CSS1039: Token not allowed after unary operator: '-table-scrolldiv-bg'
(4006,22): run-time error CSS1039: Token not allowed after unary operator: '-table-td-borderRight'
(4007,23): run-time error CSS1039: Token not allowed after unary operator: '-table-td-borderBottom'
(4014,26): run-time error CSS1039: Token not allowed after unary operator: '-table-tr-bgColor'
(4015,15): run-time error CSS1039: Token not allowed after unary operator: '-table-tr-color'
(4021,26): run-time error CSS1039: Token not allowed after unary operator: '-table-tr-child-bgColor'
(4022,15): run-time error CSS1039: Token not allowed after unary operator: '-table-tr-child-color'
(4026,26): run-time error CSS1039: Token not allowed after unary operator: '-table-tr-child-even-bgColor'
(4031,26): run-time error CSS1039: Token not allowed after unary operator: '-table-tr-even-bgColor'
(4037,26): run-time error CSS1039: Token not allowed after unary operator: '-table-th-bgColor'
(4046,26): run-time error CSS1039: Token not allowed after unary operator: '-table-th-child-bgColor'
(4047,15): run-time error CSS1039: Token not allowed after unary operator: '-table-th-child-color'
(4058,15): run-time error CSS1039: Token not allowed after unary operator: '-color'
(4063,15): run-time error CSS1039: Token not allowed after unary operator: '-table-th-color'
(4069,15): run-time error CSS1039: Token not allowed after unary operator: '-table-th-child-color'
(4077,23): run-time error CSS1039: Token not allowed after unary operator: '-table-th-sorted-border'
(4084,23): run-time error CSS1039: Token not allowed after unary operator: '-table-th-sorted-border'
(4093,20): run-time error CSS1039: Token not allowed after unary operator: '-table-th-sortable-borderTop'
(4106,15): run-time error CSS1039: Token not allowed after unary operator: '-paging-color'
(4110,15): run-time error CSS1039: Token not allowed after unary operator: '-paging-color'
(4114,15): run-time error CSS1039: Token not allowed after unary operator: '-paging-color'
(4118,15): run-time error CSS1039: Token not allowed after unary operator: '-paging-color'
(4122,15): run-time error CSS1039: Token not allowed after unary operator: '-paging-color'
(4141,26): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-bgColor'
(4142,21): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-borderLeft'
(4146,26): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-hover-bgColor'
(4147,21): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-hover-borderLeft'
(4176,26): run-time error CSS1039: Token not allowed after unary operator: '-form-input-bgColor'
(4183,26): run-time error CSS1039: Token not allowed after unary operator: '-form-input-bgColor'
(4189,16): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border'
(4190,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-bgColor'
(4221,26): run-time error CSS1039: Token not allowed after unary operator: '-sb-track-bgColor'
(4225,26): run-time error CSS1039: Token not allowed after unary operator: '-sb-corner-bgColor'
(4229,26): run-time error CSS1039: Token not allowed after unary operator: '-sb-thumb-bgColor'
(4230,23): run-time error CSS1039: Token not allowed after unary operator: '-sb-thumb-borderRadius'
(4234,26): run-time error CSS1039: Token not allowed after unary operator: '-sb-thumb-hover-bgColor'
(4241,28): run-time error CSS1039: Token not allowed after unary operator: '-sb-btn-box-shadow'
(4247,31): run-time error CSS1039: Token not allowed after unary operator: '-sb-button-increment-pos'
(4253,31): run-time error CSS1039: Token not allowed after unary operator: '-sb-button-decrement-pos'
(4320,28): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-bgColor'
(4321,25): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-borderBottom'
(4372,28): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-bgColor'
(4373,25): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-borderBottom'
(4424,28): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-bgColor'
(4425,25): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-borderBottom'
(4534,25): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-bgColor'
(4535,22): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-borderBottom'
(4734,25): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-formButton-bgColor'
(4752,25): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-td-bgColor'
(4782,28): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-form-input-bgColor'
(4853,15): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-border'
(4857,15): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-form-input-border'
(4861,15): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-ticket-border'
(4967,20): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-border'
(4968,21): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-border'
(5167,14): run-time error CSS1039: Token not allowed after unary operator: '-form-input-color'
(5173,14): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-ticket-color'
(5325,15): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-form-dropdown-height'
(5326,15): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-form-dropdown-border'
(5327,20): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-form-dropdown-borderLeft'
(5331,25): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-form-dropdown-hover-bgColor'
(5826,14): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-drawer-color'
(5828,25): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-drawer-bgColor'
(5889,16): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-search-input-dropdown-height'
(5890,23): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-search-input-dropdown-border'
(5899,16): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-search-input-border'
(5904,25): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-uiComboWrapper-bgColor'
(5908,22): run-time error CSS1039: Token not allowed after unary operator: '-tBlotter-linked-trade'
(5947,26): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-bgColor'
(5948,23): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-borderBottom'
(5982,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-dlg-bgColor'
(5983,15): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-dlg-color'
(6381,26): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-bgColor'
(6382,23): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-borderBottom'
(6396,15): run-time error CSS1039: Token not allowed after unary operator: '-ticket-table-color'
(6401,25): run-time error CSS1039: Token not allowed after unary operator: '-ticket-table-bgColor'
(6407,26): run-time error CSS1039: Token not allowed after unary operator: '-ticket-form-spinButton-bgColor'
(6414,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-dlg-bgColor'
(6415,15): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-dlg-color'
(6426,28): run-time error CSS1039: Token not allowed after unary operator: '-ticket-form-bgColor'
(6433,26): run-time error CSS1039: Token not allowed after unary operator: '-ticket-formButton-bgColor'
(6447,16): run-time error CSS1039: Token not allowed after unary operator: '-ticket-table-border'
(6462,16): run-time error CSS1039: Token not allowed after unary operator: '-ticket-dropdown-border'
(6463,21): run-time error CSS1039: Token not allowed after unary operator: '-ticket-dropdown-borderLeft'
(6470,16): run-time error CSS1039: Token not allowed after unary operator: '-ticket-form-input-border'
(6474,16): run-time error CSS1039: Token not allowed after unary operator: '-ticket-form-input-plain-border'
(6479,16): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-focus-border'
(6514,14): run-time error CSS1039: Token not allowed after unary operator: '-ticket-form-input-color'
(6533,18): run-time error CSS1039: Token not allowed after unary operator: '-ticket-dropdown-height'
(6556,17): run-time error CSS1039: Token not allowed after unary operator: '-ticket-form-dropdown-padding'
(6560,17): run-time error CSS1039: Token not allowed after unary operator: '-ticket-form-spinButton-padding'
(6598,22): run-time error CSS1039: Token not allowed after unary operator: '-tt-hedge-background'
(6599,22): run-time error CSS1039: Token not allowed after unary operator: '-tt-hedge-boxShadow'
(6601,19): run-time error CSS1039: Token not allowed after unary operator: '-tt-hedge-padding'
(6623,26): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-bgColor'
(6624,23): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-borderBottom'
(6650,28): run-time error CSS1039: Token not allowed after unary operator: '-tt-bgColor-light'
(6654,26): run-time error CSS1039: Token not allowed after unary operator: '-formButton-bgColor'
(6659,26): run-time error CSS1039: Token not allowed after unary operator: '-formButton-hover-bgColor'
(6686,26): run-time error CSS1039: Token not allowed after unary operator: '-tt-bgColor'
(6690,26): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-hover-bgColor'
(6695,26): run-time error CSS1039: Token not allowed after unary operator: '-tt-spinUpButton-bgColor'
(6700,26): run-time error CSS1039: Token not allowed after unary operator: '-tt-spinDownButton-bgColor'
(6707,20): run-time error CSS1039: Token not allowed after unary operator: '-tt-spinButton-marginTop'
(6711,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-bgColor'
(6712,16): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border'
(6719,26): run-time error CSS1039: Token not allowed after unary operator: '-tt-fields-bgColor'
(6751,18): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-border'
(6755,18): run-time error CSS1039: Token not allowed after unary operator: '-tt-border'
(6775,16): run-time error CSS1039: Token not allowed after unary operator: '-tt-border'
(6791,21): run-time error CSS1039: Token not allowed after unary operator: '-tt-spinDownButton-borderLeft'
(6792,22): run-time error CSS1039: Token not allowed after unary operator: '-tt-spinDownButton-borderLeft'
(6799,23): run-time error CSS1039: Token not allowed after unary operator: '-tt-border'
(6804,24): run-time error CSS1039: Token not allowed after unary operator: '-tt-border'
(6805,25): run-time error CSS1039: Token not allowed after unary operator: '-tt-border'
(6832,26): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-bgColor'
(6833,21): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-borderLeft'
(6834,20): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-transition'
(6835,22): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-border'
(6836,20): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-border'
(6837,23): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-border'
(6838,17): run-time error CSS1039: Token not allowed after unary operator: '-tt-form-dropdown-padding'
(6839,16): run-time error CSS1039: Token not allowed after unary operator: '-tt-form-dropdown-height'
(6846,26): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-hover-bgColor'
(6847,21): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-hover-borderLeft'
(6852,20): run-time error CSS1039: Token not allowed after unary operator: '-tt-border'
(6869,17): run-time error CSS1039: Token not allowed after unary operator: '-tt-button-color'
(6898,15): run-time error CSS1039: Token not allowed after unary operator: '-form-input-color'
(6899,26): run-time error CSS1039: Token not allowed after unary operator: '-form-input-bgColor'
(6900,16): run-time error CSS1039: Token not allowed after unary operator: '-form-input-border'
(6904,15): run-time error CSS1039: Token not allowed after unary operator: '-tt-button-focus-color'
(6917,17): run-time error CSS1039: Token not allowed after unary operator: '-tt-color'
(7054,16): run-time error CSS1039: Token not allowed after unary operator: '-tt-formButton-height'
(7059,26): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-bgColor'
(7060,23): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-borderBottom'
(7238,20): run-time error CSS1039: Token not allowed after unary operator: '-tt-tab-button-hover-filter'
(7303,16): run-time error CSS1039: Token not allowed after unary operator: '-button-border'
(7304,26): run-time error CSS1039: Token not allowed after unary operator: '-putCall-btn-bgColor'
(7311,26): run-time error CSS1039: Token not allowed after unary operator: '-bright-green'
(7312,26): run-time error CSS1039: Token not allowed after unary operator: '-bright-green'
(7319,26): run-time error CSS1039: Token not allowed after unary operator: '-red'
(7320,26): run-time error CSS1039: Token not allowed after unary operator: '-red'
(7707,1): run-time error CSS1019: Unexpected token, found '}'
(7812,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,72): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,83): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,115): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,152): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,180): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,202): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,230): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,252): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,287): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,323): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,357): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,381): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,424): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,473): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,528): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,570): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,613): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,654): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,698): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,724): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,756): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,780): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,819): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,859): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,897): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,925): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,978): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1014): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1049): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1095): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1142): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1187): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1235): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1261): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1282): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1321): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1350): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1381): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1403): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1430): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1461): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1494): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1542): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1585): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1612): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1639): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1681): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1722): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1754): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1781): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1814): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1852): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1877): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1908): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1927): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1951): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,1976): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2008): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2033): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2057): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2084): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2122): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2152): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2197): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2235): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2286): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2327): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2362): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2406): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2439): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2461): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2494): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2525): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2571): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2598): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2638): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2679): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2721): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2744): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2763): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2789): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2816): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2835): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2858): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2887): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2917): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2948): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,2977): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3010): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3044): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3079): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3112): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3148): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3182): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3231): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3281): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3316): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3354): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3390): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3424): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3473): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3501): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3536): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3556): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3581): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3626): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3677): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3713): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3747): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3792): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3845): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3896): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3940): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,3985): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4015): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4048): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4079): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4125): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4172): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4204): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4239): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4272): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4299): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4326): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4359): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4387): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4440): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4478): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4516): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4544): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4570): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4608): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4649): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4685): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4709): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4751): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4788): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4819): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4848): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4897): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4928): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,4968): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5015): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5053): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5083): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5112): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5155): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5189): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5221): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5270): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5314): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5358): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5405): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5455): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5509): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5546): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5593): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5631): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5673): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5709): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5745): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5787): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5810): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5846): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5891): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5917): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5948): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,5988): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6017): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6045): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6076): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6121): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6172): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6219): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6262): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6292): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6326): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6361): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6398): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6439): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6479): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6528): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6560): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6591): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6624): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6661): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6707): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6749): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6800): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6844): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6881): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6912): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6946): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,6996): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7020): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7038): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7060): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7081): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7101): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7117): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7132): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7154): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7177): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7188): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7204): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7226): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7253): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7283): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7316): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7444): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7489): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7522): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7563): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7602): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7624): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7652): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7687): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7718): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7750): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7780): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7813): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7852): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7883): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7907): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7937): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7966): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,7996): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8024): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8077): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8109): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8135): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8167): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8206): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8241): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8277): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8311): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8348): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8383): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8409): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8446): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8484): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8526): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8569): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8610): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8667): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8693): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8725): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8749): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8780): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8812): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8834): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8865): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8926): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8964): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,8989): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9031): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9059): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9112): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9156): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9197): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9233): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9275): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9308): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9356): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9399): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9451): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9495): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9524): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9558): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9602): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9645): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9696): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9751): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9807): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9852): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9877): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9910): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9935): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,9966): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10017): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10044): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10070): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10095): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10146): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10174): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10195): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10220): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10258): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10294): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10329): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10361): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10388): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10413): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10458): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10508): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10564): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10612): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10674): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10721): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10754): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10794): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10832): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10867): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10898): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10934): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,10980): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11014): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11047): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11077): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11113): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11150): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11188): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11228): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11253): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11279): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11307): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11341): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11367): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11391): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11429): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11473): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11499): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11530): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11558): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11591): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11629): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11665): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11702): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11742): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11773): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11817): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11843): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11880): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11907): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11932): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11955): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,11980): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12025): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12054): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12084): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12119): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12153): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12192): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12233): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12273): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12320): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12375): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12407): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12437): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12470): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12519): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12576): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12610): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12642): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12677): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12728): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12787): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12825): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12850): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12880): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12903): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12935): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12966): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,12997): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13031): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13065): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13105): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13133): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13158): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13193): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13228): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13263): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13296): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13334): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13375): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13407): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13432): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13485): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13522): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13566): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13600): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13645): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13690): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13719): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13755): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13798): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13834): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13869): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13912): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13951): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,13992): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14029): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14065): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14109): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14154): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14188): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14225): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14275): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14312): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14383): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14423): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14459): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14491): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14536): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14578): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14606): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14638): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14679): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14729): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14762): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14800): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14836): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14870): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14898): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14937): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,14969): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15016): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15046): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15089): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15119): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15173): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15210): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15249): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15308): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15361): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15423): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15456): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15486): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15532): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15565): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15600): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15642): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15682): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15729): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15780): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15829): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15862): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15901): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,15935): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7812,16272): run-time error CSS1039: Token not allowed after unary operator: '-bgColor'
(7812,16382): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(7812,16486): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(7812,16576): run-time error CSS1039: Token not allowed after unary operator: '-table-last-row-border'
(7812,16771): run-time error CSS1039: Token not allowed after unary operator: '-color'
(7812,16827): run-time error CSS1039: Token not allowed after unary operator: '-color'
(7812,17267): run-time error CSS1039: Token not allowed after unary operator: '-ui-icon-filter'
(7812,17329): run-time error CSS1039: Token not allowed after unary operator: '-ui-icon-filter'
(7812,17461): run-time error CSS1039: Token not allowed after unary operator: '-ui-icon-filter'
(7812,17909): run-time error CSS1039: Token not allowed after unary operator: '-igcombo-active-border'
(7812,18028): run-time error CSS1039: Token not allowed after unary operator: '-form-border'
(7812,18270): run-time error CSS1039: Token not allowed after unary operator: '-navbar-border'
(7812,18335): run-time error CSS1039: Token not allowed after unary operator: '-navbar-textShadow'
(7812,18420): run-time error CSS1039: Token not allowed after unary operator: '-navbar-transition'
(7812,18458): run-time error CSS1039: Token not allowed after unary operator: '-navbar-border'
(7812,18485): run-time error CSS1039: Token not allowed after unary operator: '-navbar-color'
(7812,18517): run-time error CSS1039: Token not allowed after unary operator: '-navbar-btn-textShadow'
(7812,18612): run-time error CSS1039: Token not allowed after unary operator: '-navbar-btn-hover-bgColor'
(7812,18767): run-time error CSS1039: Token not allowed after unary operator: '-form-bgColor'
(7812,18923): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-border'
(7812,18963): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-borderLeft'
(7812,19139): run-time error CSS1039: Token not allowed after unary operator: '-form-dropdown-hover-bgColor'
(7812,19294): run-time error CSS1039: Token not allowed after unary operator: '-formButton-border'
(7812,19331): run-time error CSS1039: Token not allowed after unary operator: '-formButton-borderLeft'
(7812,19493): run-time error CSS1039: Token not allowed after unary operator: '-formButton-hover-bgColor'
(7812,19656): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-focus-border'
(7812,19742): run-time error CSS1039: Token not allowed after unary operator: '-navbar-border'
(7812,19809): run-time error CSS1039: Token not allowed after unary operator: '-tab-btn-border'
(7812,19842): run-time error CSS1039: Token not allowed after unary operator: '-tab-btn-transition'
(7812,19925): run-time error CSS1039: Token not allowed after unary operator: '-tab-btn-hover-textShadow'
(7812,19974): run-time error CSS1039: Token not allowed after unary operator: '-tab-btn-hover-bgColor'
(7812,20019): run-time error CSS1039: Token not allowed after unary operator: '-tab-btn-color'
(7812,20108): run-time error CSS1039: Token not allowed after unary operator: '-button-transition'
(7812,20145): run-time error CSS1039: Token not allowed after unary operator: '-button-textShadow'
(7812,20176): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(7812,20217): run-time error CSS1039: Token not allowed after unary operator: '-button-bgColor'
(7812,20309): run-time error CSS1039: Token not allowed after unary operator: '-button-hover-bgColor'
(7812,20393): run-time error CSS1039: Token not allowed after unary operator: '-button-bgColor-light'
(7812,20457): run-time error CSS1039: Token not allowed after unary operator: '-button-border'
(7812,20598): run-time error CSS1039: Token not allowed after unary operator: '-tab-color'
(7812,20731): run-time error CSS1039: Token not allowed after unary operator: '-tab-active-color'
(7812,20868): run-time error CSS1039: Token not allowed after unary operator: '-workspace-tab-bgColor'
(7812,21266): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-color'
(7812,21353): run-time error CSS1039: Token not allowed after unary operator: '-divider-bgColor'
(7812,21469): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-transition'
(7812,21607): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-hover-bgColor'
(7812,21806): run-time error CSS1039: Token not allowed after unary operator: '-settings-dlgContent-bgColor'
(7812,22132): run-time error CSS1039: Token not allowed after unary operator: '-table-bgColor'
(7812,22235): run-time error CSS1039: Token not allowed after unary operator: '-table-tr-even-bgColor'
(7812,22335): run-time error CSS1039: Token not allowed after unary operator: '-table-th-borderLeft'
(7812,22375): run-time error CSS1039: Token not allowed after unary operator: '-table-th-borderRight'
(7812,22414): run-time error CSS1039: Token not allowed after unary operator: '-table-th-borderTop'
(7812,22454): run-time error CSS1039: Token not allowed after unary operator: '-table-th-borderBottom'
(7812,22614): run-time error CSS1039: Token not allowed after unary operator: '-table-th-focus-border'
(7812,22656): run-time error CSS1039: Token not allowed after unary operator: '-table-th-focus-border'
(7812,22702): run-time error CSS1039: Token not allowed after unary operator: '-table-th-focus-bgColor'
(7812,22825): run-time error CSS1039: Token not allowed after unary operator: '-table-th-lastChild-borderRight'
(7812,22957): run-time error CSS1039: Token not allowed after unary operator: '-table-th-lastChild-borderRight'
(7812,23072): run-time error CSS1039: Token not allowed after unary operator: '-table-th-bgColor'
(7812,23167): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(7812,23352): run-time error CSS1039: Token not allowed after unary operator: '-form-input-border'
(7812,23735): run-time error CSS1039: Token not allowed after unary operator: '-paging-bgColor'
(7812,23851): run-time error CSS1039: Token not allowed after unary operator: '-paging-bgColor'
(7812,23983): run-time error CSS1039: Token not allowed after unary operator: '-form-bgColor'
(7812,24010): run-time error CSS1039: Token not allowed after unary operator: '-form-border'
(7812,24079): run-time error CSS1039: Token not allowed after unary operator: '-form-input-color'
(7812,24130): run-time error CSS1039: Token not allowed after unary operator: '-form-input-bgColor'
(7812,24246): run-time error CSS1039: Token not allowed after unary operator: '-form-bgColor'
(7812,24919): run-time error CSS1039: Token not allowed after unary operator: '-table-td-hover-borderLeft'
(7812,24965): run-time error CSS1039: Token not allowed after unary operator: '-table-td-hover-borderRight'
(7812,25475): run-time error CSS1039: Token not allowed after unary operator: '-border-light'
(7812,25552): run-time error CSS1039: Token not allowed after unary operator: '-border'
(7812,25643): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-lg-margin'
(7812,25741): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-bgColor'
(7812,25783): run-time error CSS1039: Token not allowed after unary operator: '-dlg-titleBar-borderBottom'
(7812,25872): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-dlg-bgColor'
(7812,25981): run-time error CSS1039: Token not allowed after unary operator: '-mapping-filter-bgColor'
(7812,26059): run-time error CSS1039: Token not allowed after unary operator: '-instrumentMap-list-header-border'
 */
.image-class-signalr-connection-dialog {
  background: url("/Content/images/eox_error.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}

  #signalr-connection-dialog .ui-dialog-title {
    padding-left: 20px;
  }

#signalr-connection-dialog .signalr-connection-dialog-content {
  padding: 10px;
}

#signalr-connection-dialog .signalr-connection-dialog-message {
  width: 300px;
  height: 65px;
  padding: 5px;
  margin-left: 5px;
  text-align: left;
}

/*
  Login Redirect dialog
*/

.image-class-info-dialog {
  background: url("/Content/images/eox_info.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}

#login-redirect-dialog {
  border-top: 1px inset #dbdbdb;
  border-left: 1px inset #dbdbdb;
  border-bottom: 1px outset;
  border-right: 1px outset;
}

  #login-redirect-dialog .row {
    margin: 0px !important;
  }

  #login-redirect-dialog .ui-dialog-titlebar {
    background-color: var(--dlg-titleBar-bgColor);
    border-bottom: var(--dlg-titleBar-borderBottom);
  }

  #login-redirect-dialog .login-redirect-dialog-content {
    margin-top: 12px !important;
    margin-bottom: 10px !important;
  }

  #login-redirect-dialog .login-redirect-dialog-message {
    padding: 0px !important;
    margin: 0px !important;
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: normal;
  }

  #login-redirect-dialog .login-redirect-dialog-footer {
    margin-top: 75px !important;
    margin-left: 140px !important;
  }
.layout-screen {
  box-sizing: border-box;
  margin: 0px;
  overflow: hidden;
  display: block;
  background-color: var(--layout-screen-bgColor);
  color: #FFF;
  min-width: 1200px !important;
}

html, body {
  height: 100%;
  padding: 0px;
  margin: 0px;
  min-width: 1200px;
}

* {
  outline: none;
}

body > .screen-container {
  height: 100%;
  min-width: 1200px !important;
}

.screen-container {
  overflow: hidden !important;
  position: static !important;
}

.workspace {
  height: 100%;
  padding: 78px 2px 2px 2px;
  display: flex;
  flex-flow: column;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.navbar-wrapper {
  position: relative;
  overflow: hidden;
}

#navbar-header-container {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 12;
}

.time-display {
  background-color: var(--navbar-bgColor);
  font-size: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align: top;
  display: inline-block;
  text-align: center;
  color: var(--navbar-color);
  margin: 13px 60px 0px 0px;
}

#clock {
  display: block;
  margin: 8px 0px 0px 0px;
}

#clock {
    vertical-align: bottom;
}

.navbar-collapse {
  color: var(--navbar-color);
  background-color: var(--navbar-bgColor);
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#page-notification-bar {
  position: absolute;
  top: 2px;
  left: 200px;
  right: 200px;
  z-index: 990;
  width: 40%;
  color: black;
  text-align: center;
  margin: 0 auto;
  height: 30px;
  border-radius: 5px;
  padding-top: 5px;
}

#eod-timer-dialog {
    position: absolute;
    top: 15px;
    left: 320px;
    right: 320px;
    z-index: 999;
    width: 35%;
    color: black;
    text-align: center;
    margin: 0 auto;
    height: 60px;
    border-radius: 15px;
    padding-top: 5px;
    border:1px solid yellow;
    border-color:yellow;
}

.eox-eod-timer {
    font-size: 3rem;
    font-weight: bold;
    color: yellow;
    /*margin: 2px;*/
    font-family: 'Courier New', monospace;
}

    .eox-eod-timer.ended {
        color: #e74c3c;
        animation: pulse 1s infinite;
    }

.eod-timer-message {
    font-size: 14px;
    font-weight: bold;
    color: lightyellow;
}



.dropdown {
  color: var(--navbar-color);
  background-color: var(--navbar-bgColor);
  font-size: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align: top;
  display: inline-block;
  text-align: center;
}

.dropdown .btn {
  border: var(--navbar-btn-borderC);
  text-shadow: var(--navbar-btn-textShadow);
}

  .dropdown img {
    width: 25px;
    height: 25px;
  }

  .dropdown .caption {
    display: block;
  }

.dropdown-menu {
  vertical-align: top !important;
  border-left: var(--dropdown-borderLeft) !important;
  border-right: var(--dropdown-borderRight) !important;
  border-bottom: var(--dropdown-borderBottom) !important;
  margin: 0px !important;
  padding: var(--dropdown-padding) !important;
  background-color: var(--dropdown-bgColor) !important;
  min-width: 200px !important;
  max-width: 414px !important;
}

.nav-bar-icons {
  margin-right: 2px;
  margin-bottom: 2px;
}

.body-content-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.body-content {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 1px;
  left: 0px;
}

#workspace-manager {
  overflow: hidden;
  border-top-width: 0px;
  width: 100%;
  height: 100%;
}

  #workspace-manager .workspace-header {
    box-sizing: border-box;
    position: relative;
    width: 100%;
  }


/*
  Workspace Tabs
*/

#workspace-manager-tabs {
  background-color: var(--workspace-bgColor);
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  width: 100%;
  top: 0px;
  float: left;
}

  #workspace-manager-tabs .ui-tabs-nav {
    padding: 0px 0px 0px 2px;
  }

    #workspace-manager-tabs .ui-tabs-nav li {
      -webkit-border-top-left-radius: 0.5em;
      -webkit-border-top-right-radius: 0.5em;
      -moz-border-radius-topleft: 0.5em;
      -moz-border-radius-topright: 0.5em;
      border-top-left-radius: 0.5em;
      border-top-right-radius: 0.5em;
    }

    #workspace-manager-tabs .ui-tabs-nav .tab-item {
      margin-left: 3px;
    }

    #workspace-manager-tabs .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all.ui-sortable {
      border: 0px;
      margin: 0px;
      height: 30px;
    }

  /*
    Input control in the tab text
  */
  #workspace-manager-tabs input.tab-text {
    display: none;
    width: 75px;
    margin-top: 3px;
    margin-left: 2px;
  }

  #workspace-manager-tabs a {
    display: block;
  }

  #workspace-manager-tabs li .ui-icon-close {
    cursor: pointer;
    top: 0px;
    right: 0px;
    float: right;
  }

/* If only one tab, do not display close icon on tab */
.ui-tabs-nav li:only-child span.ui-icon-close {
  display: none !important;
}

#workspace-manager-tabs .workspace-tab-content.ui-tabs-panel.ui-widget-content.ui-corner-bottom {
  margin: 0px;
  padding: 2px 2px 10px 2px;
  width: 100%;
  height: calc(100vh - 111px);
  border: var(--workspace-border);
  font-family: "Segoe UI", Arial, sans-serif;
}

#workspace-manager-tabs .add-tab-button {
  background-color: #426b4c;
  height: 28px;
  width: 25px;
  padding: 0px 6px;
  cursor: pointer;
  float: left;
  background: url("/Content/images/add_tab.png");
  background-repeat: no-repeat;
  background-position: 0px 2px;
  margin-top: 3px;
}

/* Default inactive tab*/
#workspace-manager-tabs .tab-item.ui-state-default.ui-corner-top {
  transition: var(--tab-transition);
  border-left: var(--tab-borderLeft);
  border-top: var(--tab-borderTop);
  border-right: var(--tab-borderRight);
  border-bottom: var(--tab-borderBottom);
  background-color: var(--tab-bgColor);
  padding: 0px;
  font-size: 90%;
  margin-top: 4px;
}

#workspace-manager-tabs .tab-item.ui-state-default.ui-corner-top:hover {
  background-color: var(--tab-hover-bgColor);
  border-bottom: var(--tab-hover-borderBottom);
}

#workspace-manager-tabs .tab-item.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active:hover {
  background: var(--tab-active-hover-bg);
}

/* Active tab */
#workspace-manager-tabs .tab-item.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
  border-left: var(--tab-active-borderLeft);
  border-top: var(--tab-active-borderTop);
  border-right: var(--tab-active-borderRight);
  border-bottom: var(--tab-active-borderBottom);
  background: var(--tab-active-bg);
  padding: 0px;
  margin-top: 2px;
  font-size: 100%;
}

  /* Sorting tab */
  #workspace-manager-tabs .tab-item.ui-state-default.ui-corner-top.ui-sortable-helper {
    padding: 0px;
    height: 30px !important;
  }

#workspace-manager .workspace-control-buttons {
  position: absolute;
  right: 0px;
  z-index: 12;
}

#workspace-manager .favorite-control-buttons {
  position: absolute;
  right: 201px;
  z-index: 12;
}

#workspace-manager .action-control-buttons {
  position: absolute;
  right: 402px;
  z-index: 12;
}

#create-from-favorite, #action-menu-button, #button-add-page {
  background-color: var(--tab-btn-bgColor);
  height: 30px;
  padding: 0px 15px 0px 15px;
  cursor: pointer;
  width: 200px;
  text-align: right;
  color: var(--tab-btn-color);
}

  #create-from-favorite .add-page-text {
    text-align: left;
    margin-right: 50px;
  }

  #action-menu-button .add-page-text {
    text-align: left;
    margin-right: 60px;
  }

  #button-add-page .add-page-text {
    text-align: left;
    margin-right: 40px;
  }

/* Icon Class */

.green {
  border-top: 4px solid #00CC33;
}

.action.create-market-page {
  margin-left: 25px;
}

.icon-market-page {
  background: url("/Content/images/top-menu/market_page.png");
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-left: 7px;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
}

.icon-market-page-dialog {
  background: url("/Content/images/top-menu/market_page.png");
  background-repeat: no-repeat;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}

.icon-custom-page {
  background: url("/Content/images/top-menu/custom_market_page.png");
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-left: 7px;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
}

.icon-custom-page-dialog {
  background: url("/Content/images/top-menu/custom_market_page.png");
  background-repeat: no-repeat;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}

.action.create-custom-page {
  margin-left: 25px;
}

.icon-new-quote {
  background: url("/Content/images/top-menu/new_quote.png");
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-left: 7px;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
}

.action.create-quote-entry {
  margin-left: 25px;
}

.icon-delete {
  background: url("/Content/images/delete.png");
  background-repeat: no-repeat;
  margin-top: 7px;
  margin-left: 4px;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
}

.icon-trade-blotter {
  background: url("/Content/images/top-menu/trade_blotter.png");
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-left: 7px;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
}

.action.create-trade-blotter {
  margin-left: 25px;
}

.action.create-jasper-report {
  margin-left: 25px;
}

.icon-trade-history-blotter {
  background: url("/Content/images/top-menu/historical_trade_search_page.png");
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-left: 7px;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
}

.action.create-trade-history-blotter {
  margin-left: 25px;
}

.icon-instrument-page {
  background: url("/Content/images/top-menu/instrument_page.png");
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-left: 7px;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
}

.action.create-instrument-page {
  margin-left: 25px;
}

.icon-term-code-page {
  background: url("/Content/images/top-menu/term_code_book.png");
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 3px;
  margin-left: 7px;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
}

.action.create-term-code-page {
  margin-left: 25px;
}

.icon-order-blotter {
  background: url("/Content/images/top-menu/order_blotter.png");
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-left: 7px;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
}

.action.create-order-blotter {
  margin-left: 25px;
}

.icon-ice-trades {
  background: url("/Content/images/top-menu/ice_trades_page.png");
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-left: 7px;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
}

.action.create-ice-trades {
  margin-left: 25px;
}

.icon-volatility-surface {
  background: url("/Content/images/top-menu/volatility_surface.png");
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-left: 7px;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
}

.action.create-volatility-surface-viewer {
  margin-left: 25px;
}

.action.open-report-browser {
  margin-left: 25px;
}

.icon-market-activity-heat-map {
  background: url("/Content/images/top-menu/market_activity_heat_map.png");
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-left: 7px;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
}

.action.create-market-activity-heat-map {
  margin-left: 25px;
}

.icon-time-and-sales {
  background: url("/Content/images/top-menu/time_and_sales.png");
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-left: 7px;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
}

.action.create-time-and-sales-report {
  margin-left: 25px;
}

.icon-customer-positions {
  background: url("/Content/images/top-menu/customer_position.png");
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-left: 7px;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
}

.action.create-customer-positions-report {
  margin-left: 25px;
}

.icon-futures-real-time {
  background: url("/Content/images/top-menu/futures_real_time.png");
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-left: 7px;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
}

.action.create-exch-futures-quote-page {
  margin-left: 25px;
}

.icon-european-pricer {
  background: url("/Content/images/top-menu/option_pricer.png");
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-left: 7px;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
}

.action.create-euro-option-pricer {
  margin-left: 25px;
}

.action.create-dummy-page {
  margin-left: 25px;
}

.icon-report {
  background: url("/Content/images/top-menu/reports.png");
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-left: 7px;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
}

.menu-item {
  margin-top: 3px;
  margin-left: 7px;
  padding: 0px;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
}

.icon-map-ice {
  background: url("/Content/images/map-instrument.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-map-cme {
  background: url("/Content/images/mapping.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-map-cp {
  background: url("/Content/images/top-menu/custom_market_page.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.icon-map-interval-rule {
  background: url("/Content/images/interval-rule.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.menu-link {
  margin-left: 25px;
}

.action.create-report-page {
  margin-left: 25px;
}

.icon-ice-match {
  background: url("/Content/images/ice_match.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}

/*
  Golden Layout CSS
*/

/* Header Title */
.lm_header .lm_tab .lm_title {
  margin-left: 0px; /* To be adjusted when header icon added */
}

/* Header */
.lm_header .lm_tab.lm_active {
  height: 20px;
  width: 100%;
  background-color: var(--gl-tab-bgColor);
  padding-bottom: 0px !important;
}

/* Content */
.lm_content {
  margin-top: 4px;
}

.lm_close_tab {
  visibility: hidden;
}

.lm_tabdropdown {
  visibility: hidden;
}

/* Splitter between Golden Layout components */

.lm_splitter.lm_vertical {
  opacity: 1;
  transition: opacity 200ms ease;
  background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#383838));
  background: -webkit-linear-gradient(top, #505050, #383838);
  background: linear-gradient(to bottom, #505050, #383838);
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  -webkit-box-shadow: inset 0 1px 0 #6e6e6e,0 2px 2px rgba(0,0,0,0.4);
  box-shadow: inset 0 1px 0 #6e6e6e,0 2px 2px rgba(0,0,0,0.4);
}

.lm_splitter.lm_horizontal {
  opacity: 1;
  transition: opacity 200ms ease;
  background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#383838));
  background: -webkit-linear-gradient(top, #505050, #383838);
  background: linear-gradient(to bottom, #505050, #383838);
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  -webkit-box-shadow: inset 0 1px 0 #6e6e6e,0 2px 2px rgba(0,0,0,0.4);
  box-shadow: inset 0 1px 0 #6e6e6e,0 2px 2px rgba(0,0,0,0.4);
}

.image-class-settings {
  background: url("/Content/images/user_settings.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}

#user-theme-preferences label {
  font-weight: normal;
}

#settings-dialog {
  border-top: 1px inset #dbdbdb;
  border-left: 1px inset #dbdbdb;
  border-bottom: 1px outset;
  border-right: 1px outset;
}

  #settings-dialog .row {
    margin: 0px !important;
  }

  #settings-dialog .ui-dialog-titlebar {
    background-color: var(--dlg-titleBar-bgColor);
    border-bottom: var(--dlg-titleBar-borderBottom);
  }


  #settings-dialog .settings-content {
    margin-top: 10px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    margin-bottom: 15px !important;
  }


  #settings-dialog .settings-footer {
    margin-left: 255px !important;
  }

#settings-tabs {
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  width: 100%;
  top: 0px;
  float: left;
}

  #settings-tabs .ui-tabs-nav {
    padding: 0px 0px 0px 3px;
    margin: 0px;
  }

    #settings-tabs .ui-tabs-nav li {
      -webkit-border-top-left-radius: 0.5em;
      -webkit-border-top-right-radius: 0.5em;
      -moz-border-radius-topleft: 0.5em;
      -moz-border-radius-topright: 0.5em;
      border-top-left-radius: 0.5em;
      border-top-right-radius: 0.5em;
    }

    /* Spacing between tabs */
    #settings-tabs .ui-tabs-nav .settings-tab-item {
      margin-left: 3px;
    }

    #settings-tabs .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
      border: 0px;
      margin: 0px;
      height: 30px;
    }

  /* Default inactive tab*/
  #settings-tabs .settings-tab-item.ui-state-default.ui-corner-top {
    transition: var(--dlg-tab-transition);
    border-left: var(--dlg-tab-borderLeft);
    border-top: var(--dlg-tab-borderTop);
    border-right: var(--dlg-tab-borderRight);
    background-color: var(--dlg-tab-bgColor);
    padding: 0px;
    font-size: 90%;
    margin-top: 4px;
  }

  #settings-tabs .settings-tab-item.ui-state-default.ui-corner-top:hover {
    background-color: var(--dlg-tab-hover-bgColor);
  }

  #settings-tabs .settings-tab-item.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active:hover {
    background-color: var(--dlg-tab-active-hover-bgColor);
  }

  #settings-tabs .settings-tab-item.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active:hover a {
    cursor: var(--dlg-tab-active-hover-cursor)
  }

    /* Active tab */
  #settings-tabs .settings-tab-item.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
    border-left: var(--dlg-tab-active-borderLeft);
    border-top: var(--dlg-tab-active-borderTop);
    border-right: var(--dlg-tab-active-borderRight);
    border-bottom: var(--dlg-tab-active-borderBottom);
    background: var(--dlg-tab-active-bg);
    padding: 0px;
    margin-top: 2px;
    font-size: 100%;
  }

  /* Tab content */
  #settings-tabs .ui-tabs-panel.ui-widget-content.ui-corner-bottom {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 475px;
    border: var(--settings-dlg-border);
    font-family: "Segoe UI", Arial, sans-serif;
    background-color: var(--settings-dlg-bgColor);
  }

/* Profile */

#user-theme-preferences, 
#user-profile-settings {
  margin: 15px 10px 10px 10px;
}

#user-theme-preferences label, 
#user-profile-settings label {
  padding: 0px !important;
  margin: 0px !important;
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: normal;
}

#user-theme-preferences .section-header, 
#user-profile-settings .section-header {
  border-bottom: var(--settings-header-borderBottom);
  width: 95%;
  padding-bottom: 5px;
}

#change-password {
  font-size : 14px;
}

#user-theme-preferences .section-first-row,
#user-profile-settings .section-first-row {
  padding-top: 5px;
}

#change-password-pw {
  width: 250px;
  height: 25px;
  background-color: var(--form-settings-sm-bgColor);
  border: var(--form-settings-sm-border);
  border-radius: 0px;
  color: var(--form-settings-sm-color);
}

#change-password-newpw {
  width: 250px;
  height: 25px;
  background-color: var(--form-settings-sm-bgColor);
  border: var(--form-settings-sm-border);
  border-radius: 0px;
  color: var(--form-settings-sm-color);
}

#user-profile-settings .password-note {
  padding-top: 20px;
  padding-left: 0px;
}

#change-password-newpwconfirm {
  width: 250px;
  height: 25px;
  background-color: var(--form-settings-sm-bgColor);
  border: var(--form-settings-sm-border);
  border-radius: 0px;
  color: var(--form-settings-sm-color);
}

#user-profile-settings .col-md-2 {
  margin-left: 0px !important;
  padding-left: 0px;
}

.change-password-rules {
  font-size: 10pt;
}

#change-password-submit {
  margin-top: 13px;
  margin-left: 0px;
}

/* User Defaults */

#user-quote-defaults {
  margin: 10px;
}

  #user-quote-defaults .ui-igedit {
    background-color: var(--userDefaults-form-bgColor) !important;
  }

  #user-quote-defaults label {
    padding: 0px !important;
    margin: 0px !important;
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: normal;
  }

#user-defaults-product-list {
  background-color: var(--userDefaults-form-bgColor);
  border-radius: 0px;
  color: var(--userDefaults-form-color);
  font-size: 12px;
}

#user-default-exchange-list {
  width: 120px;
  height: 25px;
  background-color: var(--userDefaults-form-bgColor);
  border: var(--userDefaultsExchange-form-border);
  border-radius: 0px;
  color: var(--userDefaults-form-color);
}

#user-defaults-primary-broker {
  width: 320px;
  height: 25px;
  background-color: var(--form-settings-sm-bgColor);
  border: var(--form-settings-sm-border);
  border-radius: 0px;
  color: var(--form-settings-sm-color);
}

/* Sharp corners on combo box */
#user-quote-defaults .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable.ui-igcombo-mode-dropdown {
  border-radius: 0px;
  border: var(--userDefaults-form-border);
}

#user-quote-defaults .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable {
  border-radius: 0px;
  border: var(--userDefaults-form-border);
}

/* Sharp corners on drop down control */
#user-quote-defaults .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {
  border-radius: 0px;
}

/* Numeric control */
#user-quote-defaults .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all.ui-state-default {
  border-radius: 0px;
  border: var(--userDefaults-form-border);
}

/* Quantity */
#user-defaults-quantity {
  background-color: var(--userDefaults-form-bgColor);
  border-radius: 0px;
  color: var(--userDefaults-form-color);
  font-size: 12px;
}

#user-defaults-quantity_spinDownButton {
  background-color: var(--spinDownButton-bgColor);
  border-radius: 0px;
  border-left: var(--spinDownButton-borderLeft);
  border-right: var(--spinDownButton-borderRight);
  border-top: var(--spinDownButton-borderTop);
  border-bottom: var(--spinDownButton-borderBottom);
}

  #user-defaults-quantity_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    right: 4px;
  }

#user-defaults-quantity_spinUpButton {
  background-color: var(--spinUpButton-bgColor);
  border-radius: 0px;
  border-left: var(--spinUpButton-borderLeft);
  border-right: var(--spinUpButton-borderRight);
  border-top: var(--spinUpButton-borderTop);
  border-bottom: var(--spinUpButton-borderBottom);
}

  #user-defaults-quantity_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    right: 3px;
  }

/* Timer */
#user-defaults-timer {
  background-color: var(--userDefaults-form-bgColor);
  border-radius: 0px;
  color: var(--userDefaults-form-color);
  font-size: 12px;
}

#user-defaults-timer_spinDownButton {
  background-color: var(--spinDownButton-bgColor);
  border-radius: 0px;
  border-left: var(--spinDownButton-borderLeft);
  border-right: var(--spinDownButton-borderRight);
  border-top: var(--spinDownButton-borderTop);
  border-bottom: var(--spinDownButton-borderBottom);
}

  #user-defaults-timer_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    right: 4px;
  }

#user-defaults-timer_spinUpButton {
  background-color: var(--spinUpButton-bgColor);
  border-radius: 0px;
  border-left: var(--spinUpButton-borderLeft);
  border-right: var(--spinUpButton-borderRight);
  border-top: var(--spinUpButton-borderTop);
  border-bottom: var(--spinUpButton-borderBottom);
}

#user-defaults-timer_spinUpButton:hover {
  background-color: var(--spinUpButton-hover-bgColor);
}

  #user-defaults-timer_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    right: 3px;
  }

#user-defaults-broker-tree {
  border: var(--userDefaultsBroker-form-border);
}

#user-defaults-save {
  margin-top: 240px;
  margin-left: 0px;
}

#user-quote-defaults .user-default-inherit  {
  font-size: 11px;
  color: #4b854e;
}

#user-pages-dialog {
  border-top: 1px inset #dbdbdb;
  border-left: 1px inset #dbdbdb;
  border-bottom: 1px outset;
  border-right: 1px outset;
}

#user-pages-dialog .eox-dlg-btn {
  padding: 3px 6px;
}

#user-pages-dialog .btn:hover {
  color: #272b30;
  opacity: 0.8;
}

#user-pages-dialog .row {
  margin: 0px !important;
}

#user-pages-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large {
  border-radius: 0px;
  background-color: var(--checkbox-bgColor);
  margin-right: 15px;
  margin-top: 7px;
}

#user-pages-dialog .pages-explorer-content {
  padding: 20px 10px;
  width: 100%;
  height: auto;
}

#user-pages-dialog .page-explorer-footer {
  display: flex;
  justify-content: center;
  height: min-content;
  margin-bottom: 20px;
}

#user-custom-pages-dialog {
  border-top: 1px inset #dbdbdb;
  border-left: 1px inset #dbdbdb;
  border-bottom: 1px outset;
  border-right: 1px outset;
}

  #user-custom-pages-dialog .row {
    margin: 0px !important;
  }

  #user-custom-pages-dialog .pages-explorer-content {
    padding: 20px;
    overflow-y: auto;
    margin: 0px 10px 0px 10px;
    width: 90%;
  }

  #user-custom-pages-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large {
    border-radius: 0px;
    background-color: var(--checkbox-bgColor);
    margin-right: 15px;
    margin-top: 7px;
  }

  #user-custom-pages-dialog .page-explorer-footer {
    margin-top: 15px !important;
    margin-left: 115px !important;
    margin-right: 10px !important;
  }


/* Styles for tabs */
#user-pages-dialog .tab {
  overflow: hidden;
}

  /* Style the buttons that are used to open the tab content */
  #user-pages-dialog .tab button {
    background-color: inherit;
    float: left;
    border-bottom: var(--dlg-tab-borderBottom);
    outline: none;
    cursor: pointer;
    margin-right: 4px;
    padding: 5px 10px;
    transition: var(--dlg-tab-transition);
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    border-left: var(--dlg-tab-borderLeft);
    border-top: var(--dlg-tab-borderTop);
    border-right: var(--dlg-tab-borderRight);
    background-color: var(--dlg-tab-bgColor);
  }

/* Change background color of buttons on hover */
  #user-pages-dialog .tab button:hover {
    background-color: var(--dlg-tab-hover-bgColor);
  }

/* Create an active/current tablink class */
  #user-pages-dialog .tab button.active {
    border-left: var(--dlg-tab-active-borderLeft);
    border-top: var(--dlg-tab-active-borderTop);
    border-right: var(--dlg-tab-active-borderRight);
    border-bottom: var(--dlg-tab-active-borderBottom);
    background: var(--dlg-tab-active-bg);

    /*background-color: white;
    border-color: #ccc; */
  }

  #user-pages-dialog .tablinks.active:hover {
    background-color: var(--dlg-tab-active-hover-bgColor);
  }

/* Style the tab content */
#user-pages-dialog .tabcontent {
  display: none;
  padding: 6px 12px;
  border: var(--settings-tabContent-border);
  margin-top: -2px;
  z-index: -1;
  background-color: var(--settings-tabContent-bgColor);
  overflow-y: auto;
  height: 230px;
}

#user-pages-dialog .eox-dlg-btn {
  margin-right: 4px;
}

.toggle {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

.toggle input {
  opacity: 0;
  width: 0;
  height: 0;
 }

.toggle .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 25px;
}

.toggle .slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2.5px;
  bottom: 2.5px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
 }


input:checked + .slider {
  background-color: #28a745; 
}

input:checked + .slider:before {
  transform: translateX(20px);
}

#user-theme-preferences .form-group.d-flex {
  display: flex;
  align-items: center;
  gap: 15px;
}

/*
  Login screen
*/

#login-screen {
  position: fixed;
  top: 20%;
  left: 40%;
  width: 375px;
}

  #login-screen .login-header-panel {
    background-image: url("/Content/images/eox_login_page_logo.png");
    padding: 40px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
  }

  #login-screen  .login-control-panel {
    margin: 0px;
    padding: 25px;
    background-color: #FFFFFF;
    border: 2px solid #e4e4e4;
    border-radius: 10px;
  }

  #login-screen  .login-contact-panel {
    margin-top: 10px;
    margin-left: 50px;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    color: #000000;
  }

    #login-screen  .login-contact-panel p {
      border-bottom: 1px solid #CBD4C2;
      margin-left: 100px;
      margin-right: 100px;
      text-align: center;
    }

    #login-screen  .login-contact-panel ul {
      margin: 0px;
      padding: 0px;
    }

      #login-screen  .login-contact-panel ul li {
        list-style-type: none;
        display: inline;
      }

        #login-screen  .login-contact-panel ul li:before {
          content: " | ";
        }

        #login-screen  .login-contact-panel ul li:first-child:before {
          content: none;
        }

    #login-screen  .login-contact-panel a {
      color: blue;
    }

    #login-screen  .login-contact-panel .eox-contact-aim {
      background: url("/Content/images/aim.png") center center no-repeat;
      padding: 0px;
      display: inline-block;
      width: 16px;
      height: 16px;
    }

  #login-screen  .login-maintenance-panel {
    margin: 0px;
    padding: 25px;
    background-color: #FFFFFF;
    border: 2px solid #e4e4e4;
    border-radius: 10px;
    color: #000;
  }

/*
  Overwriting validation error messages during login screen
*/

.field-validation-error {
  color: #ff0000;
}

.field-validation-valid {
  display: none;
}

.input-validation-error {
  border: 1px solid #ff0000 !important;
  background-color: #ffeeee !important;
}

.validation-summary-errors {
  font-weight: bold !important;
  color: #ff0000 !important;
}

.validation-summary-valid {
  display: none;
}

select.field-validation-error {
  color: green;
}

select.input-validation-error {
  border: 1px solid black !important;
  background-color: white !important;
}


/*
  User Agreement
*/

#user-agreement-page-dialog {
  margin-top: 53px;
  margin-right: 1px;
  margin-bottom: 1px;
  margin-left: 1px;
  padding: 0px;
  position: relative;
  background-color: #FFFFFF;
}

  #user-agreement-page-dialog.ui-igdialog {
    border: 1px ridge #EAEAEA;
    font-size: 12px;
  }

  #user-agreement-page-dialog .ui-igdialog-content {
    padding: 1px;
  }

.tc-accept-button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 10px 26px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
}

#user-agreement-page-dialog .ui-dialog-title {
  padding-left: 20px;
}

.image-class-user-agreement {
  background: url("/content/images/top-menu/user_agreement.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}


/* 
    Change Password dialog
*/

#on-login-change-password-dialog {
  border-top: 1px inset #dbdbdb;
  border-left: 1px inset #dbdbdb;
  border-bottom: 1px outset;
  border-right: 1px outset;
}

#change-password-dialog .ui-dialog-title {
  padding-left: 20px;
}

.image-class-change-password {
  background: url("/content/images/top-menu/password-20.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}

.change-password-rules {
  font-size: 10pt;
}

#change-password-dialog .change-password-fields {
  margin: 20px 20px 20px 20px;
}

  #change-password-dialog .change-password-fields .error {
    font-size: 8pt;
    vertical-align: top;
    font-weight: bold;
    color: #ff0000;
  }

  #change-password-dialog .change-password-fields table td {
    font-size: 10pt;
    text-align: right;
    padding: 2px 4px 2px 4px;
  }


/* Dialog border */
.ui-igdialog.ui-dialog.ui-widgetui-widget-content.ui-corner-all.ui-draggable.ui-resizable {
  border: 1px solid #606060;
  margin-top: 112px !important;
  margin-left: 5px !important;
}

/* Dialog content */
.ui-igdialog-content.ui-widget-content.ui-dialog-content {
  padding: 0px;
  margin: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: var( --dlg-bgColor);
}

/* Dialog header buttons */
.ui-igdialog-headerbutton.ui-corner-all.ui-state-default {
  background-color: var(--dlg-header-btn-bgColor);
}

.ui-dialog-title {
  padding-left: 20px;
}

/* Header */
.ui-igdialog-header.ui-dialog-titlebar.ui-widget-headerui-corner-top.ui-helper-clearfix.ui-draggable-handle {
  background-color: #001931;
}

.eox-dlg-btn {
  width:65px;
}

.eox-label {
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight:normal;
}

/*
  Screen displayed initially during login
*/

.splash {
  background: #262626;
  color: #ccc;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20004;
  padding: 10px;
  overflow: hidden;
}

  .splash .splash-title {
    color: #fff;
    font-size: 22px;
    overflow: hidden;
  }

    .splash .splash-title a {
      color: #fff;
      float: right;
      font-size: 18px;
    }

      .splash .splash-title a:hover {
        color: #aaa;
        float: right;
        font-size: 18px;
      }

  .splash h1 {
    color: #fff;
    text-align: center;
  }

  .splash > div {
    margin: 20% auto;
    width: 65%;
  }

  .splash .swatches {
    width: 100%;
  }

  .splash .swatch {
    width: 20%;
    margin: 0;
  }

  .splash.loading {
    overflow: hidden;
    text-align: center;
  }

  .splash.bg-opacity85 {
    /* default fallback */
    background: rgb(38, 38, 38) transparent;
    /* nice browsers */
    background: rgba(38, 38, 38, 0.85);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8262626, endColorstr=#d8262626)";
  }

  .splash.loading > div {
    /*width:50%; position:absolute; top: 50%; left:25%; margin-top: -75px; margin-bottom: 0;*/
    width: 30%;
    position: absolute;
    top: 50%;
    left: 35%;
    margin-top: -75px;
    margin-bottom: 0;
  }

  .splash.loading .swatch {
    -webkit-animation: stretchdelay 1.15s infinite ease-in-out;
    animation: stretchdelay 1.15s infinite ease-in-out;
  }

  .splash.loading p {
    -webkit-animation: loading 1.15s infinite;
    -webkit-transition: 1.15s;
    -moz-animation: loading 1.15s infinite;
    -moz-transition: 1.15s;
    animation: loading 1.15s infinite;
    transition: 1.15s;
  }

  .splash.loading .swatch.user-speed {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
  }

  .splash.loading .swatch.user-action {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
  }

  .splash.loading .swatch.user-usability {
    -webkit-animation-delay: -0.65s;
    animation-delay: -0.65s;
  }

  .splash.loading .swatch.user-testing {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
  }

  .splash.loading .live-green {
    color: #00CC33;
  }

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.25);
  }

  20% {
    -webkit-transform: scaleY(1.0);
  }
}

@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.25);
    -webkit-transform: scaleY(0.25);
  }

  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

@keyframes loading {
  0% {
    opacity: 1;
    -moz-opacity: 1;
  }

  50% {
    opacity: 1;
    -moz-opacity: 1;
  }

  100% {
    opacity: 0;
    -moz-opacity: 0;
  }
}

@-webkit-keyframes loading {
  0% {
    opacity: 1;
    -moz-opacity: 1;
  }

  50% {
    opacity: 1;
    -moz-opacity: 1;
  }

  100% {
    opacity: 0;
    -moz-opacity: 0;
  }
}

.swatch {
  background: #999;
  display: inline-block;
  width: 10px;
  height: 7px;
  margin: 0 5px;
}

  .swatch.w10 {
    width: 10% !important;
  }

  .swatch.w25 {
    width: 25% !important;
  }

  .swatch.w50 {
    width: 50% !important;
  }

  .swatch.w75 {
    width: 75% !important;
  }

  .swatch.w100 {
    width: 100% !important;
  }

  .swatch.user-experience {
    background: #34A853;
  }

  .swatch.user-speed {
    background: #EA4335;
  }

  .swatch.user-action {
    background: #FBBC05;
  }

  .swatch.user-usability {
    background: #34A853;
  }

  .swatch.user-testing {
    background: #4285F4;
  }

  .swatch.danger {
    background: #FF5D43;
  }

  .swatch.warning {
    background: #FBA137;
  }
.quote-page-context-menu-dialog.ui-igdialog.ui-dialog.ui-widgetui-widget-content.ui-corner-all {
  border: 1px ridge #EAEAEA;
  font-style: normal;
  background-color: #62878f;
  padding: 0px;
  margin: 0px;
}

.quote-page-context-menu-dialog-content .context-menu-group-first {
  padding: 0px 0px 0px 0px;
  margin: 0px;
  list-style-type: none;
  border-bottom: 1px outset #E9E9E9;
}

.quote-page-context-menu-dialog-content .context-menu-group {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  border-bottom: 1px outset #E9E9E9;
}

.quote-page-context-menu-dialog-content .context-menu-group-last {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  border-bottom: 0px;
}

.context-menu-item {
  border: var(--context-menu-item-border);
  width: 100%;
  text-align: left;
  background-color: var(--context-menu-item-bgColor);
  color: #FFF;
  margin: 0px;
  padding-left: 15px;
}

  .context-menu-item:hover {
    color: #000;
  }

.context-menu-item-disabled {
  border: var(--context-menu-item-border);
  width: 100%;
  text-align: left;
  background-color: var(--context-menu-item-bgColor);
  color: dimgray;
  margin: 0px;
  padding-left: 15px;
}

#instrument_details input[type="text"] {
  height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#instrument_details input[type="text"]:disabled {
  opacity: 0.35;
}

/*#instrument_details input[type="checkbox"] {
  width: 20px;
}*/

#instrument_details .eox-table {
  margin-top: 0px;
}

#instrument_details .eox-table td {
  text-align: left;
  padding-left: 16px !important;
}

#instrument_details tr th {
  height: 28px;
}

#instrument_details .table > thead > tr > th {
  vertical-align: middle;
  border-bottom: unset;
}

.inst-tbl-container {
  display: flex;
  justify-content: space-between;
}

#instrument_details {
  border-top: 1px solid grey;
  padding-top: 16px;
  height: fit-content;
}

.top-border {
  border-top: var(--top-border);
}

.btn-row {
  padding: 4px;
  border: var(--btnRow-border);
  position: static;
  margin-top: 16px;
}

#instrument_details .eox-ticket-sub-header {
  padding: 0px;
}

#workspace-manager-tabs #instrument-search-filter .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large {
  height: 20px;
  width: 20px;
}

#instrument_details .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large {
  margin-bottom: -4px;
}

#workspace-manager-tabs #instrument-search-filter .ui-igcheckbox-large-on, #instrument_details .ui-igcheckbox-large-on {
  margin: var(--checkbox-lg-margin);
}

.eox-list-selection {
  height: 200px;
  list-style: none;
  overflow-y: auto;
  border: var(--instrumentMap-list-border);
  background-color: var(--instrumentMap-list-bgColor) !important;
  padding: 4px 16px;
}

.eox-list-selection > li {
  display: block;
  border-bottom: var(--instrumentMap-list-item-border);
  background-color: var(--instrumentMap-list-item-bgColor) !important;
  color: #acacac;
  padding-bottom: 2px;
  font-family: "Segoe UI", Arial, sans-serif;
}

.eox-list-header {
  text-align: center !important;
  background-color: var(--instrumentMap-list-header-bgColor) !important;
  color: #000;
  border-color: #1c1e22;
  width: 100%;
  height: 21px;
  padding-top: 2px;
}

#mapped-ice-product-list {
  list-style: none;
}

.eox-filter-container {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: flex-start;
  padding-left: var(--mapping-filter-paddingLeft);
}

.eox-ice-product-list-container {
  display: flex;
  justify-content: space-between;
  max-height: 200px;
}

[id*="-mapping-dialog"] > .ui-dialog-titlebar {
  background-color: var(--dlg-titleBar-bgColor);
  border-bottom: var(--dlg-titleBar-borderBottom);
}

.eox-cp-mapping-container {
  padding: 20px 0px;
}

.eox-cp-mapping-grid-container {
  max-height: 570px;
  border: var(--instrumentMap-list-border);
}

/* Grid cell combo editors are outside .ui-form, so they need the form control theme applied explicitly */
[id^="ice-product-cp-mapping-grid"] .ui-igcombo-wrapper,
[id^="ice-product-cp-mapping-grid"] .ui-igcombo {
  height: 20px;
}

[id^="ice-product-cp-mapping-grid"] .ui-igcombo-field,
[id^="ice-product-cp-mapping-grid"] .ui-igcombo-fieldholder input {
  color: var(--form-input-color);
  background-color: var(--form-input-bgColor);
  border: var(--form-input-border);
  border-radius: 0px;
}

[id^="ice-product-cp-mapping-grid"] .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {
  height: 18px;
  background-color: var(--form-dropdown-bgColor);
  border-left: var(--form-dropdown-borderLeft);
}

[id*="ice-strip-grid"] .ui-unselectable {
  border-radius: 0px;
  background-color: #49515a;
  color: #acacac;
}

[id^="ice-strip-grid"] .ui-iggrid-filterrow {
  display: none !important;
}

.image-class-ice-mapping {
  background: url("/Content/images/map-instrument.png");
  bottom: 0;
  display: block;
  left: 3px;
  overflow: hidden;
  position: absolute;
  top: -2px;
  width: 24px;
  height: 24px;
}


.btn-container {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 6px;
}

.btn-color {
  color: black;
  margin-right: 10px;
}

.btn:hover {
color: #929292 !important;
}
.image-class-euro-option-pricer {
  background: url("/Content/images/top-menu/option_pricer.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}

.euro-option-pricer-grid {
  text-align: center;
  font-size: 11px !important;
}

  .euro-option-pricer-grid.ui-iggrid-table.ui-widget-content tbody td {
    line-height: 12px !important;
    padding: 1px !important;
  }

.tool-bar .toolbar-label.first-option-pricer {
  display: inline !important;
  color: #bababa;
  margin-top: 4px;
  margin-left: 5px;
}

  /* Overwrite the default input[text] setting. This is set the workspace manager tab */
.toobar-item-instant-message {
  display: inline !important;
  width: 250px !important;
  height: 23px;
  padding-left: 5px;
  border-radius: 0px !important;
  margin-top: 1px;
}

.toobar-item-im-structure {
  display: inline !important;
  width: 275px !important;
  height: 23px;
  font-weight: bold;
  padding-left: 3px;
  background-color: #006666 !important;
  margin-top: 1px !important;
  margin-left: 2px !important;
  border-radius: 0px !important;
  color: #FFF;
}

.toobar-item-im-price-and-greeks {
  display: inline !important;
  width: 125px !important;
  height: 23px;
  font-weight: bold;
  padding-left: 3px;
  background-color: #006666 !important;
  margin-top: 1px !important;
  border-radius: 0px !important;
  color: #FFF;
}

.toolbar-item-display-selection {
  display: inline !important;
  width: 80px !important;
  font-weight: bold;
  padding-left: 3px;
  height: 22px;
  margin-top: 2px;
  border-radius: 0px !important;
}

.toolbar-item-customer-selection {
  display: inline !important;
  width: 120px !important;
  font-weight: bold;
  padding-left: 3px;
  height: 22px;
  margin-top: 2px;
  border-radius: 0px !important;
}

.toolbar-item-trader-selection {
  display: inline !important;
  width: 100px !important;
  font-weight: bold;
  padding-left: 3px;
  height: 22px;
  margin-top: 2px;
  border-radius: 0px !important;
}

.toolbar-item-contract-selection {
  display: inline !important;
  padding-left: 3px !important;
  margin-top: 2px;
  border-radius: 0px !important;
}

.toolbar-item-apply-contract-selection {
  margin-left: 2px !important;
}

.euro-option-pricer-page-combo-display-values {
  display: flex;
  margin-left: 5px;
  margin-right: 2px;
}

.euro-option-pricer-page-border-column {
  border-right: 1px solid #cecaca !important;
}

.euro-option-pricer-highlight-underlying-row-higher {
  background-color: #32894f !important;
  color: #000 !important;
}

.euro-option-pricer-highlight-underlying-row-lower {
  background-color: #a43737 !important;
  color: #000 !important;
}

.euro-option-pricer-highlight-cell {
  background-color: #d7db71 !important;
  color: #000 !important;
}

.image-class-vol-surface-viewer {
  background: url("/Content/images/top-menu/order_blotter.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}

  .vol-surface-viewer-page-vol-inputs {
    margin-top: 10px;
    margin-left: 3px;
    margin-right: 1px;
    display: inline;
  }

.vol-surface-viewer-page-chart {
  font-size: 11px;
  color: #FFF;
}

  .vol-surface-viewer-page-chart .ui-corner-all.ui-widget-content.ui-chart-container {
    background-color: #0C0A10;
  }

.vol-surface-viewer-page-grid .ui-iggrid-table {
  font-size: 11px;
  text-align: center;
}

.vol-surface-viewer-page-grid .ui-iggrid tbody td {
  padding: 2px;
  border-right: 1px solid #1C1E22;
}
.new-quote-entry-page .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-small {
  border-radius: 0px;
  border: 1px solid #646464;
  background-color: #0C0A10;
  padding: 1px;
  margin: 4px 0px 0px 3px;
}

.new-quote-entry-page-container {
  width : 845px !important;
  border: 1px outset #646464;
  margin: 20px !important;
  background-color: #343333;
}

  .new-quote-entry-page-container .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-verysmall {
    border-radius: 0px;
    border: 1px solid #646464;
    background-color: #0C0A10;
    padding: 2px;
  }

/* Sharp corners on combo box */
  .new-quote-entry-page-container .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable {
    border-radius: 0px;
    border: 1px solid #646464;
  }

.new-quote-entry-page .toolbar-label {
  margin: 4px 0px 0px 3px !important;
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: normal;
}

.new-quote-entry-page label {
  padding: 0px !important;
  margin: 0px !important;
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: normal;
}

.new-quote-entry-page .row {
  margin: 0px;
  margin-left: 20px;
}

.new-quote-entry-top-row {
  margin-top: 20px !important;
  margin-left: 20px !important;
}

.new-quote-entry-last-row {
  margin-top: 10px !important;
  margin-bottom: 20px !important;
  margin-left: 305px !important;
}

.new-quote-entry-page-instrument-list {
  background-color: #0C0A10;
  border-radius: 0px;
  color: #C8C8C8 !important;
  font-size: 12px;
}

.new-quote-entry-page-trader-list {
  background-color: #0C0A10;
  border-radius: 0px;
  color: #C8C8C8 !important;
  font-size: 12px;
  margin: 0px !important;
  padding: 0px !important;
}

.new-quote-entry-page-structure {
  display: inline !important;
  width: 270px !important;
  height: 25px !important;
  border-radius: 0px !important;
}

.new-quote-entry-im-controls {
  margin-top: 15px !important;
  margin-left: 0px !important;
  width: 150px;
}

.new-quote-entry-page-parse {
  height: 28px !important;
  width: 60px;
  text-align: center;
  margin: 0px !important;
  padding: 0px !important;
}

.new-quote-entry-page-clear {
  height: 28px !important;
  width: 60px;
  text-align: center;
  margin: 0px !important;
  padding: 0px !important;
}

.new-quote-entry-page-strategy-list {
  background-color: #0C0A10;
  border-radius: 0px;
  color: #C8C8C8 !important;
  font-size: 12px;
}

.new-quote-entry-page table {
  background-color: #0C0A10;
  border-radius: 0px;
  color: #C8C8C8;
  font-size: 12px;
  font-family: "Segoe UI", Arial, sans-serif;
  border: 1px solid #646464;
  width: 760px !important;
}

.new-quote-entry-page thead th {
  border: 1px solid #646464;
  text-align: center;
  font-weight: normal;
}

.new-quote-entry-page table tbody td {
  background-color: #2b2929;
}

.new-quote-entry-page table tbody td {
  border: 1px solid #646464;
  text-align: center;
  padding: 3px 0px 0px 0px;
  margin: 0px;
}

.new-quote-entry-page-broker-list {
  background-color: #0C0A10;
  border-radius: 0px;
  color: #C8C8C8 !important;
  font-size: 12px;
}

.new-quote-entry-page-exchange-list {
  background-color: #0C0A10;
  border-radius: 0px;
  color: #C8C8C8 !important;
  font-size: 12px;
}


/* Expires in */

.new-quote-entry-page-container .new-quote-entry-page-expires-in {
  background-color: #0C0A10 !important;
  color: #C8C8C8 !important;
  text-align: right !important;
  padding-right: 5px !important;
}

.new-quote-entry-page-container .ui-igeditor-input-container.ui-corner-all {
  border-radius: 0px;
}

.new-quote-entry-page-container .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all.ui-state-default {
  border-radius: 0px;
  border: 1px solid #646464;
}

.new-quote-entry-page-container .ui-igedit-spinlowerimage {
  margin-right: 3px;
}

.new-quote-entry-page-container .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default {
  background-color: #201f21 !important;
  border-left: 1px solid #646464 !important;
  border-right: 1px solid #646464 !important;
}

.new-quote-entry-page-container .ui-igedit-spinupperimage {
  margin-right: 3px;
}

.new-quote-entry-page-container .new-quote-entry-page-controls {
  margin-left: 1px !important;
  margin-bottom: 10px !important;
}

/* Strategy leg price editor */
.new-quote-entry-page-strategy-leg-strike {
  background-color: #0C0A10;
  border-radius: 0px;
  color: #C8C8C8;
  font-size: 12px;
  margin: 0px !important;
  padding: 0px !important;
}

/* Hedge leg price editor */
.new-quote-entry-page-hedge-leg-price {
  background-color: #0C0A10;
  border-radius: 0px;
  color: #C8C8C8;
  font-size: 12px;
}

/* Bid ask row controls */
.new-quote-entry-page-bidaskrow-size {
  background-color: #0C0A10;
  border-radius: 0px;
  color: #C8C8C8;
  font-size: 12px;
}

.new-quote-entry-page-bidaskrow-price {
  background-color: #0C0A10 !important;
  border-radius: 0px;
  color: #C8C8C8;
  font-size: 12px;
}

.new-quote-entry-page-container .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all.ui-state-default {
  background-color: #0C0A10;
}

.new-quote-entry-page-container .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default {
  background-color: #201f21;
  border-left: 1px solid #646464;
  border-right: 1px solid #646464;
}

.new-quote-entry-page-container .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
  right: 4px;
}

.new-quote-entry-page-container .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
  right: 2px;
}



.image-class-trade-ticket {
  background: url("/Content/images/trade_ticket_details.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}

.image-class-trade-entry {
  background: url("/Content/images/create_trade.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}

.eox-border-radius {
  border-radius: 10px;
}

.eox-ticket-sub-header {
  color: darkorange;
  font-weight: bold;
  /*border: 1px solid rgb(97,97,97);*/
  text-align: center;
  background-color: black;
  padding: 5px;
}

.eox-algn-lft {
  text-align: left;
}

.eox-algn-rgt {
  text-align: right;
}

.eox-algn-ctr {
  text-align: center;
}

.eox-collapse-glyph {
  color: rgb(0,165,55);
  text-decoration: none;
  cursor: pointer;
}

.eox-glyph-red {
  color: orange;
  text-decoration: none;
  cursor:pointer;
}

.eox-glyph-red {
  color: orange;
  text-decoration: none;
  cursor:pointer;
}

#trade-ticket-details-dialog {
  padding: 2px;
  margin-top: 52px;
  background-color: black;
  border: 1px ridge #EAEAEA;
}

  #trade-ticket-details-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large {
    height: 16px;
    width: 16px;
    border-radius: 0px;
    border: 1px solid #646464;
    background-color: black;
  }

    #trade-ticket-details-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large:focus {
      border: 1px solid #66afe9;
    }

  #trade-ticket-details-dialog .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    right: 0px !important;
    background-color: black;
  }

  #trade-ticket-details-dialog .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    right: 0px;
    background-color: black;
  }

  #trade-ticket-details-dialog .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {
    border-radius: 0px;
    background-color: black;
  }

  #trade-ticket-details-dialog .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default.ui-igedit-dropdown-button {
    border-radius: 0px;
    background-color: black;
  }

  #trade-ticket-details-dialog > .ui-igdialog-header.ui-dialog-titlebar.ui-widget-headerui-corner-top.ui-helper-clearfix {
    background-color: rgb(20,55,105);
  }

  #trade-ticket-details-dialog .ui-igcombo-checkbox.ui-state-default.ui-corner-all.ui-igcheckbox-small {
    border-radius: 0px;
    background-color: black;
    border: 1px solid #646464;
  }
  #trade-ticket-details-dialog .ui-icon.ui-icon-check.ui-igcombo-checkbox-on.ui-igcheckbox-small-on {
    color: yellow;
  }

  #trade-ticket-details-dialog .ui-icon.ui-igcombo-checkbox-off.ui-igcheckbox-small-off {
    color: red;
  }

  #trade-ticket-details-dialog .ui-dialog-titlebar {
    background-color: var(--dlg-titleBar-bgColor);
    border-bottom: var(--dlg-titleBar-borderBottom);
  }

#create-trade-dialog {
  padding: 2px;
  margin-top: 52px;
  background-color: black;
  border: 1px ridge #EAEAEA;
}

  #create-trade-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large {
    height: 16px;
    width: 16px;
    border-radius: 0px;
    border: 1px solid #646464;
    background-color: black;
  }

    #create-trade-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large:focus {
      border: 1px solid #66afe9;
    }

  #create-trade-dialog .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    right: 0px !important;
    background-color: black;
  }

  #create-trade-dialog .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    right: 0px;
    background-color: black;
  }

  #create-trade-dialog .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {
    border-radius: 0px;
    background-color: black;
  }

  #create-trade-dialog .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default.ui-igedit-dropdown-button {
    border-radius: 0px;
    background-color: black;
  }

  #create-trade-dialog > .ui-igdialog-header.ui-dialog-titlebar.ui-widget-headerui-corner-top.ui-helper-clearfix {
    background-color: rgb(20,55,105);
  }

  #create-trade-dialog .ui-igcombo-checkbox.ui-state-default.ui-corner-all.ui-igcheckbox-small {
    border-radius: 0px;
    background-color: black;
    border: 1px solid #646464;
  }

  #create-trade-dialog .ui-icon.ui-icon-check.ui-igcombo-checkbox-on.ui-igcheckbox-small-on {
    color: yellow;
  }

  #create-trade-dialog .ui-icon.ui-igcombo-checkbox-off.ui-igcheckbox-small-off {
    color: red;
  }

  #create-trade-dialog .ui-dialog-titlebar {
    background-color: var(--dlg-titleBar-bgColor);
    border-bottom: var(--dlg-titleBar-borderBottom);
  }

  #create-trade-dialog .switch-prem-legs-label {
    float: left;
    padding: 4px 0px 0px 10px;
  }

  #create-trade-dialog .switch-prem-legs-button {
    background: url("/Content/images/up_down_arrow.png");
    background-repeat: no-repeat;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border: 0px;
    float: right;
    padding: 0px;
  }

  #trd-tkt-container .table {
    margin-bottom: 5px;
  }

#trd-tkt-container .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default {
  background-color: rgb(47,45,46) !important;
  padding-left: 1px !important;
  padding-right: 1px !important;
}

#trd-tkt-container .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
  color: rgb(200,200,200) !important;
  background-color: #201f21;
}

#trd-tkt-container .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
  color: rgb(200,200,200) !important;
  background-color: #201f21;
  border-left: 1px solid #646464;
  border-right: 1px solid #646464;
  right: 0px;
}

#trd-tkt-container table thead tr th {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: normal !important;
  font-size: 12px !important;
  background-color: black !important;
  border: 1px solid rgb(97,97,97);
  padding: 2px;
  text-align: center;
}

#trd-tkt-container table tbody tr td {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: normal !important;
  font-size: 12px !important;
  color: rgb(200,200,200) !important;
  background-color: rgb(47,45,46);
  border: 1px solid rgb(97,97,97);
  padding: 1px;
  text-align: center;
}

#trd-tkt-container table tfoot tr td {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: normal !important;
  font-size: 12px !important;
  border: 1px solid rgb(97,97,97);
  padding: 2px;
  background-color: black;
  text-align: center;
  color: yellow;
}

#trd-tkt-container table tfoot input {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: normal !important;
  font-size: 12px !important;
  border: 1px solid rgb(97,97,97);
  padding: 2px;
  background-color: black;
  text-align: center;
  color: yellow;
}

#trd-tkt-container input, textarea {
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  width: 100%;
  background-color: black;
  border: 1px solid #646464;
  border-radius: 0px;
  color: white !important;
}

#trd-tkt-container .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {
  border-radius: 0px;
  background-color: #201f21;
  border: 1px solid #646464;
  height: var(--tt-form-dropdown-height);
}

#trd-tkt-container .btn {
  padding-left: 15px;
  padding-right: 15px;
  color: black !important;
}

  #trd-tkt-container .btn:focus {
    background-color: black;
    color: white !important;
    border: 1px solid #66afe9;
  }

/*#trd-details  {
  margin-top: 3px;
}*/

.eox-ticket-fieldset {
  border-radius: 0px;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
  width: auto;
  margin-bottom: 3px;
}

#trade-details-table {
  margin-top:10px;
}

#trd-tkt-buyer-seller-section {
  padding-right: 0px;
  margin-right: 0px;
  margin-left: 2px;
  background-color: rgb(47,45,46);
}

  #trd-tkt-buyer-seller-section .row {
    border-left: 1px solid rgb(97,97,97);
    border-right: 1px solid rgb(97,97,97);
    border-bottom: 1px solid rgb(97,97,97);
    /*margin-left: 2px;*/
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }

    #trd-tkt-buyer-seller-section .row > [class*='col-'] {
      display: flex;
      flex-direction: column;
    }

      #trd-tkt-buyer-seller-section .row > [class*='col-']:not(:first-child) {
        border-left: 1px solid rgb(97,97,97);
      }

  #trd-tkt-buyer-seller-section label {
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: normal;
    font-size: 12px;
    font-weight: normal;
  }

#trd-tkt-approval-section {
  margin-top: 10px;
  padding-right: 0px;
  margin-right: 0px;
  margin-left: 2px;
  background-color: rgb(47,45,46);
}

  #trd-tkt-approval-section .row:first-child {
    border-top: 1px solid rgb(97,97,97);
  }

  #trd-tkt-approval-section .row {
    border-left: 1px solid rgb(97,97,97);
    border-right: 1px solid rgb(97,97,97);
    border-bottom: 1px solid rgb(97,97,97);
    /*margin-left: 2px;*/
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }

    #trd-tkt-approval-section .row > [class*='col-'] {
      display: flex;
      flex-direction: column;
      text-align: left;
      padding-left: 5px;
      padding-right: 2px;
    }

      #trd-tkt-approval-section .row > [class*='col-']:not(:first-child) {
        border-left: 1px solid rgb(97,97,97);
      }

  #trd-tkt-approval-section label {
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: normal;
    font-size: 12px;
    font-weight: normal;
  }

.trd-tkt-buyer-seller-data {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
  height: 100%;
  vertical-align: middle;
}

#lbl-exetime-override {
  vertical-align: top;
}

#trd-tkt-details-autoclr {
  padding-top: 0px;
  padding-bottom: 0px;
}

#commission-col {
  vertical-align: top;
  border: 1px solid black;
  background-color: black;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-top: 0px;
  overflow-y: auto;
}

  #commission-col label {
    vertical-align: middle;
    font-weight: normal;
    padding-bottom: 7px;
  }

.ticket-send-confirm {
  vertical-align: top;
  float: left;
  padding-right: 5px;
}

.confirm-emails {
  color: #c8c8c8;
}

.trade-ticket-comments {
  color: #c8c8c8;
}

.eox-button-section {
  padding: 5px;
  margin-top: 2px;
  border: 1px solid rgb(97,97,97);
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 5px;
}

.eox-ticket-footer-row {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 45px;
  margin-bottom: 15px;
}


.trade-details-buttons-section table tbody td div {
  background-color: rgb(33,33,33);
}

.trade-ticket-buttons-table {
  width: 99%;
  margin: 5px 0px 5px 2px;
}

.hedge-leg-details-buttons-table {
  width: 99%;
  margin-top: 2px;
}

#buyer-seller-col {
  overflow-y: auto;
}

.eox-border-top {
  border-top: 1px solid rgb(97,97,97);
}
.trade-ticket-lbl-class {
  color: darkorange;
  font-weight: unset;
}

.trade-details-hedge-text {
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(-90deg);
  -ms-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -webkit-transform-origin: left top 0;
  transform-origin: initial bottom 0;
  background: black;
  color: darkorange;
  margin-top: 48px;
  /*margin-left: -2px;*/
  padding: 2px 2px 3px 2px;
  border: 1px solid rgb(97,97,97);
  text-transform: 1px 1px 0px rgba(0, 0, 0, 0.5);
  font-weight: bold;
  box-shadow: 2px -2px 0px rgba(0, 0, 0, 0.1);
  float: left;
  width: 48px;
  position: relative;
}

.cp-trade-footer-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 2px;
  margin-bottom: 2px;
}

.cp-trade-footer-row > .cp-trade-footer-col {
  float: none;
  display: flex;
  align-items: center;
  min-height: 28px;
}

.cp-trade-footer-left,
.cp-trade-footer-center,
.cp-trade-footer-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  width: 100%;
  padding: 0;
  margin: 0;
  min-height: 26px;
}

.cp-trade-footer-center,
.cp-trade-footer-right {
  flex-direction: row;
  justify-content: flex-end;
 }
  .cp-clear-as-contracts-field {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  gap: 6px;
}

.cp-clear-as-contracts-field label,
.cp-trade-footer-right label {
  margin: 0;
  padding: 0;
  line-height: normal;
  vertical-align: middle;
}

.cp-clear-as-contracts-field .ui-igcheckbox-large,
.cp-clear-as-contracts-field .ui-checkbox-container {
  vertical-align: middle;
}

.cp-tracking-system-field,
.cp-initiator-field {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  white-space: nowrap;
  gap: 6px;
}

.eox-ticket-fieldset .cp-tracking-system-field,
.eox-ticket-fieldset .cp-initiator-field {
  margin-left: 15px;
}

.cp-trade-footer-left .cp-tracking-system-field,
.cp-trade-footer-left .cp-initiator-field {
  margin-left: 0;
}

.cp-tracking-system-field label,
.cp-initiator-field label {
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: normal;
  vertical-align: middle;
  flex-shrink: 0;
}

.cp-tracking-system-field .ui-igcombo-wrapper,
.cp-initiator-field .ui-igcombo-wrapper,
.cp-tracking-system-field > span[id^="trd-dcs-"],
.cp-initiator-field > span[id^="trd-dcs-"] {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: normal;
}

.cp-tracking-system-field .ui-igcombo,
.cp-initiator-field .ui-igcombo {
  vertical-align: middle;
}

.cp-field-value {
  display: inline-block;
  min-width: 80px;
  line-height: normal;
  vertical-align: middle;
}

.trade-price-mismatch {
  border: 1px solid red !important;
}

#confirmation-report-dialog {
  overflow: hidden;
  margin: 0px;
  border-top: 1px inset #dbdbdb;
  border-left: 1px inset #dbdbdb;
  border-bottom: 1px outset;
  border-right: 1px outset;
}

#confirmation-report-object {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

/*CREATE TRADE CSS*/
#create-trd-container .table {
  margin-bottom: 5px;
}

#create-trd-container .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default {
  background-color: rgb(47,45,46) !important;
  padding-left: 1px !important;
  padding-right: 1px !important;
}

#create-trd-container .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
  color: rgb(200,200,200) !important;
  background-color: #201f21;
}

#create-trd-container .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
  color: rgb(200,200,200) !important;
  background-color: #201f21;
  border-left: 1px solid #646464;
  border-right: 1px solid #646464;
  right: 0px;
}

#create-trd-container table thead tr th {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: normal !important;
  font-size: 12px !important;
  background-color: black !important;
  border: 1px solid rgb(97,97,97);
  padding: 2px;
  text-align: center;
}

#create-trd-container table tbody tr td {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: normal !important;
  font-size: 12px !important;
  color: rgb(200,200,200) !important;
  background-color: rgb(47,45,46);
  border: 1px solid rgb(97,97,97);
  padding: 1px;
  text-align: center;
}

#create-trd-container table tfoot tr td {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: normal !important;
  font-size: 12px !important;
  border: 1px solid rgb(97,97,97);
  padding: 2px;
  background-color: black;
  text-align: center;
  color: yellow;
}

#create-trd-container table tfoot input {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: normal !important;
  font-size: 12px !important;
  border: 1px solid rgb(97,97,97);
  padding: 2px;
  background-color: black;
  text-align: center;
  color: yellow;
}

#create-trd-container input, textarea {
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  width: 100%;
  background-color: black;
  border: 1px solid #646464;
  border-radius: 0px;
  color: white !important;
}

#create-trd-container .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {
  border-radius: 0px;
  background-color: #201f21;
  border: 1px solid #646464;
  height: 15px;
}

#create-trd-container .btn {
  padding-left: 15px;
  padding-right: 15px;
  color: black !important;
}

#trd-tkt-container .ui-igcombo.ui-state-active {
  border-color: #66afe9;
}

.mandatory-bespoke-category-list {
  display: flex;
  gap: 10px;
  margin: 5px;
}

.mandatory-bespoke-category-list span {
  padding: 4px 7px;
  background: #ef8c004a;
  border-radius: 10px;
  font-size: 12px;
}

.fixed-header th {
  position: sticky;
  top: -2px;
  z-index: 10;
}

.ui-datepicker-year {
  background-color: #2e3338 !important;
  color: rgb(200,200,200) !important;
  font-size: 0.85em !important;
  width: 32% !important;
}
.image-class-time-and-sales {
  background: url("/Content/images/top-menu/time_and_sales.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}

.time-and-sales-grid {
  font-size: 12px;
  text-align: center;
  padding: 0px;
  margin: 0px;
}

.time-and-sales-tool-tip {
  color: #070202;
}

  .time-and-sales-tool-tip .font {
    font-weight: bold;
  }


.image-class-futures-realtime {
  background: url("/Content/images/top-menu/futures_real_time.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}

.exch-futures-dialog {
  width: 100%;
  height: auto;
}

.exch-futures-custom-contracts-table {
  background-color: #0C0A10 !important;
  color: #acacac;
  padding: 0px !important;
  margin: 0px !important;
  width: 100%;
  text-align: center;
  table-layout: fixed;
}

  .exch-futures-custom-contracts-table tbody td {
    line-height: 16px;
    border-right: 1px solid #2e2c2b;
    border-bottom: 1px solid #2e2c2b;
    margin: 0px;
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: bold;
  }

.exch-futures-grid {
  font-size: 12px;
  text-align: center;
}

.toobar-item-exch-futures-toolbar-label {
  display: inline !important;
  color: #bababa;
  margin-left: 4px;
  margin-right: 2px;
  margin-top: 4px;
}

.toobar-item-exch-future-contract {
  display: inline !important;
  color: #bababa;
  margin-top: 4px;
  margin-left: 2px;
}

.toobar-item-exch-future-contract-new {
  display: inline !important;
  color: #bababa;
  margin-top: 4px;
  margin-left: 2px;
}

.toobar-item-exch-future-contract-settle {
  display: inline !important;
  color: #bababa;
  margin-top: 4px;
  margin-left: 2px;
}

.toobar-item-exch-future-contract-diff {
  display: inline !important;
  color: #bababa;
  margin-top: 4px;
  margin-left: 2px;
}

.exch-futures-custom-label {

}

.exch-futures-custom-label-td {

}

.exch-futures-value {
  margin-left: 45px;
}

.exch-futures-change {
  text-align: right;
  font-size: 11px;
  margin-left: 10px;
  font-weight: normal;
}

.custom-strips {
  width: 35%;
}

.image-class-eoxlive-bot {
  background: url("/Content/images/chat_bot.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}

#eoxlive-chat-bot-dialog {
  border-radius: 5px;
  overflow-x: hidden;
  overflow-y: hidden;
  margin-right: 10px !important;
  margin-bottom: 15px !important;
}

  #eoxlive-chat-bot-dialog .ui-igdialog-content {
    background-color: #e6e3e3 !important;
    height: 450px !important;
    display: inline-block;
    overflow-x: hidden;
    overflow-y: hidden;
    margin: 0px !important;
    padding: 0px !important;
  }

#eoxlive-chat-bot-content {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  background-color: #e6e3e3 !important;
  height: 400px !important;
  width: 346px;
  padding: 10px 10px 5px 10px;
  box-sizing: border-box;
  border: 0px;
  margin: 0px;
  color: #090909 !important;
  outline: none;
  overflow-x: hidden;
  overflow-y: auto;
}

  #eoxlive-chat-bot-content .chat-bot-timestamp {
    font-size : 11px;
  }

  #eoxlive-chat-bot-content .chat-bot-userinput {
    color: #0501fc !important;
  }

  #eoxlive-chat-bot-content .chat-bot-eoxliveoutput {
    color: #035518 !important;
  }

  #eoxlive-chat-bot-dialog .eoxlive-chat-bot-footer {
    background-color: #e6e3e3 !important;
    height: 45px !important;
    width: 346px;
    margin: 0px;
    padding: 0px;
  }

  #eoxlive-chat-bot-dialog .eoxlive-chat-bot-footer .input-group {
    margin: 0px;
    padding: 0px;
    height: 45px !important;
  }


#eoxlive-chat-bot-input {
  border: 0px;
  margin: 0px;
  height: 45px !important;
  width: 290px !important;
}

#eoxlive-chat-bot-send {
    border: 0px;
    margin: 0px;
    height: 40px !important;
    width: 40px;
    margin-right:10px;
}

#chat-floating-button {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #00CC33;
  position: fixed;
  bottom: 30px;
  right: 30px;
  cursor: pointer;
  box-shadow: 1px 1px 10px #dddada;
}

.plus {
  color: white;
  position: absolute;
  top: 0;
  display: block;
  bottom: 0px;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0px;
  margin: 0;
  line-height: 50px;
  font-size: 38px;
  font-family: 'Roboto';
  font-weight: 300;
  animation: plus-out 0.3s;
  transition: all 0.3s;
}

#eoxlive-chat-bot-floating-button {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 20px;
  right: 20px;
  z-index: 200000;
}

  /*#eoxlive-chat-bot-floating-button:hover {
    height: 400px;
    width: 90px;
    padding: 30px;
  }

    #eoxlive-chat-bot-floating-button:hover .plus {
      animation: plus-in 0.15s linear;
      animation-fill-mode: forwards;
    }*/

.edit {
  position: absolute;
  top: 0;
  display: block;
  bottom: 0;
  left: 0;
  display: block;
  right: 0;
  padding: 0;
  opacity: 0;
  margin: auto;
  line-height: 65px;
  transform: rotateZ(-70deg);
  transition: all 0.3s;
  animation: edit-out 0.3s;
}

#eoxlive-chat-bot-floating-button:hover .edit {
  animation: edit-in 0.2s;
  animation-delay: 0.1s;
  animation-fill-mode: forwards;
}

@keyframes edit-in {
  from {
    opacity: 0;
    transform: rotateZ(-70deg);
  }

  to {
    opacity: 1;
    transform: rotateZ(0deg);
  }
}

@keyframes edit-out {
  from {
    opacity: 1;
    transform: rotateZ(0deg);
  }

  to {
    opacity: 0;
    transform: rotateZ(-70deg);
  }
}

@keyframes plus-in {
  from {
    opacity: 1;
    transform: rotateZ(0deg);
  }

  to {
    opacity: 0;
    transform: rotateZ(180deg);
  }
}

@keyframes plus-out {
  from {
    opacity: 0;
    transform: rotateZ(180deg);
  }

  to {
    opacity: 1;
    transform: rotateZ(0deg);
  }
}


.time-and-sales-heatmap-grid {
  text-align: center;
  font-size: 11px !important;
}

  .time-and-sales-heatmap-grid.ui-iggrid-table.ui-widget-content tbody td {
    line-height: 12px !important;
    padding: 1px !important;
  }


.time-and-sales-heatmap-grid-border-column {
  border-right: 1px solid #504e4f !important;
}

.time-and-sales-heatmap-level-1 {
  background-color: #F6B2AA !important;
  color: #000 !important;
}

.time-and-sales-heatmap-level-2 {
  background-color: #ED9085 !important;
  color: #000 !important;
}

.time-and-sales-heatmap-level-3 {
  background-color: #E47466 !important;
  color: #000 !important;
}

.time-and-sales-heatmap-level-4 {
  background-color: #F62105 !important;
  color: #000 !important;
}

.toolbar-time-and-sales-display-data-checkbox {
  display: inline !important;
  margin-left: 4px !important;
  margin-right: 2px !important;
  margin-top: 3px !important;
}

.toolbar-time-and-sales-display-data-checkbox-label {
  display: inline !important;
  color: #bababa;
  margin-left: 4px;
  margin-right: 2px;
  margin-top: 4px;
}
.customer-positions-page-combo-display-values {
  display: flex;
  margin-left: 5px;
  margin-right: 2px;
}

.customer-positions-pivot .ui-igpivotdataselector .ui-igpivotdataselector-root {
  padding: 1px;
}

.customer-positions-pivot .ui-igpivotdataselector .ui-igpivotdataselector-root {
  padding: 1px;
}

span.ui-icon.ui-icon-close {
  top: 6px !important;
}

.ui-iggrid-headertable.ui-igpivotgrid > tbody > tr > td {
  text-align: center;
}

.ui-igpivotgrid.ui-iggrid-table.ui-widget-content > tbody > tr > td {
  text-align: center;
}

.ui-igpivot-dropareaheader .ui-igpivot-droparea {
  text-align: left;
}

.ui-igpivot-filterdropdown .ui-igpivot-filtermembers {
  height: 250px;
}

.ui-igsplitter-splitbar-vertical  {
  width : 6px;
}

.ui-igsplitter-splitbar-vertical.ui-state-default {
  background-color : #5e4106;
}

/*.ui-igpivotgrid.ui-iggrid-table.ui-widget-content > colgroup > col:nth-child(1) {
  width: 110px !important;
}

.ui-iggrid-headertable.ui-igpivotgrid > colgroup > col:nth-child(1) {
  width: 110px !important;
}

.ui-igpivotgrid.ui-iggrid-table.ui-widget-content > colgroup > col:nth-last-child(1) {
  width: 110px !important;
}

.ui-iggrid-headertable.ui-igpivotgrid > colgroup > col:nth-last-child(1) {
  width: 110px !important;
}*/

/*.ui-iggrid-headertable {
  display: inline-grid ;
}*/


#workspace-manager-tabs .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large {
  height: 16px;
  width: 16px;
  border-radius: 0px;
  border: var(--checkbox-border);
  background-color: var(--checkbox-bgColor);
}

#workspace-manager-tabs .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large:focus {
  border: var(--checkbox-focus-border);
}

#workspace-manager-tabs label {
  color: var(--label-color);
  font-weight: var(--label-fontWeight);
}

[id^="ice-exceptions-page-hr-grid-"] .ui-checkbox-container.ui-igcheckbox-large .ui-icon {
  margin: 0 !important;
}

/*#workspace-manager-tabs .ui-iggrid-childarea .ui-widget .ui-helper-clearfix .ui-corner-all .ui-iggrid .ui-iggrid .ui-widget-header  .eox-align-left .ui-iggrid-headertext {
  background-color: yellow;
}*/
/*#workspace-manager-tabs .ui-iggrid-childarea .ui-widget .ui-iggrid {
  background-color: yellow;
}

#workspace-manager-tabs .ui-iggrid-childarea .ui-iggrid-headertext {
  background-color: yellow;
}*/
[id^="ice-match-grid-"] .ui-iggrid-table.ui-widget-content tbody td {
  line-height: 20px;
  padding: 10px;
  text-align: left;
}

.ice-match-filter {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  flex-wrap: wrap;
  gap: 16px;
  padding-left: 16px;
}

.assignBtn {
  width: 24px;
  height: 24px;
  color: black;
  background-color: transparent;
  cursor: pointer;
}
tr.resubmit {
  color: var(--resubmit-row-color) !important;
}

.eox-form-dialog-class {
  margin-top: 52px;
}

  .eox-form-dialog-class.ui-igdialog {
    border: 2px ridge #EAEAEA;
    font-size: 12px;
  }

.ui-form tbody td {
  padding: 4px;
  background-color: var(--table-td-bgColor);
  text-align: left;
  font-weight: var(--table-td-fontWeight);
}

.ui-form table {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.ui-form input,
.ui-form input.ui-corner-all {
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  width: 100%;
  border-radius: 0px;
  margin-right: 50px !important;
  color: var(--form-input-color);
  background-color: var(--form-input-bgColor);
  border: var(--form-input-border);
}

.ui-form .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default.ui-igedit-dropdown-button {
  background-color: var(--form-dropdown-bgColor);
  border-radius: 0px;
  border: var(--form-dropdown-border);
  border-left: var(--form-dropdown-borderLeft);
}

.ui-form .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default.ui-igedit-dropdown-button:hover {
  background-color: var(--form-dropdown-hover-bgColor);
  border-left: var(--form-dropdown-hover-borderLeft);
}

.ui-form .ui-corner-all {
  border-radius: 0px;
  border: var(--form-border);
  background-color: var(--form-bgColor);
}

.ui-corner-all .ui-igeditor-input-container {
  border-radius: 0px;
}

td .ui-corner-all > div.ui-igeditor-input-container {
  border: none;
}

.ui-form .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all.ui-state-default {
  height: 25px;
}

.ui-form .ui-igcombo-wrapper {
  height: 25px;
}

.ui-form-button {
  text-align: right;
  padding-right: 10px;
  padding-bottom: 10px;
}

.eox-button-row {
  width: 100%;
  margin: 0 auto;
  height: 40px;
}

.eox-block-right {
  float: right;
  padding-right: 10px;
  height: 100%;
  display: flex;
  gap: 8px;
}

.eox-text-block-left {
  float: left;
  padding-left: 10px;
  padding-top: 15px;
  height: 100%;
}

/* Tool bar */
.tool-bar {
  padding: 4px;
  font-size: 12px;
  background-color: var(--toolbar-bgColor);
  color: #000000;
  border-top: var(--toolbar-borderTop);
  border-bottom: var(--toolbar-borderBottom);
  font-style: normal;
  width: 100%;
  max-height: 40px;
  min-height: 35px;
  margin: 0px;
  display: flex;
}

  .tool-bar .custom-page-group {
    min-width: 200px !important;
  }

  .tool-bar .toolbar-button {
    height: 25px;
    padding: 0px 15px 0px 15px;
    cursor: pointer;
    text-align: center;
    margin-left: 5px;
  }

  .tool-bar input[type="button"]:disabled {
    background-color: #787878;
    border: groove;
  }

  .tool-bar .toolbar-group-button {
    height: 25px;
    padding: 0px 15px 0px 15px;
    cursor: pointer;
    text-align: center;
    margin-left: 5px;
  }

  .tool-bar .toolbar-hidden-button {
    visibility: hidden;
  }

  .tool-bar .v-separator {   
    border-right: 1px thin #fafafa;
    border-left: 1px solid #b4b4b4;
    display: inline;
    padding: 0px;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
  }

  .tool-bar .v-separator {
    width: 0px;
  }
  
  .tool-bar .toolbar-label.first {
    display: inline !important;
    color: #bababa;
    margin-top: 4px;
    margin-left: 5px;
    min-width: 75px !important;
  }

  .tool-bar .toolbar-label {
    display: inline !important;
    color: #bababa;
    margin-left: 15px;
    margin-right: 2px;
    margin-top: 4px;
  }


/* 
  IG Grid 
*/

.ui-iggrid .ui-iggrid-scrolldiv {
  background-color: var(--table-scrolldiv-bgColor) !important;
  background: var(--table-scrolldiv-bg) !important;
}

.ui-iggrid-table.ui-widget-content tbody td {
  line-height: 16px;
  padding: 1px;
  border-right: var(--table-td-borderRight);
  border-bottom: var(--table-td-borderBottom);
  margin: 0px;
  font-family: "Segoe UI", Arial, sans-serif;
}

/* Row color */
.ui-widget-content.ui-iggrid-tablebody.ui-ig-record.ui-iggrid-record {
  background-color: var(--table-tr-bgColor) !important;
  color: var(--table-tr-color);
}

/* Row color for child tables in Hierarchical Grid */
/* #404246 */
.ui-iggrid-childarea .ui-widget-content.ui-iggrid-tablebody.ui-ig-record.ui-iggrid-record {
  background-color: var(--table-tr-child-bgColor) !important;
  color: var(--table-tr-child-color);
}

.ui-iggrid-childarea .ui-iggrid-altrecord {
  background-color: var(--table-tr-child-even-bgColor) !important;
}

/* Alternate row color */
.ui-iggrid-altrecord {
  background-color: var(--table-tr-even-bgColor) !important;
}

/* IGGrid header */
.ui-iggrid-header.ui-widget-header {
  text-align: center !important;
  background-color: var(--table-th-bgColor) !important;
  padding-left: 5px !important;
  word-wrap: normal !important;
}

/* IGGrid header */
/* #283747 201f21*/
.ui-iggrid-childarea .ui-iggrid-header.ui-widget-header {
  text-align: center !important;
  background-color: var(--table-th-child-bgColor) !important;
  color: var(--table-th-child-color);
  padding-left: 5px !important;
  word-wrap: normal !important;
}

.ui-iggrid tbody td {
  white-space: nowrap;
}

.ui-igdialog-headertext.ui-dialog-title {
  font-size: 12px;
  color: var(--color);
}

.ui-iggrid-headertext {
  text-align: center;
  color: var(--table-th-color);
  font-weight: bold;
}

.ui-iggrid-childarea .ui-iggrid-headertext {
  text-align: center;
  color: var(--table-th-child-color);
  font-weight: bold;
}

.ui-iggrid-header.ui-widget-header.ui-iggrid-sortableheader.ui-state-default.ui-iggrid-headercell-featureenabled.ui-iggrid-colheaderdesc {
  text-align: center;
  padding-left: 15px;
  margin: 0px;
  border-bottom: var(--table-th-sorted-border);
}

.ui-iggrid-header.ui-widget-header.ui-iggrid-sortableheader.ui-state-default.ui-iggrid-headercell-featureenabled.ui-iggrid-colheaderasc.ui-iggrid-sortableheaderactive.ui-state-active {
  text-align: center;
  padding-left: 15px;
  margin: 0px;
  border-bottom: var(--table-th-sorted-border);
}

.ui-iggrid-headercell-featureenabled.ui-draggable .ui-iggrid-headertext, .ui-iggrid-headercell-featureenabled.ui-iggrid-colheaderasc .ui-iggrid-headertext, .ui-iggrid-headercell-featureenabled.ui-iggrid-colheaderdesc .ui-iggrid-headertext {
  width: calc(100% - 18px) !important;
}

.ui-iggrid-header.ui-widget-header.ui-iggrid-sortableheader.ui-state-default.ui-iggrid-headercell-featureenabled {
  text-align: center;
  border-top: var(--table-th-sortable-borderTop);
}

.ui-iggrid-paging {
  font-size: 11px;
  margin-right: 15px;
}

.ui-widget.ui-iggrid-pager.ui-helper-clearfix.ui-corner-bottom.ui-widget-header.ui-iggrid-footer {
  border-top: 1px ridge #9A9A9A;
}

.ui-iggrid-prevpagelabel {
  color: var(--paging-color);
}

.ui-iggrid-nextpagelabel {
  color: var(--paging-color);
}

.ui-iggrid-pagesizelabel {
  color: var(--paging-color);
}

.ui-iggrid-pagedropdownlabels {
  color: var(--paging-color);
}

.ui-helper-reset.ui-iggrid-pagelist.ui-iggrid-paging-item li a {
  color: var(--paging-color);
}

.ui-iggrid-indicatorcontainer {
  padding: 0px;
  margin: 0px;
}

.ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable.ui-igcombo-mode-dropdown {
  border-radius: 0px;
}

.ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable {
  border-radius: 0px;
}

/* Sharp corners on drop down control */
.ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {
  border-radius: 0px;
  background-color: var(--form-dropdown-bgColor);
  border-left: var(--form-dropdown-borderLeft);
}

.ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right:hover {
  background-color: var(--form-dropdown-hover-bgColor);
  border-left: var(--form-dropdown-hover-borderLeft);
}

.ui-igcombo-fieldholder.ui-igcombo-fieldholder-ltr.ui-corner-left {
  border-radius: 0px;
}

.ui-igcombo-checkbox.ui-state-default.ui-corner-all.ui-igcheckbox-small {
  margin-left: 5px;
  margin-right: 5px;
}

.ui-igcombo-listitemtextwithcheckbox {
  padding-left: 10px;
  padding-bottom: 2px;
}

.ui-igcombo-list ul > li {
  white-space: normal!important;
  height: auto!important;
  /* Infragistics version upgrade 2016.2 - min-height is set because combo-list-item-container's height depends on this */ 
  min-height: 25px;
}

.ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-verysmall {
  width: 15px !important;
  height: 15px !important;
  border-radius: 0px;
  border: 1px solid #646464;
  background-color: var(--form-input-bgColor);
  padding: 2px;
}

.ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-small {
  border-radius: 0px;
  border: 1px solid #646464;
  background-color: var(--form-input-bgColor);
  padding: 2px;
}

.ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large {
  border-radius: 0px;
  border: var(--checkbox-border);
  background-color: var(--checkbox-bgColor);
}

/* Cell value up and down */
.cell-value-tick-down {
  color: #C00000;
}

.cell-value-tick-up {
  color: #00CC66;
}

/* Border column */
.border-column-right {
  border-right: 1px solid #696969 !important;
}

.border-column-left {
  border-left: 1px solid #696969 !important;
}

/*
  Scrollbar
*/

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background-color: var(--sb-track-bgColor);
}

::-webkit-scrollbar-corner {
  background-color: var(--sb-corner-bgColor);
}

::-webkit-scrollbar-thumb {
  background-color: var(--sb-thumb-bgColor);
  border-radius: var(--sb-thumb-borderRadius);
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--sb-thumb-hover-bgColor);
}

::-webkit-scrollbar-button {
  background-size: 100%;
  height: 10px;
  width: 10px;
  -webkit-box-shadow: var(--sb-btn-box-shadow);
}

  ::-webkit-scrollbar-button:horizontal:increment {
    background-image: url(/Content/images/arrow-right.png);
    background-repeat: no-repeat;
    background-position: var(--sb-button-increment-pos);
  }

  ::-webkit-scrollbar-button:horizontal:decrement {
    background-image: url(/Content/images/arrow-left.png);
    background-repeat: no-repeat;
    background-position: var(--sb-button-decrement-pos);
  }

  ::-webkit-scrollbar-button:vertical:increment {
    background-image: url(/Content/images/arrow-down.png);
    background-repeat: no-repeat;
  }

  ::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(/Content/images/arrow-up.png);
    background-repeat: no-repeat;
  }
/*
  Combo box
*/

/* Drop down control's font on drop-down */
.ui-igcombo-dropdown {
  color: #C8C8C8;
  font-size: 12px !important;
}

/*
  JGrowl Notification Message
*/

.jGrowl .manilla {
  background-color: lightgreen;
  color: black;
  border-color: #5ab500;
}

.jGrowl .error {
  background-color: #FF9494;
  color: black;
  border-color: #5ab500;
}

/*
  Error Dialog
*/

.image-class-error-dialog {
  background: url("/Content/images/eox_error.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}

#error-dialog {
  border-top: 1px inset #dbdbdb;
  border-left: 1px inset #dbdbdb;
  border-bottom: 1px outset;
  border-right: 1px outset;
}

  #error-dialog .row {
    margin: 0px !important;
  }

  #error-dialog .ui-dialog-titlebar {
    background-color: var(--dlg-titleBar-bgColor);
    border-bottom: var(--dlg-titleBar-borderBottom);
  }

  #error-dialog .error-dialog-content {
    margin-top: 12px !important;
    margin-bottom: 10px !important;
  }

  #error-dialog .error-dialog-message {
    padding: 0px !important;
    margin: 0px !important;
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: normal;
  }

  #error-dialog .error-dialog-footer {
    margin-top: 25px !important;
    text-align: center;
    vertical-align: middle;
    display: block;
  }

/*
  Information dialog
*/

.image-class-info-dialog {
  background: url("/Content/images/eox_info.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}

#info-dialog {
  border-top: 1px inset #dbdbdb;
  border-left: 1px inset #dbdbdb;
  border-bottom: 1px outset;
  border-right: 1px outset;
}

  #info-dialog .row {
    margin: 0px !important;
  }

  #info-dialog .ui-dialog-titlebar {
    background-color: var(--dlg-titleBar-bgColor);
    border-bottom: var(--dlg-titleBar-borderBottom);
  }

  #info-dialog .info-dialog-content {
    margin-top: 12px !important;
    margin-bottom: 10px !important;
  }

  #info-dialog .info-dialog-message {
    padding: 0px !important;
    margin: 0px !important;
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: normal;
  }

  #info-dialog .info-dialog-footer {
    margin-top: 75px !important;
    margin-left: 135px !important;
  }


/* 
  Confirm Dialog 

*/

.image-class-confirm-dialog {
  background: url("/Content/images/confirm_action.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
}

#confirm-dialog {
  border-top: 1px inset #dbdbdb;
  border-left: 1px inset #dbdbdb;
  border-bottom: 1px outset;
  border-right: 1px outset;
}

  #confirm-dialog .row {
    margin: 0px !important;
  }

  #confirm-dialog .ui-dialog-titlebar {
    background-color: var(--dlg-titleBar-bgColor);
    border-bottom: var(--dlg-titleBar-borderBottom);
  }

  #confirm-dialog .confirm-dialog-header {
    border-bottom: 1px outset #cac9c4;
    padding: 10px 0px 10px 15px;
  }

  #confirm-dialog .confirm-dialog-structure {
    font-size: 14px;
    color: #a8a656;
  }

  #confirm-dialog .confirm-dialog-content {
    margin-top: 12px !important;
    margin-bottom: 10px !important;
  }

  #confirm-dialog .confirm-dialog-message {
    padding: 0px !important;
    margin: 0px !important;
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: normal;
  }

  #confirm-dialog .confirm-dialog-footer {
    margin-top: 20px !important;
    margin-left: 150px !important;
  }

  .eox-align-left {
    text-align:left;
  }

  .eox-inline-block {
      display: inline-block !important;
  }

  .eox-no-scollbars {
      overflow: hidden;
  }

  .eox-small-font {
    font-size: small;
  }

  
.bid-group-price,
.my-bid-time-to-live,
.my-offer-time-to-live,
.offer-group-price {
	-moz-appearance: button;
	-webkit-appearance: button;
}

.image-class-confirm-dialog {
	background: url("/Content/images/confirm_action.png");
}

.image-class-custom-market-page-dialog {
	background: url("/Content/images/custom_market_page.png");
}

.image-class-hitlift {
	background: url("/Content/images/hitlift.png");
}

.image-class-modify-order-entry {
	background: url("/Content/images/modify_order.png");
}

.image-class-expiration-time,
.image-class-make-live {
	background: url("/Content/images/otc-option-quote-page/quote_type_live.png");
}

.image-class-broker-quick-order-entry,
.image-class-quick-order-entry {
	background: url("/Content/images/quick_order_entry.png");
}

.image-class-market-page {
	background: url("/Content/images/top-menu/market_page.png");
}

.image-class-order-blotter {
	background: url("/Content/images/top-menu/order_blotter.png");
}

.image-class-trade-blotter {
	background: url("/Content/images/top-menu/trade_blotter.png");
}

.trade-locked {
	background: url("/Content/images/trade_lock.png");
	background-position: top right;
	padding-right: 2px;
}

#broker-hit-lift-dialog .ui-dialog-titlebar,
#market-page-action-dialog .ui-dialog-titlebar,
#market-page-broker-quick-order-entry-dialog .ui-dialog-titlebar,
#market-page-confirm-dialog .ui-dialog-titlebar,
#market-page-custom-page-dialog .ui-dialog-titlebar,
#market-page-expiration-dialog .ui-dialog-titlebar,
#market-page-hitlift-dialog .ui-dialog-titlebar,
#market-page-makelive-dialog .ui-dialog-titlebar,
#market-page-modify-order-entry-dialog .ui-dialog-titlebar,
#market-page-quick-order-entry-dialog .ui-dialog-titlebar {
	background-color: var(--dlg-titleBar-bgColor);
	border-bottom: var(--dlg-titleBar-borderBottom);
}

.toobar-item-total-commission {
	background-color: #006666 !important;
	display: inline !important;
	height: 23px;
	margin-top: 1px !important;
	padding-left: 3px;
	width: 125px !important;  
}

#broker-qoe-ask-price,
#broker-qoe-ask-quantity,
#broker-qoe-bid-price,
#broker-qoe-bid-quantity,
#broker-hit-lift-dialog #broker-hitlift-strategy,
#broker-hit-lift-dialog .broker-hitlift-exchange-list,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-delta,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-inst,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-price,
#broker-hit-lift-dialog .broker-hitlift-strategy-leg-price,
#broker-hit-lift-dialog .buyer-broker-list,
#broker-hit-lift-dialog .buyer-entity-list,
#broker-hit-lift-dialog .buyer-trader-list,
#broker-hit-lift-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#broker-hit-lift-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-verysmall,
#broker-hit-lift-dialog table,
#broker-hit-lift-dialog .seller-broker-list,
#broker-hit-lift-dialog .seller-entity-list,
#broker-hit-lift-dialog .seller-trader-list,
#broker-hitlift-price,
#broker-hitlift-quantity,
#broker-hitlift-execdate,
#broker-hitlift-exectime,
#hitlift-price,
#hitlift-quantity,
#market-page-broker-quick-order-entry-dialog #broker-qoe-period,
#market-page-broker-quick-order-entry-dialog .qoe-broker-list,
#market-page-broker-quick-order-entry-dialog .qoe-exchange-list,
#market-page-broker-quick-order-entry-dialog .qoe-expires-in,
#market-page-broker-quick-order-entry-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#market-page-broker-quick-order-entry-dialog table,
#market-page-expiration-dialog .expiration-time-in,
#market-page-hitlift-dialog .hitlift-exchange-list,
#market-page-hitlift-dialog .hitlift-broker-list,
#market-page-modify-order-entry-dialog #moe-broker,
#market-page-modify-order-entry-dialog .moe-exchange-list,
#market-page-modify-order-entry-dialog .moe-expires-in,
#market-page-modify-order-entry-dialog #moe-period,
#market-page-modify-order-entry-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#market-page-modify-order-entry-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-normal, 
#market-page-modify-order-entry-dialog table,
#market-page-quick-order-entry-dialog #qoe-period,
#market-page-quick-order-entry-dialog .qoe-broker-list,
#market-page-quick-order-entry-dialog .qoe-exchange-list,
#market-page-quick-order-entry-dialog .qoe-expires-in,
#market-page-quick-order-entry-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#market-page-quick-order-entry-dialog table,
#moe-new-price,
#moe-new-quantity,
#qoe-ask-price,
#qoe-ask-quantity, 
#qoe-bid-price,
#qoe-bid-quantity {
    background-color: #0C0A10;
}

#market-page-broker-quick-order-entry-dialog .qoe-best-ask,
#market-page-modify-order-entry-dialog .moe-best-ask,
#market-page-quick-order-entry-dialog .qoe-best-ask {
    background-color: #0B5218;
}

#broker-qoe-ask-price,
#broker-qoe-ask-quantity,
#broker-qoe-bid-price,
#broker-qoe-bid-quantity, 
#broker-hit-lift-dialog,
#broker-hit-lift-dialog .broker-hitlift-exchange-list,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-delta,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-inst,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-price,
#broker-hit-lift-dialog .broker-hitlift-strategy-leg-price,
#broker-hit-lift-dialog .buyer-broker-list,
#broker-hit-lift-dialog .buyer-entity-list,
#broker-hit-lift-dialog .buyer-trader-list,
#broker-hit-lift-dialog .seller-broker-list, 
#broker-hit-lift-dialog .seller-entity-list,
#broker-hit-lift-dialog .seller-trader-list,
#broker-hit-lift-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-verysmall,
#broker-hit-lift-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#broker-hit-lift-dialog table,
#broker-hitlift-execdate,
#broker-hitlift-exectime,
#broker-hitlift-price,
#broker-hitlift-quantity,
#broker-hitlift-strategy, 
#broker-qoe-period,
#hitlift-price,
#hitlift-quantity,
#market-page-broker-quick-order-entry-dialog,
#market-page-broker-quick-order-entry-dialog .qoe-exchange-list,
#market-page-broker-quick-order-entry-dialog .qoe-broker-list,
#market-page-broker-quick-order-entry-dialog .qoe-expires-in,
#market-page-broker-quick-order-entry-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#market-page-broker-quick-order-entry-dialog table,
#market-page-hitlift-dialog .hitlift-broker-list,
#market-page-expiration-dialog .expiration-time-in,
#market-page-modify-order-entry-dialog #moe-period,
#market-page-modify-order-entry-dialog #moe-broker,
#market-page-modify-order-entry-dialog .moe-exchange-list,
#market-page-modify-order-entry-dialog .moe-expires-in,
#market-page-modify-order-entry-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#market-page-modify-order-entry-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-normal,
#market-page-modify-order-entry-dialog table,
#moe-new-price,
#moe-new-quantity {
	background-color: #0C0A10;
}

.otc-option-quote-page-buy {
  	background-color: #16A531;
  	border: 1px solid #b2b2b2;
}

#broker-hit-lift-dialog .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#broker-hitlift-execdate_calendarButton,
#broker-hitlift-exectime_spinDownButton,
#broker-hitlift-exectime_spinUpButton,
#broker-hitlift-hedge-leg-delta-0_spinDownButton,
#broker-hitlift-hedge-leg-delta-1_spinDownButton,
#broker-hitlift-hedge-leg-delta-2_spinDownButton,
#broker-hitlift-hedge-leg-delta-3_spinDownButton,
#broker-hitlift-hedge-leg-delta-4_spinDownButton,
#broker-hitlift-hedge-leg-price-0_spinDownButton,
#broker-hitlift-hedge-leg-price-1_spinDownButton,
#broker-hitlift-hedge-leg-price-2_spinDownButton, 
#broker-hitlift-hedge-leg-price-3_spinDownButton, 
#broker-hitlift-hedge-leg-price-4_spinDownButton,
#broker-hitlift-hedge-leg-delta-0_spinUpButton,
#broker-hitlift-hedge-leg-delta-1_spinUpButton,
#broker-hitlift-hedge-leg-delta-2_spinUpButton,
#broker-hitlift-hedge-leg-delta-3_spinUpButton,
#broker-hitlift-hedge-leg-delta-4_spinUpButton,
#broker-hitlift-hedge-leg-price-0_spinUpButton,
#broker-hitlift-hedge-leg-price-1_spinUpButton, 
#broker-hitlift-hedge-leg-price-2_spinUpButton, 
#broker-hitlift-hedge-leg-price-3_spinUpButton, 
#broker-hitlift-hedge-leg-price-4_spinUpButton,
#broker-hitlift-price_spinDownButton,
#broker-hitlift-price_spinUpButton,
#broker-hitlift-quantity_spinDownButton,
#broker-hitlift-quantity_spinUpButton,
#broker-hitlift-strategy-leg-price-0_spinDownButton,
#broker-hitlift-strategy-leg-price-1_spinDownButton,
#broker-hitlift-strategy-leg-price-2_spinDownButton,
#broker-hitlift-strategy-leg-price-3_spinDownButton,
#broker-hitlift-strategy-leg-price-0_spinUpButton,
#broker-hitlift-strategy-leg-price-1_spinUpButton,
#broker-hitlift-strategy-leg-price-2_spinUpButton,
#broker-hitlift-strategy-leg-price-3_spinUpButton, 
#broker-qoe-ask-price_spinDownButton, 
#broker-qoe-ask-price_spinUpButton,
#broker-qoe-ask-quantity_spinDownButton,
#broker-qoe-ask-quantity_spinUpButton,
#broker-qoe-bid-price_spinDownButton,
#broker-qoe-bid-price_spinUpButton,
#broker-qoe-bid-quantity_spinDownButton,
#broker-qoe-bid-quantity_spinUpButton,
#broker-qoe-expires-in_spinDownButton,
#broker-qoe-expires-in_spinUpButton,
#expiration-time-in_spinDownButton,
#expiration-time-in_spinUpButton,
#hitlift-price_spinDownButton,
#hitlift-price_spinUpButton,
#hitlift-quantity_spinDownButton,
#hitlift-quantity_spinUpButton,
#market-page-broker-quick-order-entry-dialog .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#market-page-hitlift-dialog .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#market-page-modify-order-entry-dialog .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#market-page-quick-order-entry-dialog .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#moe-new-price_spinDownButton,
#moe-new-price_spinUpButton,
#moe-new-quantity_spinDownButton,
#moe-new-quantity_spinUpButton,
#moe-expires-in_spinDownButton,
#moe-expires-in_spinUpButton,
#qoe-ask-price_spinDownButton,
#qoe-ask-price_spinUpButton,
#qoe-ask-quantity_spinDownButton,
#qoe-ask-quantity_spinUpButton,
#qoe-bid-price_spinDownButton,
#qoe-bid-price_spinUpButton,
#qoe-bid-quantity_spinDownButton,
#qoe-bid-quantity_spinUpButton,
#qoe-expires-in_spinDownButton,
#qoe-expires-in_spinUpButton,
#trade-blotter-filter .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {
	background-color: var(--tBlotter-formButton-bgColor);
}

#broker-hit-lift-dialog .broker-hitlift-hedge-leg-term,
#broker-hit-lift-dialog .broker-hitlift-strategy-leg-ratio,
#broker-hit-lift-dialog table tbody td,
#market-page-broker-quick-order-entry-dialog table tbody td,
#market-page-modify-order-entry-dialog table tbody td,
#market-page-quick-order-entry-dialog table tbody td {
	background-color: #2b2929;
}

.bid-group-price,
.my-bid-time-to-live,
.my-offer-time-to-live,
.offer-group-price,
.trade-blotter-ticket-display-id,
.trade-locked {
	background-color: var(--tBlotter-td-bgColor);
}

#market-page-broker-quick-order-entry-dialog .qoe-best-bid,
#market-page-modify-order-entry-dialog .moe-best-ask,
#market-page-quick-order-entry-dialog .qoe-best-bid {
    background-color: #560000;
}

.tool-tip-text-theo-col-header {
	background-color: #b2adad;
	color: #000;
}

.otc-option-quote-page-sell {
	background-color: #ac0000;
  	border: 1px solid #797979;
}

.tool-tip-text-theos {
	background-color: #dcd9d9;
	font-size: 11px;
}

.flashing-quote-price {
	background-color: #eff787;
}

#trade-blotter-filter input,
#trade-blotter-filter .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default.ui-igedit-dropdown-button {
    background-color: var(--tBlotter-form-input-bgColor);
}

.exporting-overlay {
	background-color: rgba(181, 181, 181, 0.9);
    left: 0;
	padding-top: 100px;	 
	vertical-align: top;
	z-index: 100000;
}

.image-class-broker-quick-order-entry,
.image-class-confirm-dialog,
.image-class-custom-market-page-dialog,
.image-class-expiration-time,
.image-class-hitlift,
.image-class-make-live,
.image-class-market-page,
.image-class-modify-order-entry,
.image-class-order-blotter,
.image-class-trade-blotter,
.image-class-quick-order-entry,
.trade-locked {
	background-repeat: no-repeat;
}

#broker-hit-lift-dialog .broker-hitlift-hedge-leg-term,
#broker-hit-lift-dialog .broker-hitlift-strategy-leg-ratio {
	border: 0px;
	width: 25px;
}

#broker-hit-lift-dialog #broker-hitlift-strategy,
#broker-hit-lift-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable,
#broker-hit-lift-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable.ui-igcombo-mode-dropdown,
#broker-hit-lift-dialog .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all.ui-state-default,
#broker-hit-lift-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-verysmall,
#broker-hit-lift-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#broker-hit-lift-dialog table,
#broker-hit-lift-dialog table tbody td,
#broker-hit-lift-dialog table thead th,
#market-page-broker-quick-order-entry-dialog #broker-qoe-period,
#market-page-broker-quick-order-entry-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable,
#market-page-broker-quick-order-entry-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable.ui-igcombo-mode-dropdown,
#market-page-broker-quick-order-entry-dialog .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all.ui-state-default,
#market-page-broker-quick-order-entry-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#market-page-broker-quick-order-entry-dialog table,
#market-page-broker-quick-order-entry-dialog table thead th,
#market-page-broker-quick-order-entry-dialog table tbody td,
#market-page-expiration-dialog .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all.ui-state-default,
#market-page-hitlift-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable,
#market-page-hitlift-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable.ui-igcombo-mode-dropdown,
#market-page-hitlift-dialog .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all.ui-state-default,
#market-page-modify-order-entry-dialog #moe-broker,
#market-page-modify-order-entry-dialog #moe-period,
#market-page-modify-order-entry-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable,
#market-page-modify-order-entry-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable.ui-igcombo-mode-dropdown,
#market-page-modify-order-entry-dialog .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all.ui-state-default,
#market-page-modify-order-entry-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#market-page-modify-order-entry-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-normal,
#market-page-modify-order-entry-dialog table,
#market-page-modify-order-entry-dialog table thead th, 
#market-page-modify-order-entry-dialog table tbody td,
#market-page-quick-order-entry-dialog #qoe-period,
#market-page-quick-order-entry-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable,
#market-page-quick-order-entry-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable.ui-igcombo-mode-dropdown,
#market-page-quick-order-entry-dialog .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all.ui-state-default,
#market-page-quick-order-entry-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large, 
#market-page-quick-order-entry-dialog table, 
#market-page-quick-order-entry-dialog table thead th,
#market-page-quick-order-entry-dialog table tbody td {
	border: var(--tBlotter-border);
}

#trade-blotter-filter input {
	border: var(--tBlotter-form-input-border);
}

.trade-blotter-ticket-display-id {
	border: var(--tBlotter-ticket-border);
}

.tool-tip-text-theos,
.tool-tip-text-theo-col-header,
.tool-tip-text-theo-col-row {
	border: 1px solid #d8d4d3;
}

#broker-hit-lift-dialog,
#market-page-action-dialog,
#market-page-broker-quick-order-entry-dialog,
#market-page-confirm-delete-custom-page-dialog,
#market-page-confirm-dialog,
#market-page-custom-page-dialog,
#market-page-expiration-dialog,
#market-page-hitlift-dialog,
#market-page-makelive-dialog,
#market-page-modify-order-entry-dialog,
#market-page-quick-order-entry-dialog  {
	border-bottom: 1px outset;  
	border-left: 1px inset #dbdbdb;
	border-right: 1px outset;
	border-top: 1px inset #dbdbdb;  
}

#broker-hit-lift-dialog .hitlift-header,
#market-page-action-dialog .action-dialog-header,
#market-page-broker-quick-order-entry-dialog .qoe-header,
#market-page-confirm-dialog .confirm-dialog-header,
#market-page-expiration-dialog .expiration-dialog-header,
#market-page-hitlift-dialog .hitlift-header,
#market-page-makelive-dialog .makelive-dialog-header,
#market-page-modify-order-entry-dialog .moe-header,
#market-page-quick-order-entry-dialog .qoe-header {
    border-bottom: 1px outset #cac9c4;
    padding: 10px 0px 10px 15px;
}

#broker-hitlift-execdate_calendarButton,
#broker-hitlift-exectime_spinDownButton,
#broker-hitlift-exectime_spinUpButton,
#broker-hitlift-hedge-leg-delta-0_spinDownButton,
#broker-hitlift-hedge-leg-delta-1_spinDownButton,
#broker-hitlift-hedge-leg-delta-2_spinDownButton,
#broker-hitlift-hedge-leg-delta-3_spinDownButton,
#broker-hitlift-hedge-leg-delta-4_spinDownButton,
#broker-hitlift-hedge-leg-price-0_spinDownButton,
#broker-hitlift-hedge-leg-price-1_spinDownButton,
#broker-hitlift-hedge-leg-price-2_spinDownButton,
#broker-hitlift-hedge-leg-price-3_spinDownButton,
#broker-hitlift-hedge-leg-price-4_spinDownButton,
#broker-hitlift-hedge-leg-delta-0_spinUpButton,
#broker-hitlift-hedge-leg-delta-1_spinUpButton,
#broker-hitlift-hedge-leg-delta-2_spinUpButton,
#broker-hitlift-hedge-leg-delta-3_spinUpButton,
#broker-hitlift-hedge-leg-delta-4_spinUpButton,
#broker-hitlift-hedge-leg-price-0_spinUpButton,
#broker-hitlift-hedge-leg-price-1_spinUpButton,
#broker-hitlift-hedge-leg-price-2_spinUpButton,
#broker-hitlift-hedge-leg-price-3_spinUpButton,
#broker-hitlift-hedge-leg-price-4_spinUpButton,
#broker-hitlift-price_spinDownButton,
#broker-hitlift-price_spinUpButton,
#broker-hitlift-quantity_spinDownButton,
#broker-hitlift-quantity_spinUpButton,
#broker-hitlift-strategy-leg-price-0_spinDownButton,
#broker-hitlift-strategy-leg-price-1_spinDownButton,
#broker-hitlift-strategy-leg-price-2_spinDownButton,
#broker-hitlift-strategy-leg-price-3_spinDownButton,
#broker-hitlift-strategy-leg-price-0_spinUpButton,
#broker-hitlift-strategy-leg-price-1_spinUpButton,
#broker-hitlift-strategy-leg-price-2_spinUpButton,
#broker-hitlift-strategy-leg-price-3_spinUpButton,
#broker-qoe-ask-price_spinDownButton,
#broker-qoe-ask-price_spinUpButton,
#broker-qoe-ask-quantity_spinDownButton,
#broker-qoe-ask-quantity_spinUpButton,
#broker-qoe-bid-price_spinDownButton,
#broker-qoe-bid-price_spinUpButton,
#broker-qoe-bid-quantity_spinDownButton,
#broker-qoe-bid-quantity_spinUpButton,
#broker-qoe-expires-in_spinDownButton,
#broker-qoe-expires-in_spinUpButton,
#expiration-time-in_spinDownButton,
#expiration-time-in_spinUpButton,
#hitlift-price_spinDownButton,
#hitlift-price_spinUpButton,
#hitlift-quantity_spinDownButton,
#hitlift-quantity_spinUpButton
#moe-expires-in_spinDownButton,
#moe-expires-in_spinUpButton,
#moe-new-price_spinDownButton,
#moe-new-price_spinUpButton,
#moe-new-quantity_spinDownButton,
#moe-new-quantity_spinUpButton,
#qoe-ask-price_spinDownButton,
#qoe-ask-price_spinUpButton,
#qoe-ask-quantity_spinDownButton,
#qoe-ask-quantity_spinUpButton,
#qoe-bid-price_spinDownButton,
#qoe-bid-price_spinUpButton,
#qoe-bid-quantity_spinDownButton,
#qoe-bid-quantity_spinUpButton,
#qoe-expires-in_spinDownButton,
#qoe-expires-in_spinUpButton {
	border-left: var(--tBlotter-border);
	border-right: var(--tBlotter-border);
}

#broker-hit-lift-dialog,
#broker-hit-lift-dialog .broker-hitlift-exchange-list,
#broker-hit-lift-dialog .broker-hitlift-strategy-leg-ratio,
#broker-hit-lift-dialog .broker-hitlift-strategy-leg-price,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-delta,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-inst,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-price,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-term,
#broker-hit-lift-dialog .buyer-broker-list,
#broker-hit-lift-dialog .buyer-entity-list,
#broker-hit-lift-dialog .buyer-trader-list,
#broker-hit-lift-dialog .seller-broker-list,
#broker-hit-lift-dialog .seller-entity-list,
#broker-hit-lift-dialog .seller-trader-list,
#broker-hit-lift-dialog .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#broker-hit-lift-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable,
#broker-hit-lift-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable.ui-igcombo-mode-dropdown,
#broker-hit-lift-dialog .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all.ui-state-default,
#broker-hit-lift-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#broker-hit-lift-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-verysmall,
#broker-hit-lift-dialog table,
#broker-hitlift-execdate,
#broker-hitlift-exectime,
#broker-hitlift-price,
#broker-hitlift-quantity,
#broker-hitlift-strategy, 
#broker-qoe-ask-price,
#broker-qoe-ask-quantity,
#broker-qoe-bid-price,
#broker-qoe-bid-quantity,
#hitlift-price,
#hitlift-quantity,
#market-page-broker-quick-order-entry-dialog #broker-qoe-period,
#market-page-broker-quick-order-entry-dialog .qoe-broker-list,
#market-page-broker-quick-order-entry-dialog .qoe-exchange-list,
#market-page-broker-quick-order-entry-dialog .qoe-expires-in,
#market-page-broker-quick-order-entry-dialog .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#market-page-broker-quick-order-entry-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable,
#market-page-broker-quick-order-entry-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable.ui-igcombo-mode-dropdown,
#market-page-broker-quick-order-entry-dialog .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all.ui-state-default,
#market-page-broker-quick-order-entry-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#market-page-broker-quick-order-entry-dialog table,
#market-page-expiration-dialog .expiration-time-in,
#market-page-expiration-dialog .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all.ui-state-default,
#market-page-hitlift-dialog .hitlift-exchange-list,
#market-page-hitlift-dialog .hitlift-broker-list,
#market-page-hitlift-dialog .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#market-page-hitlift-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable,
#market-page-hitlift-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable.ui-igcombo-mode-dropdown,
#market-page-hitlift-dialog .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all.ui-state-default,
#market-page-modify-order-entry-dialog #moe-broker,
#market-page-modify-order-entry-dialog .moe-exchange-list,
#market-page-modify-order-entry-dialog .moe-expires-in,
#market-page-modify-order-entry-dialog #moe-period,
#market-page-modify-order-entry-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable.ui-igcombo-mode-dropdown,
#market-page-modify-order-entry-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable,
#market-page-modify-order-entry-dialog .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#market-page-modify-order-entry-dialog .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all.ui-state-default,
#market-page-modify-order-entry-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#market-page-modify-order-entry-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-normal,
#market-page-modify-order-entry-dialog table,
#market-page-quick-order-entry-dialog .qoe-broker-list,
#market-page-quick-order-entry-dialog .qoe-exchange-list,
#market-page-quick-order-entry-dialog .qoe-expires-in,
#market-page-quick-order-entry-dialog #qoe-period,
#market-page-quick-order-entry-dialog table,
#market-page-quick-order-entry-dialog .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#market-page-quick-order-entry-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable,
#market-page-quick-order-entry-dialog .ui-igcombo.ui-widget.ui-state-default.ui-corner-all.ui-unselectable.ui-igcombo-mode-dropdown,
#market-page-quick-order-entry-dialog .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all.ui-state-default,
#market-page-quick-order-entry-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#moe-new-price,
#moe-new-quantity,
#qoe-bid-price,
#qoe-bid-quantity, 
#qoe-ask-price,
#qoe-ask-quantity,
#trade-blotter-filter input,
#trade-blotter-filter .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#trade-blotter-filter .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default.ui-igedit-dropdown-button,
.toobar-item-total-commission {
	border-radius: 0px;
}

.image-class-broker-quick-order-entry,
.image-class-confirm-dialog,
.image-class-custom-market-page-dialog,
.image-class-expiration-time,
.image-class-hitlift,
.image-class-make-live,
.image-class-modify-order-entry,
.image-class-order-blotter,
.image-class-quick-order-entry,
.image-class-trade-blotter {
	bottom: 0;
	left: 5px;
	width: 20px;
}

.otc-option-quote-page-boe-no-relation-desk {
	color: #7366eA;
}

#broker-hitlift-minmax-quantity,
#hitlift-minmax-quantity {
	color: #777A7D;
	font-size: 10px;
}

#broker-hit-lift-dialog,
#broker-hitlift-structure,
#hitlift-structure,
#market-page-action-dialog .action-dialog-structure,
#market-page-broker-quick-order-entry-dialog #broker-qoe-structure,
#market-page-confirm-dialog .confirm-dialog-structure,
#market-page-expiration-dialog .expiration-dialog-structure,
#market-page-hitlift-dialog,
#market-page-makelive-dialog .makelive-dialog-structure,
#market-page-modify-order-entry-dialog #moe-structure,
#market-page-quick-order-entry-dialog #qoe-structure {	
    color: #a8a656;
	font-size: 14px;
}

.tool-bar .trade-blotter-total-commission-block {
	color: #bababa;
	display: inline;
	margin-left: 15px;
	margin-right: 2px;
	margin-top: 4px;
}

#broker-hit-lift-dialog,
#broker-hit-lift-dialog .broker-hitlift-exchange-list,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-delta,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-inst,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-term,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-price,
#broker-hit-lift-dialog .broker-hitlift-strategy-leg-price,
#broker-hit-lift-dialog .broker-hitlift-strategy-leg-ratio,
#broker-hit-lift-dialog .buyer-broker-list,
#broker-hit-lift-dialog .buyer-entity-list,
#broker-hit-lift-dialog .buyer-trader-list,
#broker-hit-lift-dialog .seller-broker-list,
#broker-hit-lift-dialog .seller-entity-list,
#broker-hit-lift-dialog .seller-trader-list,
#broker-hit-lift-dialog table,
#broker-hitlift-execdate,
#broker-hitlift-exectime,
#broker-hitlift-price,
#broker-hitlift-quantity,
#broker-hitlift-strategy,
#broker-qoe-ask-price,
#broker-qoe-ask-quantity,
#broker-qoe-bid-price,
#broker-qoe-bid-quantity,
#broker-qoe-period,
#hitlift-price,
#hitlift-quantity,
#market-page-broker-quick-order-entry-dialog,
#market-page-broker-quick-order-entry-dialog .qoe-broker-list,
#market-page-broker-quick-order-entry-dialog .qoe-exchange-list,
#market-page-broker-quick-order-entry-dialog .qoe-expires-in,
#market-page-broker-quick-order-entry-dialog table,
#market-page-expiration-dialog .expiration-time-in,
#market-page-hitlift-dialog .hitlift-exchange-list,
#market-page-modify-order-entry-dialog #moe-broker,
#market-page-modify-order-entry-dialog .moe-exchange-list,
#market-page-modify-order-entry-dialog .moe-expires-in,
#market-page-modify-order-entry-dialog #moe-period,
#market-page-modify-order-entry-dialog table,
#market-page-quick-order-entry-dialog .qoe-broker-list,
#market-page-quick-order-entry-dialog .qoe-exchange-list,
#market-page-quick-order-entry-dialog .qoe-expires-in,
#market-page-quick-order-entry-dialog #qoe-period,
#market-page-quick-order-entry-dialog table,
#moe-new-price,
#moe-new-quantity,
#qoe-ask-price,
#qoe-ask-quantity,
#qoe-bid-price,
#qoe-bid-quantity {
	color: #C8C8C8;
}

.my-quote-price {
	color: #f1ff00;
}

.toobar-item-total-commission,
.flashing-quote-price,
#market-page-hitlift-dialog .hitlift-broker-list {
	color: #FFF;
}

#trade-blotter-filter input {
	color: var(--form-input-color);
}

.trade-blotter-ticket-display-id,
.otc-option-quote-page-buy,
.otc-option-quote-page-sell {
	color: var(--tBlotter-ticket-color) !important;
}

.exporting-overlay:after {
	content: "";
    vertical-align: middle;
    height: 100%;
}

.bid-group-price,
.my-bid-time-to-live,
.my-offer-time-to-live,
.offer-group-price,
.otc-option-quote-page-buy,
.otc-option-quote-page-sell,
.trade-blotter-ticket-display-id {
	cursor: pointer;
}

.bid-quote-type,
.image-class-broker-quick-order-entry,
.image-class-confirm-dialog,
.image-class-custom-market-page-dialog,
.image-class-expiration-time,
.image-class-hitlift,
.image-class-make-live,
.image-class-modify-order-entry,
.image-class-order-blotter,
.image-class-quick-order-entry,
.image-class-trade-blotter,
#market-page-expiration-dialog label,
.offer-quote-type {
	display: block;
}

.bid-group-price,
.exporting-overlay:after,
.my-bid-time-to-live,
.my-offer-time-to-live,
.offer-group-price,
.otc-option-quote-page-buy,
.otc-option-quote-page-sell,
.trade-blotter-ticket-display-id {
  	display: inline-block;
}

#broker-hit-lift-dialog .section-label,
#broker-hitlift-minmax-quantity {
	float: left;
}

#broker-hit-lift-dialog label,
#broker-hit-lift-dialog table,
#market-page-action-dialog .action-dialog-message,
#market-page-broker-quick-order-entry-dialog label,
#market-page-broker-quick-order-entry-dialog table,
#market-page-confirm-dialog .confirm-dialog-message,
#market-page-expiration-dialog .expiration-dialog-message,
#market-page-expiration-dialog label,
#market-page-hitlift-dialog label,
#market-page-modify-order-entry-dialog label,
#market-page-modify-order-entry-dialog table,
#market-page-quick-order-entry-dialog label,
#market-page-quick-order-entry-dialog table,
#trade-blotter-filter input {
	font-family: "Segoe UI", Arial, sans-serif;
}

.tool-tip-text {
	font-size: 0.85em;
}

#broker-hit-lift-dialog .broker-hitlift-exchange-list,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-delta,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-inst,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-price,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-term,
#broker-hit-lift-dialog .broker-hitlift-strategy-leg-ratio, 
#broker-hit-lift-dialog .broker-hitlift-strategy-leg-price,
#broker-hit-lift-dialog .buyer-broker-list,
#broker-hit-lift-dialog .buyer-entity-list,
#broker-hit-lift-dialog .buyer-trader-list,
#broker-hit-lift-dialog .seller-broker-list,
#broker-hit-lift-dialog .seller-entity-list,
#broker-hit-lift-dialog .seller-trader-list,
#broker-hit-lift-dialog table,
#broker-hitlift-execdate,
#broker-hitlift-exectime,
#broker-hitlift-price,
#broker-qoe-ask-price,
#broker-qoe-ask-quantity,
#broker-qoe-bid-price,
#broker-qoe-bid-quantity,
#hitlift-price,
#hitlift-quantity,
#market-page-broker-quick-order-entry-dialog .qoe-broker-list,
#market-page-broker-quick-order-entry-dialog .qoe-exchange-list,
#market-page-broker-quick-order-entry-dialog .qoe-expires-in,
#market-page-broker-quick-order-entry-dialog table,
#market-page-expiration-dialog .expiration-time-in,
#market-page-hitlift-dialog .hitlift-broker-list,
#market-page-hitlift-dialog .hitlift-exchange-list,
#market-page-modify-order-entry-dialog .moe-exchange-list,
#market-page-modify-order-entry-dialog .moe-expires-in,
#market-page-modify-order-entry-dialog table,
#market-page-quick-order-entry-dialog .qoe-broker-list,
#market-page-quick-order-entry-dialog .qoe-exchange-list,
#market-page-quick-order-entry-dialog .qoe-expires-in,
#market-page-quick-order-entry-dialog table,
#moe-new-price,
#moe-new-quantity,
.order-blotter-grid,
.otc-option-tree-grid,
#qoe-ask-price,
#qoe-ask-quantity,
#qoe-bid-price,
#qoe-bid-quantity,
#trade-blotter-filter input,
.trade-blotter-text-halign,
.trade-blotter-tree-grid {
	font-size: 12px;
}

.exporting-text {
	font-size: 46px;
}

.exporting-overlay:after,
.exporting-text,
.flashing-quote-price,
.toobar-item-total-commission {
	font-weight: bold;
}

#broker-hit-lift-dialog label,
#broker-hit-lift-dialog table thead th,
#market-page-action-dialog .action-dialog-message,
#market-page-broker-quick-order-entry-dialog label,
#market-page-broker-quick-order-entry-dialog table thead th,
#market-page-confirm-dialog .confirm-dialog-message,
#market-page-expiration-dialog .expiration-dialog-message,
#market-page-expiration-dialog label,
#market-page-hitlift-dialog label,
#market-page-modify-order-entry-dialog table thead th,
#market-page-modify-order-entry-dialog label,
#market-page-quick-order-entry-dialog label,
#market-page-quick-order-entry-dialog table thead th,
#trade-blotter-filter input {
    font-weight: normal;
}

#trade-blotter-filter .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {
	height: var(--tBlotter-form-dropdown-height);
	border: var(--tBlotter-form-dropdown-border);
	border-left: var(--tBlotter-form-dropdown-borderLeft);
}

#trade-blotter-filter .ui-igcombo-button.ui-state-hover.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {
	background-color: var(--tBlotter-form-dropdown-hover-bgColor);
}

.quote-priority {
	height: 16px;
	width: 16px;   
}

.bid-group-price,
.bid-quote-type, 
#broker-hit-lift-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
.my-bid-time-to-live,
.my-offer-time-to-live,
.offer-group-price,
.offer-quote-type,
.otc-option-quote-page-buy,
.otc-option-quote-page-sell,
.trade-blotter-ticket-display-id{
	height: 18px;
}

.image-class-broker-quick-order-entry,
.image-class-confirm-dialog,
.image-class-custom-market-page-dialog,
.image-class-expiration-time,
.image-class-hitlift,
.image-class-make-live,
.image-class-modify-order-entry,
.image-class-order-blotter,
.image-class-quick-order-entry,
.image-class-trade-blotter,
#market-page-modify-order-entry-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large {
	height: 20px;	
}

#market-page-broker-quick-order-entry-dialog #broker-qoe-period,
#market-page-modify-order-entry-dialog #moe-broker,
#market-page-modify-order-entry-dialog #moe-period,
#market-page-quick-order-entry-dialog #qoe-period {
	height: 25px;
}

#market-page-modify-order-entry-dialog .moe-table-best-bid-ask {
	height: 73px;
}

.bid-quote-type, 
#broker-hit-lift-dialog .row,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-delta,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-inst,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-price,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-term,
#broker-hit-lift-dialog .broker-hitlift-strategy-leg-price,
#broker-hit-lift-dialog .broker-hitlift-strategy-leg-ratio,
#broker-hit-lift-dialog label,
#broker-hit-lift-dialog table tbody td,
#broker-hitlift-quantity,
#broker-hitlift-minmax-quantity,
#hitlift-minmax-quantity,
#market-page-action-dialog .action-dialog-message,
#market-page-broker-quick-order-entry-dialog .row,
#market-page-broker-quick-order-entry-dialog label,
#market-page-action-dialog .row,
#market-page-confirm-dialog .confirm-dialog-message,
#market-page-confirm-dialog .row,
#market-page-expiration-dialog .row,
#market-page-expiration-dialog .expiration-dialog-message,
#market-page-expiration-dialog label,
#market-page-hitlift-dialog .row,
#market-page-hitlift-dialog label,
#market-page-makelive-dialog .row,
#market-page-modify-order-entry-dialog .row,
#market-page-modify-order-entry-dialog label,
#market-page-quick-order-entry-dialog label,
#market-page-quick-order-entry-dialog .row,
.offer-quote-type,
.otc-option-quote-page-buy,
.otc-option-quote-page-sell,
.trade-blotter-ticket-display-id,
.tool-tip-text-theos,
.ui-iggrid-resizing-handle-cursor.ui-iggrid-resizing-handle {
	margin: 0px !important;
}

#broker-hit-lift-dialog .buyer-seller-section {
	margin: 0px 0px 0px 25px !important;
	width: 310px;
}

#market-page-confirm-delete-custom-page-dialog .quote-custom-delete-confirm-dialog-content,
#market-page-custom-page-dialog .quote-save-custom-dialog-content {
	margin: 15px 20px 15px 20px;
    width: 90%;
}

.bid-quote-type,
.offer-quote-type {
    align-items: center;
}

#broker-hit-lift-dialog .hedge-table {
	margin-bottom: 0px !important;
}

#market-page-action-dialog .action-dialog-content,
#market-page-confirm-dialog .confirm-dialog-content, 
#market-page-expiration-dialog .expiration-dialog-content {
    margin-bottom: 10px !important;
}

#market-page-action-dialog .action-dialog-footer {
    margin-left: 100px !important;
}

#market-page-confirm-dialog .confirm-dialog-footer,
#market-page-expiration-dialog .expiration-footer {
	margin-left: 125px !important;  
}

#market-page-makelive-dialog .makelive-footer {
    margin-left: 135px !important;
}

#market-page-broker-quick-order-entry-dialog .qoe-footer {
	margin-left: 225px !important;
}

#market-page-quick-order-entry-dialog .qoe-footer {
	margin-left: 255px !important;
}

#market-page-modify-order-entry-dialog .moe-footer {
	margin-left: 260px !important;
}

#broker-hit-lift-dialog .hitlift-footer {
	margin-left: 270px !important;
}

#trade-blotter-filter input {
	margin-right: 50px !important;
}

#broker-hit-lift-dialog .hitlift-structure-summary,  
#market-page-expiration-dialog .expiration-footer {
	margin-top: 10px !important;
}

#market-page-action-dialog .action-dialog-content,
#market-page-broker-quick-order-entry-dialog .qoe-content,
#market-page-confirm-dialog .confirm-dialog-content,
#market-page-expiration-dialog .expiration-dialog-content,
#market-page-makelive-dialog .makelive-dialog-content,
#market-page-modify-order-entry-dialog .moe-content,
#market-page-quick-order-entry-dialog .qoe-content {
	margin-top: 12px !important;
}

#market-page-action-dialog .action-dialog-footer,
#market-page-confirm-dialog .confirm-dialog-footer,
#market-page-hitlift-dialog .hitlift-content,
#market-page-hitlift-dialog .hitlift-exchange-list {
	margin-top: 20px !important;
}

#broker-hit-lift-dialog .broker-hitlift-last-row,
#market-page-makelive-dialog .makelive-footer {
	margin-top: 25px  !important;
}

#market-page-broker-quick-order-entry-dialog .qoe-last-row,
#market-page-quick-order-entry-dialog .qoe-last-row  {
	margin-top: 75px !important;
}

#market-page-modify-order-entry-dialog .moe-last-row {
	margin-top: 85px !important;
}

#market-page-hitlift-dialog .hitlift-controls {
	margin-top: 8px;
}

#broker-hit-lift-dialog .ui-igedit-button-common,
#market-page-broker-quick-order-entry-dialog .ui-igedit-button-common,
#market-page-hitlift-dialog .ui-igedit-button-common,
#market-page-modify-order-entry-dialog .ui-igedit-button-common,
#market-page-quick-order-entry-dialog .ui-igedit-button-common {
	min-height: 5px !important;
	min-width: 5px !important;  
}

.image-class-broker-quick-order-entry,
.image-class-confirm-dialog,
.image-class-custom-market-page-dialog,
.image-class-expiration-time,
.image-class-hitlift,
.image-class-make-live,
.image-class-market-page,
.image-class-modify-order-entry,
.image-class-order-blotter,
.image-class-quick-order-entry,
.image-class-trade-blotter {
	overflow: hidden;
}

.bid-quote-type, 
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-delta,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-inst,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-price,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-term,
#broker-hit-lift-dialog .broker-hitlift-strategy-leg-price,
#broker-hit-lift-dialog .broker-hitlift-strategy-leg-ratio,
#broker-hit-lift-dialog .buyer-seller-section,
#broker-hit-lift-dialog label,
#broker-hitlift-minmax-quantity, 
#broker-hitlift-quantity,
#hitlift-minmax-quantity,
#market-page-action-dialog .action-dialog-message,
#market-page-broker-quick-order-entry-dialog label,
#market-page-confirm-delete-custom-page-dialog .quote-custom-delete-confirm-dialog-content,
#market-page-confirm-dialog .confirm-dialog-message,
#market-page-custom-page-dialog .quote-save-custom-dialog-content,
#market-page-expiration-dialog .expiration-dialog-message,
#market-page-expiration-dialog label,
#market-page-hitlift-dialog label,
#market-page-modify-order-entry-dialog label,
#market-page-quick-order-entry-dialog label,
.offer-quote-type,
.otc-option-quote-page-buy,
.otc-option-quote-page-sell,
.tool-tip-text-theos,
.trade-blotter-ticket-display-id,
.ui-iggrid-resizing-handle-cursor.ui-iggrid-resizing-handle {
	padding: 0px !important;  
}

#broker-hit-lift-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-verysmall,
.tool-tip-text-theo-col-header,
.tool-tip-text-theo-col-row {
	padding: 2px; 
}

#broker-hit-lift-dialog table tbody td {
    padding: 3px 0px 0px 0px;
}

#trade-blotter-filter label {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
}

#broker-hit-lift-dialog #broker-hitlift-strategy {
	padding-left: 5px;
}

#market-page-broker-quick-order-entry-dialog .qoe-expires-in,
#market-page-expiration-dialog .expiration-time-in,
#market-page-modify-order-entry-dialog .moe-expires-in,
#market-page-quick-order-entry-dialog .qoe-expires-in {
    padding-right: 5px;
    text-align: right !important;
}

.bid-group-price,
.offer-group-price {
  	padding-top: 1px;
}

#broker-hit-lift-dialog .section-label {
	padding-top: 5px !important;
}

.exporting-overlay,
.image-class-broker-quick-order-entry,
.image-class-confirm-dialog,
.image-class-custom-market-page-dialog,
.image-class-expiration-time,
.image-class-hitlift,
.image-class-make-live,
.image-class-modify-order-entry,
.image-class-order-blotter,
.image-class-quick-order-entry,
.image-class-trade-blotter {
	position: absolute;
}

#market-page-modify-order-entry-dialog .moe-table-best-bid-ask, 
#market-page-modify-order-entry-dialog .moe-table-data-entry,
#market-page-broker-quick-order-entry-dialog table,
#market-page-quick-order-entry-dialog table {
	position: fixed; /* Had to do this to remove the vertical scroll-bar showing on the intial launch of qoe */
}

#broker-hitlift-execdate_calendarButton .ui-icon.ui-icon-triangle-1-s.ui-igedit-buttonimage,
#broker-hitlift-exectime_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-exectime_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-delta-0_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-delta-0_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-delta-1_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-delta-1_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-delta-2_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-delta-2_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-delta-3_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-delta-3_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-delta-4_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-delta-4_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-price-0_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-price-0_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-price-1_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-price-1_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-price-2_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-price-2_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-price-3_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-price-3_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-price-4_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-hedge-leg-price-4_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-price_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage, 
#broker-hitlift-price_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-quantity_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-quantity_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-strategy-leg-price-0_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-strategy-leg-price-0_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-strategy-leg-price-1_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-strategy-leg-price-1_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-strategy-leg-price-2_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-strategy-leg-price-2_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-strategy-leg-price-3_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-hitlift-strategy-leg-price-3_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#hitlift-price_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#hitlift-price_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-qoe-ask-price_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-qoe-ask-price_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-qoe-ask-quantity_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-qoe-ask-quantity_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-qoe-bid-price_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-qoe-bid-price_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-qoe-bid-quantity_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-qoe-bid-quantity_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-qoe-expires-in_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#broker-qoe-expires-in_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#hitlift-quantity_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#hitlift-quantity_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.xui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#moe-expires-in_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#moe-expires-in_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#moe-new-price_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#moe-new-price_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#moe-new-quantity_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#moe-new-quantity_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#qoe-ask-price_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#qoe-ask-price_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#qoe-ask-quantity_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#qoe-ask-quantity_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#qoe-bid-price_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#qoe-bid-price_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#qoe-bid-quantity_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#qoe-bid-quantity_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#qoe-expires-in_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#qoe-expires-in_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    right: 0px;
}

#expiration-time-in_spinUpButton .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    right: 3px;
}

#expiration-time-in_spinDownButton .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
	right: 5px;
}

.bid-group-price,
#broker-hit-lift-dialog table tbody td,
#broker-hit-lift-dialog table thead th,
#broker-hit-lift-dialog .broker-hitlift-hedge-leg-term,
.exporting-overlay,
.my-bid-time-to-live,
.my-offer-time-to-live,
#market-page-broker-quick-order-entry-dialog table tbody td,
#market-page-broker-quick-order-entry-dialog table tbody th,
#market-page-modify-order-entry-dialog table tbody td,
#market-page-modify-order-entry-dialog table thead th,
#market-page-quick-order-entry-dialog table thead th,
#market-page-quick-order-entry-dialog table tbody td,
.offer-group-price,
.order-blotter-grid,
.otc-option-quote-page-boe-no-relation-desk,
.otc-option-quote-page-boe-no-relation-price,
.otc-option-quote-page-buy,
.otc-option-quote-page-sell,
.otc-option-tree-grid,
.quote-priority,
.tool-tip-text-theos,
.tool-tip-text-theo-col-header,
.tool-tip-text-theo-col-row,
.trade-blotter-text-halign,
.trade-blotter-tree-grid,
.ui-iggrid-header.ui-widget-header.order-blotter-page-header-format {
    text-align: center;
}

.left-align-col {
	text-align: left;
}

.exporting-overlay,
.image-class-broker-quick-order-entry,
.image-class-confirm-dialog,
.image-class-custom-market-page-dialog,
.image-class-expiration-time,
.image-class-hitlift,
.image-class-make-live,
.image-class-modify-order-entry,
.image-class-order-blotter,
.image-class-quick-order-entry,
.image-class-trade-blotter{
	top: 0;
}

.bid-group-price,
.my-bid-time-to-live,
.my-offer-time-to-live,
.offer-group-price,
.otc-option-quote-page-buy,
.otc-option-quote-page-sell,
#trade-blotter-filter input,
.trade-blotter-ticket-display-id {
	width: 100%;
}

#market-page-broker-quick-order-entry-dialog #broker-qoe-period,
#market-page-modify-order-entry-dialog #moe-period,
#market-page-quick-order-entry-dialog #qoe-period {
	width: 120px;
}


#broker-hitlift-minmax-quantity,
#market-page-modify-order-entry-dialog .moe-table-best-bid-ask {
	width: 150px;
}

#broker-hit-lift-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large, 
.image-class-confirm-dialog,
.image-class-custom-market-page-dialog,
.image-class-expiration-time,
.image-class-make-live,
.image-class-order-blotter,
.image-class-quick-order-entry,
.image-class-trade-blotter,
#market-page-modify-order-entry-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large {
	width: 20px;
}

#market-page-modify-order-entry-dialog #moe-broker {
    width: 270px;
}

#market-page-broker-quick-order-entry-dialog table,
#market-page-quick-order-entry-dialog table {
	width: 294px !important;
}

#market-page-modify-order-entry-dialog .moe-table-data-entry {
	width: 450px !important;
}

#broker-hit-lift-dialog table {
	width: 725px !important;
}

.exporting-overlay,
.exporting-text {
	vertical-align: top;
}

.ui-iggrid-indicatorcontainer {
  min-width: unset;
}

/* Style for the drawer */
.drawer-closed {
width: 30px;
height: 50px;
z-index: 1;
}

.drawer-opened {
  width: 350px;
  z-index: 999;
}

.drawer {
	box-shadow: 1px 0px 8px 5px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	color: var(--tBlotter-drawer-color);
	position: fixed;
	background-color: var(--tBlotter-drawer-bgColor);
	overflow-x: hidden;
	transition: 0.3s;
	padding: 8px 0px 8px 16px;
	border-radius: 4px;
}

.open-icon {
  background: url("/Content/images/arrow-left-green.png");
}

.close-icon {
  background: url("/Content/images/arrow-right-green.png");
}

.toggle-drawer-btn {
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  opacity: 0.8;
  cursor: pointer;
  position: absolute;
  z-index: 999;
  right: 4px;
}

.toggle-drawer-btn:hover {
  opacity: 1;
}

.search-icon {
background: url("/Content/images/search.png");
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
width: 20px;
height: 20px;
margin-top: 4px;
margin-left: 8px;
opacity: 0.9;
cursor: pointer;
}

.search-icon:hover {
  opacity: 1;
}

.search-block {
  margin-left: 30px;
  display: inline-flex;
}

.search-block .ui-igedit-container {
  height: unset;
  width: 250px;
}

.search-block .ui-igedit-button-common {
  height: var(--tBlotter-search-input-dropdown-height);
  border-radius: var(--tBlotter-search-input-dropdown-border);
}

.search-block .ui-corner-all {
  border-radius: unset;
  margin-bottom: 1px;
}

.search-block .ui-igedit-input {
  border: var(--tBlotter-search-input-border) !important;
}

#trade-blotter-filter .ui-igcombo-wrapper {
	vertical-align: top;
	background-color: var(--tBlotter-uiComboWrapper-bgColor);
}

.linked-trade {
	border-bottom: var(--tBlotter-linked-trade);
}

.no-linked-trade {
  border: none;
}

.linked-trade-list {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 1px;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
}

.link-trade-text {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 3px;
}

.link-trade-container {
  border: 1px solid #616161;
  margin-top: 5px;
}

.copy-icon {
  user-select: none;
  -webkit-user-select: none;
}

.no-transition * {
  transition: none !important;
}

.eox-dialog * .ui-dialog-titlebar {
  background-color: var(--dlg-titleBar-bgColor);
  border-bottom: var(--dlg-titleBar-borderBottom);
}

.eox-dialog > .ui-igdialog-header.ui-dialog-titlebar.ui-widget-headerui-corner-top.ui-helper-clearfix,
.eox-dialog * .ui-igdialog-header.ui-dialog-titlebar.ui-widget-headerui-corner-top.ui-helper-clearfix {
    background-color: #143769;
}

.eox-ticket-base.ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
.eox-ticket-base.ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    background-color: #201f21;
}

.eox-ticket-base.ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default,
.eox-table tbody tr td {
    background-color: #2f2d2e !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #353a41;
}

.table-hover > tbody > tr:hover {
    background-color: #49515a;
}

.eox-dialog * .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default {
    background-color: #646464;
    border-bottom: 0px;
    border-top: 0px;
    width: 0px;
}

.eox-dialog * .chk-label {
  background-color: var(--checkbox-dlg-bgColor);
  color: var(--checkbox-dlg-color);
  font-weight: bold;
  padding-left: 10px;
}

.eox-dialog * .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
.eox-dialog * .ui-igcombo-checkbox.ui-state-default.ui-corner-all.ui-igcheckbox-small,
.eox-dialog * .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default.ui-igedit-dropdown-button,
.eox-dialog * .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
.eox-dialog * .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
.eox-table,
.eox-table thead tr th,
.eox-ticket-sub-header {
    background-color: black;
}

.eox-dialog * .switch-prem-legs-button {
    background: url("/Content/images/up_down_arrow.png");
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer;
    float: right;
    height: 20px;
    width: 20px;
}

.eox-dialog * .switch-prem-legs-button {
    display: inline;
}

.eox-dialog {
    border: 1px ridge #EAEAEA;
    margin-bottom: 2px;
}

.table-bordered {
    border: 1px solid #1c1e22;
}

.eox-table,
.eox-table thead tr th,
.eox-table tbody tr td {
    border: 1px solid #616161;
    padding: 1px;
}

.eox-dialog * .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
.eox-dialog * .ui-igcombo-checkbox.ui-state-default.ui-corner-all.ui-igcheckbox-small,
.eox-dialog input, textarea,
.eox-table input, textarea {
    border: 1px solid #646464;
}

.eox-dialog * .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large:focus,
.eox-dialog * .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large:hover {
    border: 1px solid #66afe9;
}

.eox-button-section {
    border: 1px solid rgb(97,97,97);
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    padding: 5px;
}

.eox-dialog * .ui-igcombo.ui-state-active {
    border-color: #66afe9;
}

.eox-dialog * .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default,
.eox-ticket-base.ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    border-left: 1px solid #646464;
    border-right: 1px solid #646464;
}

.eox-dialog input, textarea,
.eox-dialog * .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
.eox-dialog * .ui-igcombo-checkbox.ui-state-default.ui-corner-all.ui-igcheckbox-small,
.eox-dialog * .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default,
.eox-dialog * .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default.ui-igedit-dropdown-button,
.eox-ticket-fieldset {
        border-radius: 0px;
 }

.table > tbody > tr > td {
    border-top: 1px solid #1c1e22;
    vertical-align: top;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.eox-border-top {
    border-top: 1px solid rgb(97,97,97);
}

.table > thead > tr > th {
    border-top: 2px solid #1c1e22;
    vertical-align: bottom;
}

.eox-ticket-footer-row {
    bottom: 0;
    height: 45px;
    margin-bottom: 15px;
    position: absolute;
}

.eox-table,
.eox-table thead tr th,
.eox-table tbody tr td,
.eox-ticket-base.ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
.eox-ticket-base.ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    color: #c8c8c8 !important;
}

.eox-dialog * .btn {
    color: black !important;
    padding-left: 15px;
    padding-right: 15px;
}

.eox-ticket-sub-header {
    color: darkorange;
    font-weight: bold;
    padding: 5px;
}

.eox-glyph-red {
    color: orange;
    cursor: pointer;
    text-decoration: none;
}

.eox-glyph-green {
  color: lightgreen;
  cursor: pointer;
  text-decoration: none;
}

.eox-dialog input, textarea,
.eox-table input, textarea {
    color: white !important;
}

.eox-dialog * .switch-prem-legs-label {
    float: left;
    padding: 4px 0px 0px 10px;
}

.eox-dialog input, textarea,
.eox-table,
.eox-table input, textarea,
.eox-table thead tr th,
.eox-table tbody tr td,
.eox-ticket-fieldset {
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
}

.eox-dialog input, textarea,
.eox-table,
.eox-table input, textarea,
.eox-table thead tr th,
.eox-table tbody tr td {
    font-weight: normal;
}

.eox-dialog * .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {
    height: 18px;
}

.table > thead > tr > th,
.table > tbody > tr > td {
    line-height: 1.42857143;
    padding: 8px;
}

.table {
    margin-bottom: 20px;
    max-width: 100%;
}

.eox-ticket-fieldset {
    margin-bottom: 3px;
    width: auto;
}

.eox-button-section,
.eox-dialog * .table,
.eox-ticket-base.table {
    margin-bottom: 5px;
}

.eox-table {
    margin-top: 8px;
}

.eox-dialog * .btn:active,
.eox-dialog * .btn:focus,
.eox-dialog * .btn:hover {
    opacity: 0.8
}

.eox-dialog * .switch-prem-legs-button,
.eox-dialog * .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
.eox-dialog * .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default {
    padding: 0px;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > td {
    padding: 5px;
}

.eox-dialog * .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    padding-left: 0px !important;
}

.eox-ticket-base.ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.eox-dialog * .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
.eox-dialog * .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
.eox-ticket-base.ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    right: 0px !important;
}

.eox-algn-ctr,
.eox-table,
.eox-table tbody tr td,
.eox-table thead tr th,
.eox-ticket-sub-header {
    text-align: center;
}

.eox-algn-lft {
    text-align: left;
}

.eox-algn-rgt {
    text-align: right;
}

.eox-table input, textarea,
.eox-ticket-footer-row,
.table {
    width: 100%;
}

.eox-blink {
  animation: eox-blink-animation 0.1s steps(5, start) infinite;
  -webkit-animation: eox-blink-animation 1s steps(5, start) infinite;
}

@keyframes eox-blink-animation {
  to {
    visibility: hidden;
    border:1px solid yellow;
  }
}

@-webkit-keyframes eox-blink-animation {
  to {
    visibility: hidden;
    border: 1px solid yellow;
  }
}
.term-code-table {
  margin-left: auto;
  margin-right: auto;
  margin-top: 18px !important;
}

#create-term-code-panel .btn {
  color: black;
}

input[disabled] {
  opacity: 0.5;
}

.term-code-toolbar {
  display: flex;
  justify-content: right;
  gap: 8px;
}

.image-class-termcode {
  background: url("/Content/images/top-menu/term_code_book.png");
  bottom: 0;
  display: block;
  left: 5px;
  overflow: hidden;
  position: absolute;
  top: 2px;
  width: 20px;
  height: 20px;
}

.term-code-book {
  display: flex;
}

.term-code-panel {
  transition: width 0.3s ease;
  cursor: pointer;
}

.term-code-grid-container {
  flex-grow: 1;
}

.hedge-text {
  margin-top: 55px;
  padding: 2px 2px 3px 2px;
  width: 48px;
  height: 20px;
}

.order-hedge-text {
  margin-top: 45px;
  padding: 2px 2px 3px 2px;
  width: 38px;
  height: 20px;
}

.order-hedge-add {
  margin-top: -3px;
  padding: 2px 0px 0px 0px;
  width: 16px;
  height:20px;
}

.order-hedge-del {
  margin-top: 0px;
  padding: 2px 2px 3px 2px;
  width: 16px;
  height: 20px;
}

.hedge-text,
.order-hedge-text,
.order-hedge-add, 
.order-hedge-del {
  -ms-transform: rotate(90deg);
  -ms-transform-origin: left top 0;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: left top 0;
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: left top 0;
  background: black;
  box-shadow: 2px -2px 0px rgba(0, 0, 0, 0.1);
  color: darkorange;
  font-weight: bold;
  font-size: 11px;
  position: relative;
  text-transform: 1px 1px 0px rgba(0, 0, 0, 0.5);
  transform: rotate(-90deg);
  transform-origin: initial bottom 0;
  float: left;
  border: 1px solid #616161;
}


.image-class-order-entry {
  background: url("/Content/images/top-menu/create_order.png");
  bottom: 0;
  display: block;
  left: 5px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 20px;
}

.eox-dialog * .switch-prem-legs-button {
    background: url("/Content/images/up_down_arrow.png");
    border: 0px;
    cursor: pointer;
    float: right;    
    width: 20px;
}

.eox-dialog * .switch-prem-legs-button {
    display: inline;
}

.eox-dialog * .ui-dialog-titlebar {
  background-color: var(--dlg-titleBar-bgColor);
  border-bottom: var(--dlg-titleBar-borderBottom);
}

.eox-dialog * .ui-igdialog-header.ui-dialog-titlebar.ui-widget-headerui-corner-top.ui-helper-clearfix,
.eox-dialog > .ui-igdialog-header.ui-dialog-titlebar.ui-widget-headerui-corner-top.ui-helper-clearfix {
    background-color: #143769;
}

.eox-table,
.eox-table thead tr th,
.eox-table tbody tr td,
.eox-ticket-base.ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
.eox-ticket-base.ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
  background-color: #201f21;
  color: var(--ticket-table-color) !important;
}

.eox-table tbody tr td,
.eox-ticket-base.ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default {
	background-color: var(--ticket-table-bgColor) !important;
	padding-left: 1px !important;
	padding-right: 1px !important;
}

.eox-dialog * .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default {
  background-color: var(--ticket-form-spinButton-bgColor);
  border-bottom: 0px;
  border-top: 0px;
  width: 0px;
}

.eox-dialog * .chk-label {
  background-color: var(--checkbox-dlg-bgColor);
  color: var(--checkbox-dlg-color);
  font-weight: bold;
  padding-left: 10px;
}

.eox-dialog * .ui-igcombo-checkbox.ui-state-default.ui-corner-all.ui-igcheckbox-small,
.eox-dialog * .ui-igcombo-checkbox.ui-state-default.ui-corner-all.ui-igcheckbox-small,
.eox-dialog input, textarea,
.eox-table,
.eox-table input, textarea,
.eox-table thead tr th {
    background-color: var(--ticket-form-bgColor);
}

.eox-dialog * .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
.eox-dialog * .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
.eox-dialog * .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default.ui-igedit-dropdown-button,
.eox-dialog * .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {
  background-color: var(--ticket-formButton-bgColor);
}

.eox-dialog * .switch-prem-legs-button,
.image-class-order-entry {
  background-repeat: no-repeat;
  height: 20px;
}

.eox-table,
.eox-table * .ui-igeditor-input-container.ui-corner-all,
.eox-table tbody tr td,
.eox-table thead tr th,
.hedge-text {
  border: var(--ticket-table-border);
}

  .eox-table tbody tr td,
  .eox-table thead tr th
   {
    padding:2px !important;
  }

.eox-dialog * .ui-igcombo-checkbox.ui-state-default.ui-corner-all.ui-igcheckbox-small,
textarea {
	border: 1px solid #646464;
}

.eox-dialog * .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {
  border: var(--ticket-dropdown-border);
  border-left: var(--ticket-dropdown-borderLeft);
}

.eox-table .ui-igeditor-input-container input,
.eox-dialog .ui-igeditor-input-container input,
.eox-table .ui-igcombo-fieldholder input,
.eox-dialog .ui-igcombo-fieldholder input {
  border: var(--ticket-form-input-border);
}

.eox-table input, .eox-dialog input {
  border: var(--ticket-form-input-plain-border);
}

.eox-dialog * .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large:focus,
.eox-dialog * .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large:hover {
  border: var(--checkbox-focus-border);
}

.eox-dialog {
	border: 1px ridge #EAEAEA;
	margin-bottom: 2px;
}

.eox-dialog * .ui-igcombo.ui-state-active {
    border-color: #66afe9;
}

.eox-dialog * .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default,
.eox-ticket-base.ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
	border-left: 1px solid #646464;
	border-right: 1px solid #646464;
}

.eox-dialog * .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
.eox-dialog * .ui-igcombo-checkbox.ui-state-default.ui-corner-all.ui-igcheckbox-small,
.eox-dialog * .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default,
.eox-dialog * .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default.ui-igedit-dropdown-button,
.eox-dialog input, textarea,
.eox-table input, textarea {
    border-radius: 0px;
}

.eox-dialog * .btn {
    color: black !important;
    padding-left: 15px;
    padding-right: 15px;
}

.eox-dialog input, textarea,
.eox-table input, textarea {
	color: var(--ticket-form-input-color) !important;
}

.eox-dialog * .switch-prem-legs-label,
.hedge-text {
    float: left;
}

.eox-dialog input, textarea,
.eox-table,
.eox-table input, textarea,
.eox-table tbody tr td,
.eox-table thead tr th {
	font-family: "Segoe UI", Arial, sans-serif !important;
	font-weight: normal !important;
	font-size: 12px !important;
}

.eox-dialog * .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {    
    height: var(--ticket-dropdown-height);
}

.eox-table {
	margin-top: 8px;
}

.eox-dialog * .table,
.eox-ticket-base.table {
	margin-bottom: 5px;
}

.eox-dialog * .btn:active,
.eox-dialog * .btn:focus,
.eox-dialog * .btn:hover {
	opacity:0.8
}

.eox-dialog * .switch-prem-legs-button {
	padding: 0px;
}

.eox-dialog * .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {
  padding: var(--ticket-form-dropdown-padding);
}

.eox-dialog * .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default {
  padding: var(--ticket-form-spinButton-padding);
}

.eox-dialog * .switch-prem-legs-label {
  padding: 4px 0px 0px 10px;
}
  
.eox-dialog * .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    padding-left: 0px !important;
}

.eox-dialog * .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default,
.eox-dialog * .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
.eox-ticket-base.ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
	right: 0px;
}

.eox-dialog * .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
	right: 0px !important;
}

.eox-table,
.eox-table tbody tr td,
.eox-table thead tr th {
	text-align: center;
	padding: 1px;	
}

.eox-table input, textarea {
    width: 100%;
}
.trade-details-hedge-text {
    -moz-transform-origin: left top 0;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    -webkit-transform: rotate(90deg);
    background: var(--tt-hedge-background);
    box-shadow: var(--tt-hedge-boxShadow);
    margin-top: 48px;
    padding: var(--tt-hedge-padding);
    position: relative;
    text-transform: 1px 1px 0px rgba(0, 0, 0, 0.5);
    transform: rotate(-90deg);
    transform-origin: initial bottom 0;
    width: 48px;
}

.image-class-trade-entry {
    background: url("/Content/images/create_trade.png");
}

.image-class-trade-ticket {
    background: url("/Content/images/trade_ticket_details.png");
}

#create-trade-dialog .switch-prem-legs-button {
    background: url("/Content/images/up_down_arrow.png");
}

#create-trade-dialog .ui-dialog-titlebar,
#trade-ticket-details-dialog .ui-dialog-titlebar {
  background-color: var(--dlg-titleBar-bgColor);
  border-bottom: var(--dlg-titleBar-borderBottom);
}

#create-trd-container .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#create-trd-container .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#create-trd-container .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#trd-tkt-container .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#trd-tkt-container .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#trd-tkt-container .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    background-color: #201f21;
}

#create-trade-dialog > .ui-igdialog-header.ui-dialog-titlebar.ui-widget-headerui-corner-top.ui-helper-clearfix,
#trade-ticket-details-dialog > .ui-igdialog-header.ui-dialog-titlebar.ui-widget-headerui-corner-top.ui-helper-clearfix {
    background-color: rgb(20,55,105);
}

.trade-details-buttons-section table tbody td div {
    background-color: rgb(33,33,33);
}

#create-trd-container table tbody tr td,
#create-trd-container .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default,
#trd-tkt-approval-section,
#trd-tkt-buyer-seller-section,
#trd-tkt-container table tbody tr td {
    background-color: var(--tt-bgColor-light) !important;
}

#trd-tkt-container .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default {
  background-color: var(--formButton-bgColor) !important;
}

#trd-tkt-container .ui-igedit:not(.ui-state-disabled)
.ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-hover {
  background-color: var(--formButton-hover-bgColor) !important;
}

#commission-col,
#create-trade-dialog,
#create-trade-dialog .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#create-trade-dialog .ui-igcombo-checkbox.ui-state-default.ui-corner-all.ui-igcheckbox-small,
#create-trade-dialog .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default.ui-igedit-dropdown-button,
#create-trade-dialog .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#create-trade-dialog .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#create-trade-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#create-trd-container input, textarea,
#create-trd-container table tfoot input,
#create-trd-container table tfoot tr td,
#create-trd-container table thead tr th,
.create-trade-ticket-tab,
.eox-ticket-sub-header,
#trade-ticket-details-dialog,
#trade-ticket-details-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#trade-ticket-details-dialog .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#trade-ticket-details-dialog .ui-igcombo-checkbox.ui-state-default.ui-corner-all.ui-igcheckbox-small,
#trade-ticket-details-dialog .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default.ui-igedit-dropdown-button,
#trd-tkt-container .btn:focus,
#trd-tkt-container input, textarea,
#trd-tkt-container table tfoot input,
#trd-tkt-container table tfoot tr td,
#trd-tkt-container table thead tr th {
  background-color: var(--tt-bgColor) !important;
}

#create-trade-dialog .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-hover.ui-igedit-dropdown-button:not(:disabled) {
  background-color: var(--form-dropdown-hover-bgColor) !important;
}

#trade-ticket-details-dialog .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#create-trade-dialog .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
  background-color: var(--tt-spinUpButton-bgColor) !important;
}

#trade-ticket-details-dialog .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#create-trade-dialog .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
  background-color: var(--tt-spinDownButton-bgColor) !important;
}

#trade-ticket-details-dialog .ui-icon-carat-1-n:before,
#trade-ticket-details-dialog .ui-icon-carat-1-s:before,
#create-trade-dialog .ui-icon-carat-1-n:before, 
#create-trade-dialog .ui-icon-carat-1-s:before {
  margin-top: var(--tt-spinButton-marginTop);
}

#create-trade-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large {
  background-color: var(--checkbox-bgColor) !important;
  border: var(--checkbox-border);
}

#trd-tkt-container input, textarea,
#trd-tkt-container table tfoot input,
#trd-tkt-container table tfoot tr td,
#trd-tkt-container table thead tr th {
  background-color: var(--tt-fields-bgColor) !important;
}

  #create-trade-dialog .switch-prem-legs-button,
  .image-class-trade-entry,
  .image-class-trade-ticket {
    background-repeat: no-repeat;
    height: 20px;
    left: 5px;
    top: 0;
    width: 20px;
  }

#create-trade-dialog,
#trade-ticket-details-dialog {
    border: 1px ridge #EAEAEA;
    margin-top: 52px;
}

#create-trade-dialog .ui-igcombo-checkbox.ui-state-default.ui-corner-all.ui-igcheckbox-small,
#create-trd-container input, textarea,
#create-trd-container .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#trade-ticket-details-dialog .ui-igcombo-checkbox.ui-state-default.ui-corner-all.ui-igcheckbox-small,
#trade-ticket-details-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#trd-tkt-container .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#trd-tkt-container input, textarea {
    border: 1px solid #646464;
}

#create-trade-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large:focus,
#trade-ticket-details-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large:focus,
#trd-tkt-container .btn:focus {
    border: var(--checkbox-border);
}

#commission-col {
    border: var(--tt-border);
    padding-bottom: 10px;
    width: 32.45%;
    border-bottom: none;
}

.trade-price-mismatch {
    border: 1px solid red !important;
}

#create-trd-container table tbody tr td,
#create-trd-container table tfoot input,
#create-trd-container table tfoot tr td,
#create-trd-container table thead tr th,
.eox-button-section,
.trade-details-hedge-text,
#trd-tkt-container table tbody tr td,
#trd-tkt-container table tfoot input,
#trd-tkt-container table tfoot tr td,
#trd-tkt-container table thead tr th {
  border: var(--tt-border);
}

#confirmation-report-dialog {
    border-bottom: 1px outset;
    border-left: 1px inset #dbdbdb;
    border-right: 1px outset;
    border-top: 1px inset #dbdbdb;
}

#trd-tkt-container .ui-igcombo.ui-state-active {
    border-color: #66afe9;
}

#create-trd-container .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#trd-tkt-container .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
  border-left: var(--tt-spinDownButton-borderLeft);
  border-right: var(--tt-spinDownButton-borderLeft);
}

#trd-tkt-approval-section .row,
#trd-tkt-approval-section .row > [class*='col-']:not(:first-child),
#trd-tkt-buyer-seller-section .row,
#trd-tkt-buyer-seller-section .row > [class*='col-']:not(:first-child) {
    border-left: var(--tt-border);
}

#trd-tkt-approval-section .row,
#trd-tkt-buyer-seller-section .row {
    border-right: var(--tt-border);
    border-bottom: var(--tt-border);
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    flex-wrap: wrap;
}

#create-trade-dialog .ui-igcombo-checkbox.ui-state-default.ui-corner-all.ui-igcheckbox-small,
#create-trade-dialog .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#create-trade-dialog .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default.ui-igedit-dropdown-button,
#create-trade-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#create-trd-container input, textarea,
#create-trd-container .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
.eox-ticket-fieldset,
#trade-ticket-details-dialog .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#trade-ticket-details-dialog .ui-igcombo-checkbox.ui-state-default.ui-corner-all.ui-igcheckbox-small,
#trade-ticket-details-dialog .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default.ui-igedit-dropdown-button,
#trade-ticket-details-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#trd-tkt-container input, textarea,
#trd-tkt-container .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {
    border-radius: 0px;
}

#create-trd-container .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#trd-tkt-container .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {
  border-radius: 0px;
  background-color: var(--form-dropdown-bgColor) !important;
  border-left: var(--form-dropdown-borderLeft);
  transition: var(--form-dropdown-transition);
  border-right: var(--form-dropdown-border);
  border-top: var(--form-dropdown-border);
  border-bottom: var(--form-dropdown-border);
  padding: var(--tt-form-dropdown-padding);
  height: var(--tt-form-dropdown-height);
}

#create-trd-container span:not(.ui-igCombo-disabled)
.ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right:hover,
#trd-tkt-container span:not(.ui-igCombo-disabled)
.ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right:hover {
  background-color: var(--form-dropdown-hover-bgColor) !important;
  border-left: var(--form-dropdown-hover-borderLeft);
}

.eox-border-top,
#trd-tkt-approval-section .row:first-child {
  border-top: var(--tt-border);
}

#create-trade-dialog .switch-prem-legs-button,
.eox-ticket-footer-row,
.image-class-trade-entry,
.image-class-trade-ticket {
    bottom: 0;
}

.confirm-emails,
.trade-ticket-comments {
    color: #c8c8c8;
}

#create-trd-container .btn,
#trd-tkt-container .btn {
    color: var(--tt-button-color) !important;
}

.eox-ticket-sub-header,
.trade-ticket-lbl-class,
.trade-details-hedge-text {
    color: darkorange;
}

#create-trade-dialog .ui-icon.ui-igcombo-checkbox-off.ui-igcheckbox-small-off,
#trade-ticket-details-dialog .ui-icon.ui-igcombo-checkbox-off.ui-igcheckbox-small-off {
    color: red;
}

.eox-glyph-red {
    color: orange;
}

#create-trade-dialog .ui-icon.ui-icon-check.ui-igcombo-checkbox-on.ui-igcheckbox-small-on,
#create-trd-container table tfoot input,
#create-trd-container table tfoot tr td,
#trade-ticket-details-dialog .ui-icon.ui-icon-check.ui-igcombo-checkbox-on.ui-igcheckbox-small-on,
#trd-tkt-container table tfoot input,
#trd-tkt-container table tfoot tr td {
    color: yellow;
}

#create-trd-container input, textarea,
#trd-tkt-container input, textarea {
  color: var(--form-input-color) !important;
  background-color: var(--form-input-bgColor);
  border: var(--form-input-border);
}

#trd-tkt-container .btn:focus {
  color: var(--tt-button-focus-color) !important;
}

.eox-collapse-glyph {
  color: rgb(0,165,55);
}

#create-trd-container table tbody tr td,
#create-trd-container .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#create-trd-container .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#trd-tkt-container table tbody tr td,
#trd-tkt-container .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#trd-tkt-container .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    color: var(--tt-color) !important;
}

#create-trade-dialog .switch-prem-legs-button,
.eox-collapse-glyph,
.eox-glyph-red {
    cursor: pointer;
}

.image-class-trade-entry,
.image-class-trade-ticket {
    display: block;
}

#trd-tkt-approval-section .row,
#trd-tkt-approval-section .row > [class*='col-'],
#trd-tkt-buyer-seller-section .row,
#trd-tkt-buyer-seller-section .row > [class*='col-'] {
    display: flex;
}

#trd-tkt-approval-section .row > [class*='col-'],
#trd-tkt-buyer-seller-section .row > [class*='col-'] {
    flex-direction: column;
}

#create-trade-dialog .switch-prem-legs-label,
.ticket-send-confirm,
.trade-details-hedge-text {
    float: left;
}

#create-trd-container input, textarea,
#create-trd-container table tbody tr td,
#create-trd-container table tfoot input,
#create-trd-container table tfoot tr td,
#create-trd-container table thead tr th,
.eox-ticket-fieldset,
#trd-tkt-approval-section label,
#trd-tkt-buyer-seller-section label,
#trd-tkt-container input, textarea,
#trd-tkt-container table tbody tr td,
#trd-tkt-container table tfoot input,
#trd-tkt-container table tfoot tr td,
#trd-tkt-container table thead tr th {
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: normal !important;
}

.eox-ticket-sub-header,
.trade-details-hedge-text {
    font-weight: bold;
}

.trade-ticket-lbl-class {
    font-weight: unset;
}

#commission-col label {
    font-weight: normal;
    padding-bottom: 7px;
}

#confirmation-report-object,
.trd-tkt-buyer-seller-data {
    height: 100%;
}

/*#create-trd-container .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right,
#trd-tkt-container .ui-igcombo-button.ui-state-default.ui-unselectable.ui-igcombo-button-ltr.ui-corner-right {
  height: var(--tt-form-dropdown-height);
}*/

#create-trade-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large,
#trade-ticket-details-dialog .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large {
    height: 16px;
    width: 16px;
}

#trade-ticket-details-dialog .ui-icon.ui-icon-check.ui-igcheckbox-large-on,
#create-trade-dialog .ui-icon.ui-icon-check.ui-igcheckbox-large-on {
  margin: 0px;
}

.eox-ticket-footer-row {
  height: 45px;
  margin-bottom: 15px;
}

#confirmation-report-dialog,
#confirmation-report-object {
    margin: 0px;
}

.trade-ticket-buttons-table {
    margin: 5px 0px 5px 2px;
}

.eox-ticket-fieldset {
    margin-bottom: 3px;
    width: auto;
}

#create-trd-container .table,
.eox-button-section,
#trd-tkt-container .table {
    margin-bottom: 5px;
}

.eox-button-section,
#trd-tkt-approval-section,
#trd-tkt-buyer-seller-section {
    margin-left: 2px;
}

.eox-button-section {
    margin-right: 2px;
}

.eox-button-section,
.hedge-leg-details-buttons-table {
    margin-top: 2px;
}

#trd-tkt-approval-section,
#trd-tkt-buyer-seller-section {
    margin-right: 0px;
    padding-right: 0px;
}

#trade-details-table,
#trd-tkt-approval-section {
    margin-top: 10px;
}

#trade-details-table .ui-igedit-button-common {
  height: var(--tt-formButton-height);
}

#user-pages-dialog .ui-dialog-titlebar,
#trade-details .ui-dialog-titlebar {
  background-color: var(--dlg-titleBar-bgColor);
  border-bottom: var(--dlg-titleBar-borderBottom);
}

#confirmation-report-dialog,
#confirmation-report-object,
.image-class-trade-entry,
.image-class-trade-ticket {
    overflow: hidden;
}

#buyer-seller-col,
#commission-col {
    overflow-y: auto;
}

#create-trd-container table tbody tr td,
#trd-tkt-container table tbody tr td {
    padding: 1px;
}

#create-trade-dialog,
#create-trd-container table tfoot input,
#create-trd-container table tfoot tr td,
#create-trd-container table thead tr th,
#trade-ticket-details-dialog,
#trd-tkt-container table tfoot input,
#trd-tkt-container table tfoot tr td,
#trd-tkt-container table thead tr th {
    padding: 2px;
}

#create-trade-dialog .switch-prem-legs-label {
    padding: 4px 0px 0px 5px;
}

.eox-button-section,
.eox-ticket-sub-header {
    padding: 5px;
}

.trd-tkt-buyer-seller-data {
    padding-bottom: 2px;
    padding-top: 2px;
}

#trd-tkt-details-autoclr {
    padding-bottom: 0px;
}

#create-trd-container .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default,
#trd-tkt-container .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

#commission-col,
#create-trd-container .btn,
#trd-tkt-container .btn {
    padding-left: 15px;
    padding-right: 15px;
}

#trd-tkt-approval-section .row > [class*='col-'],
.trd-tkt-buyer-seller-data {
    padding-left: 5px;
    padding-right: 2px;
}

.ticket-send-confirm {
    padding-right: 5px;
}

#commission-col,
#trd-tkt-details-autoclr {
    padding-top: 0px;
}

.eox-ticket-footer-row,
.image-class-trade-entry,
.image-class-trade-ticket {
    position: absolute;
}

#create-trd-container table tbody tr td,
#create-trd-container table tfoot tr td,
#create-trd-container table tfoot input,
#create-trd-container table thead tr th,
.eox-algn-ctr,
.eox-ticket-sub-header,
#trd-tkt-container table tfoot tr td,
#trd-tkt-container table tfoot input,
#trd-tkt-container table tbody tr td,
#trd-tkt-container table thead tr th {
    text-align: center;
}

.eox-algn-lft,
#trd-tkt-approval-section .row > [class*='col-'],
.trd-tkt-buyer-seller-data {
    text-align: left;
}

.eox-algn-rgt {
    text-align: right;
}

.eox-collapse-glyph,
.eox-glyph-red {
    text-decoration: none;
}

#create-trade-dialog .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#create-trade-dialog .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#create-trd-container .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#trade-ticket-details-dialog .ui-igedit-spinupperimage.ui-icon-carat-1-n.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#trade-ticket-details-dialog .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#trd-tkt-container .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage,
#trd-tkt-container .ui-igedit-spinlowerimage.ui-icon-carat-1-s.ui-icon.ui-igedit-buttondefault.ui-igedit-spinbutton.ui-igedit-buttonimage {
    right: 0px !important;
}

#commission-col label,
.trd-tkt-buyer-seller-data {
    vertical-align: middle;
}

#commission-col,
#lbl-exetime-override,
.ticket-send-confirm {
    vertical-align: top;
}

#create-trd-container input, textarea,
#confirmation-report-object,
.eox-ticket-footer-row,
#trd-tkt-container input, textarea {
    width: 100%;
}

.hedge-leg-details-buttons-table,
.trade-ticket-buttons-table {
    width: 99%;
}

/* Style the tab */
.create-trade-ticket-tab {
  float: left;
  overflow: hidden;
  border: 1px solid rgb(128,128,128);
  background-color: gray;
}

  .create-trade-ticket-tab.trade-ticket-tablinks {
    height: 151px;
    border: 1px solid red;
  }


/* Style the buttons that are used to open the tab content */
.create-trade-ticket-tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0px 10px;
  transition: 0.3s;
  text-align: left;
  height: 30px;
  width: 30px;
  text-align: center;
  background-color: inherit;
  color: white;
}

    /* Change background color of buttons on hover */
    .create-trade-ticket-tab button:hover {
      color: gray;
      filter: var(--tt-tab-button-hover-filter) !important;
    }

    /* Create an active/current tablink class */
    .create-trade-ticket-tab button.active {
      color: yellow;
    }

.trade-ticket-tab-button-text {
  -moz-transform-origin: left top 0;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -ms-transform-origin: left top 0;
  -webkit-transform-origin: left top 0;
  -webkit-transform: rotate(90deg);
  background: black;
  box-shadow: 2px -2px 0px rgba(0, 0, 0, 0.1);
  margin-top: 120px;
  padding: 2px 2px 3px 2px;
  position: relative;
  text-transform: 1px 1px 0px rgba(0, 0, 0, 0.5);
  transform: rotate(-90deg);
  transform-origin: initial bottom 0;
  width: 30px;
  white-space: nowrap;
  font-weight:bold;
}

#trd-tkt-physical-delivery-section-main div table tr td {
  text-align: left;
}


#trade-ticket-details-dialog .ui-igdialog-content.ui-widget-content.ui-dialog-content {
  overflow:hidden;
}

#create-trade-dialog .ui-igdialog-content.ui-widget-content.ui-dialog-content {
  overflow: hidden;
}

.action-button-container {
  display: flex;
  justify-content: center;
}

#create-trade-dialog .btn.btn-buy,
#create-trade-dialog .btn.btn-sell,
#create-trade-dialog .btn.btn-call,
#create-trade-dialog .btn.btn-put {
  display: flex;
  height: 20px;
  padding: 10px;
  align-items: center;
  border-radius: 2px;
  font-weight: bold;
  display: flex;
  justify-content: center;
}

#create-trade-dialog .btn.btn-put,
#create-trade-dialog .btn.btn-put:focus,
#create-trade-dialog .btn.btn-call,
#create-trade-dialog .btn.btn-call:focus {
  max-width: 45px;
  border: var(--button-border);
  background-color: var(--putCall-btn-bgColor) !important;
  color: white !important;
}

#create-trade-dialog .btn.btn-buy,
#create-trade-dialog .btn.btn-buy:focus {
  color: white !important;
  background-color: var(--bright-green) !important;
  border: 1px solid var(--bright-green);
  outline: none;
}

#create-trade-dialog .btn.btn-sell,
#create-trade-dialog .btn.btn-sell:focus {
  color: white !important;
  background-color: var(--red) !important;
  border: 1px solid var(--red);
  outline: none;
}

#create-trade-dialog .btn.btn-sell:hover,
#create-trade-dialog .btn.btn-buy:hover,
#create-trade-dialog .btn.btn-put:hover, 
#create-trade-dialog .btn.btn-call:hover
{
  filter: brightness(0.8);
}

#create-trade-dialog .scrollable-table {
  max-height: 130px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 5px;
}

#create-trade-dialog .scrollable-table.is-option {
  max-height: 132px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 5px;
}

.leg-table-wrapper {
  overflow-x: hidden;
  width: 100%;
}

.leg-table-wrapper.leg-entry-layout,
.leg-table-wrapper.leg-details-layout {
  overflow-x: hidden;
}

.leg-table-wrapper.leg-entry-layout.is-carbon-leg,
.leg-table-wrapper.leg-details-layout.is-carbon-leg,
#create-trade-dialog .scrollable-table.leg-entry-layout,
#create-trade-dialog .scrollable-table.leg-entry-layout.is-carbon-leg {
  overflow-x: hidden;
}

.leg-table-wrapper.is-carbon-leg:not(.leg-entry-layout):not(.leg-details-layout) {
  overflow-x: auto;
}

#create-trade-dialog .scrollable-table.is-carbon-leg:not(.leg-entry-layout):not(.leg-details-layout) {
  overflow-x: auto;
}

#leg-details-table {
  table-layout: fixed;
  width: 100%;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table,
.leg-table-wrapper.leg-details-layout #leg-details-table {
  table-layout: fixed;
  width: 100%;
}

/* Shared leg column widths (+5px); controls are 6px narrower (3px each side) */
.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-leg,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-leg {
  width: 35px;
  max-width: 35px;
  text-align: center;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-ratio,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-ratio {
  width: 45px;
  max-width: 45px;
  text-align: center;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-putcall,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-putcall {
  width: 45px;
  max-width: 45px;
  text-align: center;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-inst,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-inst {
  width: 235px;
  max-width: 235px;
}

.leg-table-wrapper.leg-entry-layout.is-power #leg-details-table .leg-col-inst,
.leg-table-wrapper.leg-details-layout.is-power #leg-details-table .leg-col-inst {
  width: 292px;
  max-width: 292px;
}

.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-buyer,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-seller {
  width: 110px;
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-symbol,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-symbol {
  width: 45px;
  max-width: 45px;
  text-align: center;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-qty,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-qty {
  width: 135px;
  max-width: 145px;
}
.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-cpvintage,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-cpvintage,
.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-cpregion,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-cpregion,
.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-cppollutant,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-cppollutant,
.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-cpstate,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-cpstate,
.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-cpcompliant,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-cpcompliant,
.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-cpcredit,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-cpcredit,
.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-exchange,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-exchange {
  width: 100px;
  max-width: 100px;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-cpdelmonth,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-cpdelmonth,
.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-cpdelyear,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-cpdelyear {
  width: 90px;
  max-width: 90px;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-cpdeldate,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-cpdeldate {
  width: 95px;
  max-width: 95px;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-cpunittype,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-cpunittype {
  width: 85px;
  max-width: 85px;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-term,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-term {
  width: 110px;
  max-width: 110px;
}

.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-term {
  width: 80px;
  max-width: 80px;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-qty,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-qty {
  width: 100px;
  max-width: 100px;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-startdt,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-startdt,
.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-enddt,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-enddt,
.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-expiry,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-expiry {
  width: 95px;
  max-width: 95px;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-strike,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-strike,
.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-price,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-price {
  width: 95px;
  max-width: 95px;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-clrid,
.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-clrid {
  width: 105px;
  max-width: 105px;
}

.leg-table-wrapper.leg-details-layout #leg-details-table .leg-col-prem {
  width: 40px;
  max-width: 40px;
  text-align: center;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table .leg-col-prem {
    width: 53px;
    max-width: 53px;
    text-align: center;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table td.leg-col-inst .ui-igcombo,
.leg-table-wrapper.leg-details-layout #leg-details-table td.leg-col-inst .ui-igcombo {
  width: 229px !important;
  min-width: 229px;
  max-width: 229px;
  box-sizing: border-box;
}

.leg-table-wrapper.leg-entry-layout.is-power #leg-details-table td.leg-col-inst .ui-igcombo,
.leg-table-wrapper.leg-details-layout.is-power #leg-details-table td.leg-col-inst .ui-igcombo {
  width: 290px !important;
  min-width: 290px;
  max-width: 290px;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table td .ui-igcombo,
.leg-table-wrapper.leg-details-layout #leg-details-table td .ui-igcombo,
.leg-table-wrapper.leg-entry-layout #leg-details-table td .ui-igedit,
.leg-table-wrapper.leg-details-layout #leg-details-table td .ui-igedit,
.leg-table-wrapper.leg-entry-layout #leg-details-table td .ui-igdatepicker,
.leg-table-wrapper.leg-details-layout #leg-details-table td .ui-igdatepicker {
  box-sizing: border-box;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table td,
.leg-table-wrapper.leg-details-layout #leg-details-table td {
  overflow: hidden;
}

#trd-tkt-container .leg-table-wrapper.leg-details-layout #leg-details-table input,
#create-trd-container .leg-table-wrapper.leg-entry-layout #leg-details-table input {
  width: 100%;
  max-width: 100%;
}

/* Custom product (Emission / Carbon / RECs): compress columns so the grid fits dialog width (~1450px). */
.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table {
  table-layout: fixed;
  width: 100%;
}

.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-leg,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-leg {
  width: 22px;
  max-width: 22px;
}

.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-ratio,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-ratio,
.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-putcall,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-putcall {
  width: 34px;
  max-width: 34px;
}

.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-inst,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-inst {
  width: 160px;
  max-width: 160px;
}

.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-cpvintage,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-cpvintage,
.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-cpregion,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-cpregion,
.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-cppollutant,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-cppollutant,
.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-cpstate,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-cpstate,
.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-cpcompliant,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-cpcompliant,
.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-cpcredit,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-cpcredit,
.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-exchange,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-exchange {
  width: 80px;
  max-width: 80px;
}

.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-cpdelmonth,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-cpdelmonth,
.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-cpdelyear,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-cpdelyear {
  width: 75px;
  max-width: 75px;
}

.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-cpdeldate,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-cpdeldate,
.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-term,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-term {
  width: 80px;
  max-width: 80px;
}

.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-cpunittype,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-cpunittype {
  width: 75px;
  max-width: 75px;
}

.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-startdt,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-startdt,
.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-enddt,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-enddt,
.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-expiry,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-expiry,
.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-strike,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-strike,
.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-price,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-price {
  width: 85px;
  max-width: 85px;
}

.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table .leg-col-clrid,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table .leg-col-clrid {
  width: 90px;
  max-width: 90px;
}

/* Let IG controls shrink with their cells instead of forcing fixed px widths. */
.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table td .ui-igcombo-wrapper,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table td .ui-igcombo-wrapper,
.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table td .ui-igcombo,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table td .ui-igcombo,
.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table td .ui-igedit,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table td .ui-igedit,
.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table td .ui-igdatepicker,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table td .ui-igdatepicker {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.leg-table-wrapper.is-custom-product.leg-entry-layout #leg-details-table td.leg-col-inst .ui-igcombo,
.leg-table-wrapper.is-custom-product.leg-details-layout #leg-details-table td.leg-col-inst .ui-igcombo {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.leg-table-wrapper.is-carbon-leg:not(.leg-entry-layout):not(.leg-details-layout) #leg-details-table {
  table-layout: auto;
  width: max-content;
  min-width: 100%;
}

.leg-table-wrapper.is-carbon-leg #leg-details-table th,
.leg-table-wrapper.is-carbon-leg #leg-details-table td {
  white-space: nowrap;
}

.leg-table-wrapper.is-carbon-leg #leg-details-table th {
  white-space: nowrap;
}

#leg-details-table th,
#leg-details-table td {
  padding: 2px 3px;
  vertical-align: middle;
}

#leg-details-table th {
  font-size: 11px;
  line-height: 1.15;
  white-space: normal;
}

.leg-table-wrapper.leg-entry-layout #leg-details-table th,
.leg-table-wrapper.leg-details-layout #leg-details-table th {
  white-space: nowrap;
}

#trd-tkt-container .ui-state-disabled {
  pointer-events: none;
}
}

.trade-ticket-highlight-bg {
  background-color: #ef8c004a;
  padding-top: 5px;
}

.cp-trade-footer-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 2px;
  margin-bottom: 2px;
}

.cp-trade-footer-row > .cp-trade-footer-col {
  float: none;
  display: flex;
  align-items: center;
  min-height: 28px;
}

.cp-trade-footer-left,
.cp-trade-footer-center,
.cp-trade-footer-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  width: 100%;
  padding: 0;
  margin: 0;
  min-height: 26px;
}

.cp-clear-as-contracts-field {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  gap: 6px;
}

.cp-clear-as-contracts-field label,
.cp-trade-footer-right label {
  margin: 0;
  padding: 0;
  line-height: normal;
  vertical-align: middle;
}

.cp-clear-as-contracts-field .ui-igcheckbox-large,
.cp-clear-as-contracts-field .ui-checkbox-container {
  vertical-align: middle;
}

.cp-tracking-system-field,
.cp-initiator-field {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  white-space: nowrap;
  gap: 6px;
}

.eox-ticket-fieldset .cp-tracking-system-field,
.eox-ticket-fieldset .cp-initiator-field {
  margin-left: 15px;
}

.cp-trade-footer-left .cp-tracking-system-field,
.cp-trade-footer-left .cp-initiator-field {
  margin-left: 0;
}

.cp-tracking-system-field label,
.cp-initiator-field label {
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: normal;
  vertical-align: middle;
  flex-shrink: 0;
}

.cp-tracking-system-field .ui-igcombo-wrapper,
.cp-initiator-field .ui-igcombo-wrapper,
.cp-tracking-system-field > span[id^="trd-dcs-"],
.cp-initiator-field > span[id^="trd-dcs-"] {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: normal;
}

.cp-tracking-system-field .ui-igcombo,
.cp-initiator-field .ui-igcombo {
  vertical-align: middle;
}

.cp-field-value {
  display: inline-block;
  min-width: 80px;
  line-height: normal;
  vertical-align: middle;
}
:root{--bgColor-muted:#1a1423;--bgColor:#1a1423;--bright-green:#5ab25c;--red:#f33;--layout-screen-bgColor:#0c0a10;--workspace-border:1px solid #606060;--workspace-bgColor:#0c0a10;--tab-bgColor:#353333;--tab-hover-bgColor:#353333;--tab-transition:none;--tab-borderLeft:1px solid #606060;--tab-borderRight:1px solid #606060;--tab-borderTop:1px solid #606060;--tab-borderBottom:none;--tab-hover-borderBottom:1px solid #3a3f44;--tab-active-bg:linear-gradient(#4a9a5e,#0c0a10);--tab-active-hover-bg:linear-gradient(#4a9a5e,#0c0a10);--tab-active-borderLeft:1px solid #606060;--tab-active-borderRight:1px solid #606060;--tab-active-borderTop:1px solid #ade68a;--tab-active-borderBottom:2px solid #0c0a10;--dlg-tab-bgColor:#353333;--dlg-tab-hover-bgColor:#0c0a10;--dlg-tab-transition:.3;--dlg-tab-borderLeft:1px solid #606060;--dlg-tab-borderRight:1px solid #606060;--dlg-tab-borderTop:1px solid #606060;--dlg-tab-borderBottom:none;--dlg-tab-active-bg:linear-gradient(#4a9a5e,#0c0a10);--dlg-tab-active-hover-bgColor:none;--dlg-tab-active-hover-cursor:text;--dlg-tab-active-borderLeft:1px solid #606060;--dlg-tab-active-borderRight:1px solid #606060;--dlg-tab-active-borderTop:1px solid #ade68a;--dlg-tab-active-borderBottom:2px solid #0c0a10;--tab-btn-bgColor:#426b4c;--tab-btn-color:#fff;--tab-btn-transition:var(--transition);--table-scrolldiv-bg:#1b1b1b;--table-scrolldiv-bgColor:none;--table-th-color:#000;--table-th-bgColor:#9a9a9a;--table-th-child-color:#acacac;--table-th-child-bgColor:#283747;--table-th-sortable-borderTop:1px solid #1c1e22;--table-th-sorted-border:1px solid #1c1e22;--table-td-fontWeight:bold;--table-td-bgColor:#201f21;--table-td-borderBottom:1px solid #2e2c2b;--table-td-borderRight:1px solid #2e2c2b;--table-tr-even-bgColor:#0c0a10;--table-tr-bgColor:#0c0a10;--table-tr-child-bgColor:#2f2d2e;--table-tr-child-even-bgColor:#2f2d2e;--table-tr-color:#acacac;--table-tr-child-color:#acacac;--label-color:#fff;--label-fontWeight:bold;--gl-tab-bgColor:#1e4506;--form-border:1px solid #646464;--form-bgColor:inherited;--form-input-color:#fff;--form-input-bgColor:black;--form-input-border:1px solid #646464;--form-dropdown-bgColor:black;--form-dropdown-borderLeft:1px solid #3a3f44;--form-dropdown-hover-bgColor:#201f21;--form-dropdown-hover-borderLeft:1px solid #646464;--form-dropdown-border:1px solid #646464;--form-settings-sm-bgColor:#0c0a10;--form-settings-sm-border:1px solid #646464;--form-settings-sm-color:#c8c8c8;--dlg-bgColor:#1b1b1b;--dlg-header-btn-bgColor:#1b1b1b;--dlg-titleBar-bgColor:#003669;--dlg-titleBar-borderBottom:1px solid #929090;--dropdown-bgColor:#1a1423;--dropdown-borderLeft:1px solid #606060;--dropdown-borderRight:1px solid #606060;--dropdown-borderBottom:1px solid #606060;--dropdown-padding:5px;--tt-bgColor:black;--tt-fields-bgColor:black;--tt-bgColor-light:#2f2d2e;--tt-color:#c8c8c8;--tt-button-color:#000;--tt-button-focus-color:#fff;--tt-border:1px solid #616161;--tt-form-dropdown-height:15px;--tt-formButton-height:unset;--tt-form-dropdown-padding:0 5px;--tt-spinUpButton-borderLeft:none;--tt-spinUpButton-borderRight:none;--tt-spinUpButton-borderTop:none;--tt-spinUpButton-borderBottom:none;--tt-spinUpButton-bgColor:#201f21;--tt-spinDownButton-borderLeft:1px solid #646464;--tt-spinDownButton-borderRight:1px solid #646464;--tt-spinDownButton-borderTop:none;--tt-spinDownButton-borderBottom:none;--tt-spinDownButton-bgColor:#201f21;--tt-tab-button-hover-filter:none;--tt-hedge-boxShadow:2px -2px 0px rgba(0,0,0,.1);--tt-hedge-background:black;--tt-hedge-padding:2px 2px 3px 2px;--navbar-color:#ccc;--navbar-bgColor:#1a1423;--navbar-btn-border:1px solid rgba(0,0,0,.6);--navbar-btn-textShadow:1px 1px 1px rgba(0,0,0,.3);--userDefaults-form-bgColor:#0c0a10;--userDefaults-form-color:#c8c8c8;--userDefaults-form-border:1px solid #646464;--userDefaultsExchange-form-border:1px solid #646464;--userDefaultsBroker-form-border:1px solid #646464;--spinUpButton-borderLeft:1px solid #646464;--spinUpButton-borderRight:1px solid #646464;--spinUpButton-borderTop:none;--spinUpButton-borderBottom:none;--spinUpButton-bgColor:#201f21;--spinDownButton-borderLeft:1px solid #646464;--spinDownButton-borderRight:1px solid #646464;--spinDownButton-borderTop:none;--spinDownButton-borderBottom:none;--spinDownButton-bgColor:#201f21;--sb-track-bgColor:#4a4545;--sb-thumb-bgColor:#1e4506;--sb-thumb-hover-bgColor:#1e4506;--sb-thumb-borderRadius:0px;--sb-btn-box-shadow:inset 1px 1px 2px rgba(0,0,0,.2);--sb-button-increment-pos:0px 6px,0 0;--sb-button-decrement-pos:1px 7px,0 0;--sb-corner-bgColor:#4a4545;--toolbar-bgColor:#10102f;--toolbar-borderTop:1px ridge #606060;--toolbar-borderBottom:1px ridge #878383;--checkbox-border:1px solid #646464;--checkbox-bgColor:#000;--checkbox-focus-border:1px solid #66afe9;--checkbox-lg-margin:2px 0px 0px 2px;--checkbox-dlg-bgColor:#1b1b1b;--checkbox-dlg-color:#c8c8c8;--settings-header-borderBottom:1px solid #606060;--settings-dlg-bgColor:#0c0a10;--settings-dlg-border:1px solid #606060;--settings-tabContent-border:1px solid #606060;--settings-tabContent-bgColor:#0c0a10;--tBlotter-td-bgColor:#2c2c2c;--tBlotter-ticket-color:#fff;--tBlotter-ticket-border:1px solid #797979;--tBlotter-drawer-bgColor:#2c2c2c;--tBlotter-drawer-color:#acacac;--tBlotter-search-input-border:1px solid #606060;--tBlotter-search-input-dropdown-border:5px;--tBlotter-search-input-dropdown-height:90%;--tBlotter-form-input-border:1px solid #646464;--tBlotter-form-dropdown-border:1px solid #646464;--tBlotter-form-dropdown-borderLeft:1px solid #646464;--tBlotter-form-dropdown-height:22px;--tBlotter-form-dropdown-hover-bgColor:#201f21;--tBlotter-formButton-bgColor:#201f21;--tBlotter-uiComboWrapper-bgColor:#3a3f44;--tBlotter-border:1px solid #646464;--tBlotter-form-input-bgColor:black;--tBlotter-linked-trade:1px solid #249746;--paging-color:#ebd4cb;--context-menu-item-bgColor:#62878f;--context-menu-item-border:1px solid #62878f;--resubmit-row-color:#ff0;--ticket-table-bgColor:#2f2d2e;--ticket-table-border:1px solid #616161;--ticket-table-color:#c8c8c8;--ticket-form-bgColor:black;--ticket-form-input-color:#fff;--ticket-form-input-border:1px solid #646464;--ticket-form-input-plain-border:1px solid #646464;--ticket-dropdown-borderLeft:1px solid #646464;--ticket-dropdown-border:1px solid #646464;--ticket-dropdown-height:18px;--ticket-formButton-bgColor:black;--ticket-form-dropdown-padding:0px;--ticket-form-spinButton-padding:0px;--ticket-form-spinButton-bgColor:#646464;--postOrder-hidden-cell-bgColor:#1b1b1b;--postOrder-hidden-cell-border:1px solid #1b1b1b;--top-border:1px solid #s3a3f44;--btnRow-border:1px solid grey;--mapping-filter-paddingLeft:0px;--instrumentMap-list-bgColor:#0c0a10;--instrumentMap-list-border:1px solid #2a2929;--instrumentMap-list-item-bgColor:#0c0a10;--instrumentMap-list-item-border:1px solid #2a2929;--instrumentMap-list-header-bgColor:#9a9a9a;--bspk-attr-border:1px solid #808080;--bspk-attr-listBox-color:#fff;--bspk-attr-listBox-bgColor:black;--putCall-btn-bgColor:#929292;}[data-theme=light]{--bgColor-muted:#e5e8ec;--bgColor:#f6f8fa;--bright-blue:#66afe9;--light-blue:#dce0f0;--dark-blue:#4d6480;--green:#7daa7e;--gold:#c39b00;--light-green:#c4e2c4;--bright-green:#5ab25c;--red:#f33;--color:#121212;--color-muted:#484b4e;--border:1px solid #b3b3b3;--border-light:1px solid #ccc;--transition:background .1s ease;--ui-icon-filter:brightness(0) saturate(100%) invert(60%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(98%) contrast(90%);--layout-screen-bgColor:var(--bgColor-muted);--workspace-border:var(--border);--workspace-bgColor:var(--bgColor-muted);--workspace-tab-bgColor:var(--bgColor);--tab-bgColor:#e5e8ec;--tab-hover-bgColor:#c7cdd1;--tab-transition:var(--transition);--tab-borderLeft:var(--border);--tab-borderRight:var(--border);--tab-borderTop:var(--border);--tab-borderBottom:var(--border);--tab-hover-borderBottom:var(--border);--tab-color:var(--color-muted);--tab-active-bg:#f6f8fa;--tab-active-hover-bg:#f6f8fa;--tab-active-borderLeft:none;--tab-active-borderRight:none;--tab-active-borderTop:none;--tab-active-borderBottom:1px solid var(--dark-blue);--tab-active-color:var(--color);--dlg-tab-bgColor:#e5e8ec;--dlg-tab-hover-bgColor:#c7cdd1;--dlg-tab-transition:var(--transition);--dlg-tab-borderLeft:var(--border);--dlg-tab-borderRight:var(--border);--dlg-tab-borderTop:var(--border);--dlg-tab-borderBottom:var(--border);--dlg-tab-color:var(--color-muted);--dlg-tab-active-bg:white;--dlg-tab-active-hover-bgColor:white;--dlg-tab-active-hover-cursor:pointer;--dlg-tab-active-borderLeft:var(--border);--dlg-tab-active-borderRight:var(--border);--dlg-tab-active-borderTop:var(--border);--dlg-tab-active-borderBottom:1px solid var(--dark-blue);--tab-btn-bgColor:#f6f8fa;--tab-btn-hover-bgColor:#e2e6ea;--tab-btn-color:#55585c;--tab-btn-border:var(--border);--tab-btn-hover-textShadow:none;--table-bgColor:white;--table-scrolldib-bgColor:none;--table-scrolldiv-bg:linear-gradient(to bottom,#fff,#fffcfc);--table-last-row-border:var(--border);--table-th-bgColor:white;--table-th-borderLeft:var(--border-light);--table-th-borderRight:none;--table-th-lastChild-borderRight:var(--border-light);--table-th-borderBottom:var(--border-light);--table-th-borderTop:var(--border-light);--table-th-color:var(--color-muted);--table-th-child-color:var(--color-muted);--table-th-child-bgColor:#f4f4f4;--table-th-sortable-borderTop:1px solid #6783b9;--table-th-sorted-border:1px solid #2c3e50;--table-th-focus-border:1px double var(--dark-blue);--table-th-focus-bgColor:var(--light-green);--table-td-fontWeight:normal;--table-td-bgColor:var(--bgColor);--table-td-borderBottom:var(--border-light);--table-td-borderRight:var(--border-light);--table-td-focus-border:1px solid var(--dark-blue);--table-td-hover-borderLeft:1px solid var(--dark-blue);--table-td-hover-borderRight:1px solid var(--dark-blue);--table-tr-even-bgColor:rgba(153,153,153,.1);--table-tr-bgColor:white;--table-tr-child-bgColor:inherit;--table-tr-color:inherit;--table-tr-child-color:inherit;--table-tr-child-even-bgColor:rgba(153,153,153,.1);--label-color:var(--color);--label-fontWeight:normal;--gl-tab-bgColor:#e1e1e1;--igcombo-active-border:1px solid var(--dark-blue);--form-border:var(--border);--form-bgColor:white;--formButton-border:none;--formButton-borderLeft:var(--border);--formButton-bgColor:var(--bgColor);--formButton-hover-bgColor:#e2e6ea;--form-input-color:var(--color);--form-input-bgColor:white;--form-input-border:none;--form-dropdown-transition:var(--transition);--form-dropdown-bgColor:var(--formButton-bgColor);--form-dropdown-borderLeft:var(--formButton-borderLeft);--form-dropdown-border:var(--formButton-border);--form-dropdown-hover-bgColor:var(--formButton-hover-bgColor);--form-dropdown-hover-borderLeft:var(--border);--form-settings-sm-bgColor:white;--form-settings-sm-border:var(--border);--form-settings-sm-color:var(--color);--dlg-bgColor:var(--bgColor-muted);--dlg-header-btn-bgColor:white;--dlg-titleBar-bgColor:var(--green);--dlg-titleBar-borderBottom:1px solid #a3a0a0;--dropdown-bgColor:var(--bgColor);--dropdown-hover-bgColor:#e2e6ea;--dropdown-color:var(--color);--dropdown-borderLeft:var(--border);--dropdown-borderRight:var(--border);--dropdown-borderBottom:var(--border);--dropdown-transition:var(--transition);--dropdown-padding:5px 0;--divider-bgColor:#b3b3b3;--tt-bgColor:var(--bgColor);--tt-bgColor-light:var(--bgColor);--tt-fields-bgColor:white;--tt-color:var(--color);--tt-button-color:var(--button-color);--tt-button-focus-color:var(--button-color);--tt-border:var(--border);--tt-form-dropdown-height:100%;--tt-formButton-height:100%;--tt-form-dropdown-padding:0 1px;--tt-spinUpButton-bgColor:transparent;--tt-spinDownButton-borderLeft:none;--tt-spinDownButton-borderRight:none;--tt-spinDownButton-bgColor:transparent;--tt-spinButton-marginTop:-7px;--tt-tab-button-hover-filter:brightness(.9);--tt-hedge-boxShadow:none;--tt-hedge-background:var(--bgColor);--tt-hedge-padding:2px 4px;--navbar-textShadow:none;--navbar-color:#55585c;--navbar-bgColor:#f6f8fa;--navbar-btn-border:1px solid rgba(0,0,0,.2);--navbar-btn-textShadow:none;--navbar-border:var(--border);--navbar-btn-hover-bgColor:#e2e6ea;--userDefaults-form-bgColor:white;--userDefaults-form-color:var(--color);--userDefaults-form-border:var(--border);--userDefaultsExchange-form-border:none;--userDefaultsBroker-form-border:var(--border);--spinUpButton-borderLeft:var(--formButton-borderLeft);--spinUpButton-borderRight:none;--spinUpButton-borderTop:none;--spinUpButton-borderBottom:none;--spinUpButton-bgColor:var(--formButton-bgColor);--spinDownButton-borderLeft:var(--formButton-borderLeft);--spinDownButton-borderRight:none;--spinDownButton-borderTop:none;--spinDownButton-borderBottom:none;--spinDownButton-bgColor:var(--formButton-bgColor);--spinButton-hover-bgColor:var(--formButton-hover-bgColor);--button-transition:var(--transition);--button-textShadow:none;--button-border:var(--border);--button-color:#55585c;--button-bgColor:var(--bgColor);--button-bgColor-light:#fefefe;--button-hover-bgColor:#c5cad0;--sb-track-bgColor:var(--bgColor);--sb-thumb-bgColor:rgba(0,0,0,.4);--sb-thumb-hover-bgColor:rgba(0,0,0,.6);--sb-thumb-borderRadius:8px;--sb-btn-box-shadow:none;--sb-button-increment-pos:left top;--sb-button-decrement-pos:left top;--sb-corner-bgColor:var(--bgColor);--toolbar-bgColor:var(--bgColor);--toolbar-borderTop:1px ridge #b3b3b3;--toolbar-borderBottom:1px ridge #b3b3b3;--checkbox-border:var(--border);--checkbox-bgColor:white;--checkbox-focus-border:var(--igcombo-active-border);--checkbox-lg-margin:2px 0px 0px 2px;--checkbox-dlg-bgColor:var(--bgColor-muted);--checkbox-dlg-color:var(--color);--settings-header-borderBottom:var(--border);--settings-dlgContent-bgColor:var(--bgColor);--settings-dlg-bgColor:white;--settings-dlg-border:var(--border);--settings-tabContent-border:var(--border);--settings-tabContent-bgColor:white;--tBlotter-td-bgColor:var(--green);--tBlotter-ticket-color:var(--color-muted);--tBlotter-ticket-border:var(--border);--tBlotter-drawer-bgColor:var(--bgColor);--tBlotter-drawer-color:var(--color);--tBlotter-search-input-border:none;--tBlotter-search-input-dropdown-border:0px;--tBlotter-search-input-dropdown-height:100%;--tBlotter-form-input-border:none;--tBlotter-form-dropdown-border:none;--tBlotter-form-dropdown-borderLeft:var(--border);--tBlotter-form-dropdown-height:100%;--tBlotter-form-dropdown-hover-bgColor:var(--formButton-hover-bgColor);--tBlotter-uiComboWrapper-bgColor:white;--tBlotter-form-input-bgColor:white;--tBlotter-border:var(--border);--tBlotter-formButton-bgColor:var(--bgColor);--tBlotter-linked-trade:2px solid #249746;--paging-color:var(--color);--paging-bgColor:var(--bgColor);--context-menu-item-bgColor:var(--green);--context-menu-item-border:1px solid var(--green);--resubmit-row-color:var(--gold);--ticket-table-bgColor:var(--bgColor);--ticket-table-border:var(--border);--ticket-table-color:var(--color);--ticket-form-bgColor:white;--ticket-form-input-color:var(--color);--ticket-form-input-border:none;--ticket-form-input-plain-border:var(--border);--ticket-dropdown-border:none;--ticket-dropdown-borderLeft:var(--border);--ticket-dropdown-height:100%;--ticket-formButton-bgColor:var(--formButton-bgColor);--ticket-form-dropdown-padding:0 5px;--ticket-form-spinButton-padding:0 5px;--ticket-form-spinButton-bgColor:var(--formButton-bgColor);--postOrder-hidden-cell-bgColor:var(--bgColor-muted);--postOrder-hidden-cell-border:1px solid var(--bgColor-muted);--top-border:var(--border-light);--btnRow-border:var(--border);--mapping-filter-bgColor:var(--bgColor-muted);--mapping-filter-paddingLeft:2px;--instrumentMap-list-bgColor:white;--instrumentMap-list-border:var(--border);--instrumentMap-list-item-bgColor:white;--instrumentMap-list-item-border:var(--border);--instrumentMap-list-header-bgColor:var(--bgColor);--instrumentMap-list-header-border:var(--border);--bspk-attr-border:var(--border);--bspk-attr-listBox-color:var(--color);--bspk-attr-listBox-bgColor:white;--putCall-btn-bgColor:#929292;}#theme-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:1;transition:opacity .6s ease;z-index:10001;pointer-events:none;}#theme-overlay.fade-out{opacity:0;}#use-light-theme_popover{margin-left:40px;margin-top:-5px;}html[data-theme=light] .ice-exceptions .nav-tabs{background-color:var(--bgColor);border-bottom:0;}html[data-theme=light] .ice-exceptions .nav-tabs>li.active>a{background-color:var(--dark-blue);border:0;}html[data-theme=light] .ice-exceptions .nav-tabs>li>a:hover{background-color:var(--dark-blue);}html[data-theme=light] .ui-iggrid-tablebody tr:last-child{border-bottom:var(--table-last-row-border);}html[data-theme=light] .btn:focus,html[data-theme=light] .btn:active:focus,html[data-theme=light] a:focus{outline:0;}html[data-theme=light] .ui-widget-content{color:var(--color);}html[data-theme=light] .ui-widget a{color:var(--color);}html[data-theme=light] .ui-widget a:hover{color:#fff;}html[data-theme=light] .ui-igedit-spinlowerimage.ui-icon-carat-1-s{right:0!important;}html[data-theme=light] .ui-igedit-spinupperimage.ui-icon-carat-1-n{left:0!important;}html[data-theme=light] .ui-igcombo-buttonicon,html[data-theme=light] .ui-igcombo-clearicon,html[data-theme=light] .ui-igedit-buttonimage{top:15%;}html[data-theme=light] .ui-state-focus>.ui-icon{filter:var(--ui-icon-filter);}html[data-theme=light] .ui-icon{filter:var(--ui-icon-filter);transition:transform .2s ease-in-out,filter .2s ease;}html[data-theme=light] .ui-state-active .ui-icon{filter:var(--ui-icon-filter);}html[data-theme=light] .ui-igedit.ui-state-hover,html[data-theme=light] .ui-igcombo.ui-state-hover,html[data-theme=light] .ui-igedit.ui-state-focus,html[data-theme=light] .ui-igcombo.ui-state-focus,html[data-theme=light] .ui-igedit.ui-state-focus.ui-state-hover,html[data-theme=light] .ui-igcombo.ui-state-focus.ui-state-hover,html[data-theme=light] .ui-igcombo.ui-widget.ui-state-active.ui-corner-all.ui-unselectable{border:var(--igcombo-active-border)!important;}html[data-theme=light] .eox-widget-header .ui-form td>input{height:23px;border:var(--form-border)!important;}html[data-theme=light] span.ui-icon.ui-icon-close{transform:scale(.7);top:0!important;}html[data-theme=light] .tab-item span.ui-icon.ui-icon-close{top:1px!important;}html[data-theme=light] .navbar-inverse{border:var(--navbar-border);}html[data-theme=light] .navbar{text-shadow:var(--navbar-textShadow);}html[data-theme=light] .navbar .navbar-nav>li>a{transition:var(--navbar-transition);border-right:var(--navbar-border);color:var(--navbar-color);text-shadow:var(--navbar-btn-textShadow);}html[data-theme=light] .navbar .navbar-nav>li>a:hover{background:var(--navbar-btn-hover-bgColor)!important;}html[data-theme=light] .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all.ui-state-default{background-color:var(--form-bgColor);}html[data-theme=light] .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default.ui-igedit-dropdown-button{border:var(--form-dropdown-border);border-left:var(--form-dropdown-borderLeft);}html[data-theme=light] .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-hover.ui-igedit-dropdown-button{background-color:var(--form-dropdown-hover-bgColor)!important;}html[data-theme=light] .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-default{border:var(--formButton-border);border-left:var(--formButton-borderLeft);}html[data-theme=light] .ui-igedit-button-common.ui-unselectable.ui-igedit-button-ltr.ui-state-hover:not(:disabled){background-color:var(--formButton-hover-bgColor)!important;}html[data-theme=light] .ui-state-default.ui-corner-all.ui-widget.ui-checkbox-container.ui-igcheckbox-large:focus{border:var(--checkbox-focus-border);}html[data-theme=light] .action.create-trade{border-left:var(--navbar-border);}html[data-theme=light] .dropdown .btn{border:var(--tab-btn-border);transition:var(--tab-btn-transition);}html[data-theme=light] .dropdown .btn:hover{text-shadow:var(--tab-btn-hover-textShadow);background-color:var(--tab-btn-hover-bgColor)!important;color:var(--tab-btn-color)!important;}html[data-theme=light] .btn:not(.btn-success){transition:var(--button-transition);text-shadow:var(--button-textShadow);color:var(--button-color)!important;background:var(--button-bgColor);}html[data-theme=light] .btn:not(.btn-success):hover{background-color:var(--button-hover-bgColor);}html[data-theme=light] .btn.btn-light{background-color:var(--button-bgColor-light);}html[data-theme=light] .btn{border:var(--button-border);}html[data-theme=light] .settings-tab-item.ui-state-default>a,html[data-theme=light] .tab-item.ui-state-default>a{color:var(--tab-color);}html[data-theme=light] .settings-tab-item.ui-tabs-active>a,html[data-theme=light] .tab-item.ui-tabs-active>a{color:var(--tab-active-color);}html[data-theme=light] .workspace-tab-content.ui-tabs-panel.ui-widget-content.ui-corner-bottom{background-color:var(--workspace-tab-bgColor);}html[data-theme=light] input[type=image][title=Copy]{filter:brightness(.25) sepia(1) hue-rotate(100deg) saturate(3);}html[data-theme=light] input[type=image][title=Edit],html[data-theme=light] input[type=image][title=Delete]{filter:brightness(.6);}html[data-theme=light] .change-password-tooltip{filter:brightness(.8);}html[data-theme=light] .dropdown-menu>li>a{color:var(--dropdown-color);}html[data-theme=light] .dropdown-menu .divider{background-color:var(--divider-bgColor);}html[data-theme=light] .dropdown-menu a,html[data-theme=light] .dropdown-menu li{transition:var(--dropdown-transition);}html[data-theme=light] .dropdown-menu a:hover,html[data-theme=light] .dropdown-menu li:hover{background-color:var(--dropdown-hover-bgColor);}html[data-theme=light] .btn-primary{background-image:none;}html[data-theme=light] .tab-dialog .ui-igdialog-content.ui-widget-content.ui-dialog-content{background-color:var(--settings-dlgContent-bgColor);}html[data-theme=light] .ice-exceptions .tool-bar{display:flex!important;justify-content:center;gap:10px;}html[data-theme=light] .ice-exceptions label{margin-top:2px;}html[data-theme=light] .ice-exceptions .ui-checkbox-container{margin-top:2px;}html[data-theme=light] table{background-color:var(--table-bgColor)!important;}html[data-theme=light] table tbody tr:nth-child(even){background-color:var(--table-tr-even-bgColor);}html[data-theme=light] .ui-iggrid-header.ui-widget-header{border-left:var(--table-th-borderLeft);border-right:var(--table-th-borderRight);border-top:var(--table-th-borderTop);border-bottom:var(--table-th-borderBottom);}html[data-theme=light] .ui-widget-header th.ui-state-focus,html[data-theme=light] .ui-widget-header th.ui-state-hover{border-left:var(--table-th-focus-border);border-right:var(--table-th-focus-border);background-color:var(--table-th-focus-bgColor)!important;}html[data-theme=light] .ui-iggrid-header.ui-widget-header:last-child{border-right:var(--table-th-lastChild-borderRight);}html[data-theme=light] .ui-iggrid-header.ui-widget-header[aria-label=ICETrader]{border-right:var(--table-th-lastChild-borderRight);}html[data-theme=light] .ui-widget-header .ui-state-default{background-color:var(--table-th-bgColor);}html[data-theme=light] .ui-iggrid td.ui-state-active{background-color:var(--light-green);}html[data-theme=light] .ui-iggrid .ui-iggrid-scrolldiv:first-child{border-top:0!important;}html[data-theme=light] .ui-corner-all .ui-igeditor-input-container{border:var(--form-input-border);}html[data-theme=light] .ui-icon-arrowstop-1-w{filter:brightness(.75);}html[data-theme=light] .ui-icon-arrowstop-1-e{filter:brightness(.75);}html[data-theme=light] .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging-item .ui-iggrid-page.ui-state-default,html[data-theme=light] .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging-item.ui-state-default{background-color:var(--paging-bgColor);}html[data-theme=light] .ui-iggrid-pagecurrent.ui-state-active.ui-corner-all{background-color:var(--paging-bgColor);}html[data-theme=light] .search-block .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all{background-color:var(--form-bgColor);border:var(--form-border);}html[data-theme=light] .search-block input{color:var(--form-input-color)!important;background-color:var(--form-input-bgColor)!important;}html[data-theme=light] .search-block .ui-igedit-button-common{background-color:var(--form-bgColor);border:0!important;}html[data-theme=light] .ui-icon.ui-icon-closethick.ui-igpopover-close-button{font-family:"icomoon"!important;float:right;position:relative;top:-5px;left:12px;filter:brightness(.5);}html[data-theme=light] .ui-igpopover.ui-ignotify-error>.ui-widget-content .ui-icon.ui-icon-closethick.ui-igpopover-close-button{filter:none;}html[data-theme=light] .ui-igpopover.ui-ignotify-error>.ui-widget-content .ui-ignotify-icon-container{padding-right:5px;}html[data-theme=light] .ui-igpopover.ui-ignotify-error>.ui-widget-content .ui-icon.ui-icon-circle-close:hover{cursor:default;}html[data-theme=light] .ui-iggrid td.ui-state-hover{border-left:var(--table-td-hover-borderLeft);border-right:var(--table-td-hover-borderRight);}html[data-theme=light] .ui-igdialog-headerimage{filter:brightness(.5);}html[data-theme=light] .ui-igdialog-headerimage.image-class-error-dialog{filter:brightness(.9);}html[data-theme=light] .ui-igedit.ui-igedit-container.ui-widget.ui-corner-all{border-radius:0;}html[data-theme=light] .col-md-5.trd-tkt-buyer-seller-data span{margin-bottom:2px;}html[data-theme=light] .create-trade-ticket-tab{border:0;padding-left:2.5px;}html[data-theme=light] .table>tbody>tr>td{border-top:var(--border-light);}html[data-theme=light] .table>thead>tr>th{border-bottom:var(--border);}html[data-theme=light] .ui-icon.ui-icon-check.ui-igcheckbox-large-on{margin:var(--checkbox-lg-margin);}html[data-theme=light] .ui-dialog .ui-dialog-titlebar{background-color:var(--dlg-titleBar-bgColor);border-bottom:var(--dlg-titleBar-borderBottom);}html[data-theme=light] .checkbox-cell{background-color:var(--checkbox-dlg-bgColor);}html[data-theme=light] .eox-filter-container .ui-form tbody td{background-color:var(--mapping-filter-bgColor);}html[data-theme=light] .eox-list-header{border:var(--instrumentMap-list-header-border);border-bottom:0;}html[data-theme=light] .create-trade-ticket-tab button{filter:brightness(1.05);}html[data-theme=light] .create-trade-ticket-tab button[style*="eox-physical-delivery-inactive.png"]{filter:brightness(1.1);}html[data-theme=light] .create-trade-ticket-tab button:last-of-type{border-bottom:2px solid #000;}html[data-theme=light] td.no-border{border:0!important;}html[data-theme=light] .eox-ticket-fieldset .ui-igcombo-clearicon.ui-icon-circle-close.ui-icon{margin-top:-2px;}html[data-theme=light] .ui-icon.ui-icon-check.ui-igcombo-checkbox-on.ui-igcheckbox-small-on{margin-top:-2px;margin-left:-3px;}