/* Style the buttons */
#optionChainTable tbody tr td .buy-button,
#optionChainTable tbody tr td .sell-button {
	padding: 5px 10px;
	display: none; /* Hide buttons by default */
}

/* Show buttons on row hover */
#optionChainTable tbody tr:hover td .buy-button,
#optionChainTable tbody tr:hover td .sell-button {
	display: inline-block;
}

/* Move buttons to the right end of the cell with some spacing */
#optionChainTable tbody tr td {
	position: relative;
}

#optionChainTable tbody tr td .buy-button {
	position: absolute;
	right: 60px; /* Adjust the right offset as needed */
	top: 50%;
	transform: translateY(-50%);
}
#optionChainTable tbody tr td .b {
	position: absolute;
	right: 60px; /* Adjust the right offset as needed */
	top: 50%;
	transform: translateY(-50%);
}
#optionChainTable tbody tr td .s {
	position: absolute;
	right: 20px; /* Adjust the right offset as needed */
	top: 50%;
	transform: translateY(-50%);
}
#optionChainTable tbody tr td .sell-button {
	position: absolute;
	right: 20px; /* Adjust the right offset as needed */
	top: 50%;
	transform: translateY(-50%);
}
#topbar {
	background-color: red;
	color: white;
	padding: 10px;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	display: none;
}
.floating-tooltip-2 {
	width: 96px;
	height: 80px;
	position: absolute;
	display: none;
	padding: 8px;
	box-sizing: border-box;
	font-size: 12px;
	color: #131722;
	background-color: rgba(255, 255, 255, 1);
	text-align: left;
	z-index: 1000;
	top: 12px;
	left: 12px;
	pointer-events: none;
	border: 1px solid rgba(255, 70, 70, 1);
	border-radius: 2px;
}
.sma-legend {
width: 200px;
height: 70px;
position: absolute;
padding: 8px;
font-size: 14px;
background-color: rgba(255, 255, 255, 0.23);
text-align: left;
z-index: 1000;
pointer-events: none;
}
.full-width {
width: 100%;
}
.nav-tabs {
overflow-x: scroll;
overflow-y: hidden;
display: -webkit-box;
display: -moz-box;
}
.nav-tabs>li {
float:none;
}
body {
	font-family: sans-serif;
	background-color: #fff;

	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  .alert-message {line-height:20px; font-size:20px;padding-bottom: 12px;}
  h1{color:#e35154 !important; font-size:18px; margin-left:20px; margin-bottom:20px;font-weight:700; text-transform: uppercase;}

  body a, body #test {
	color: #F48FB1;
  }

  .unstyled {
	margin: 0;
	list-style: none;
  }
  .unstyled a, .unstyled #test {
	width: 120px;
	text-decoration: none;
	padding: .5em 1em;
	background-color: #213347;
	border-radius: 4px;
	display: block;
	margin-bottom: .5em;
	font-size:15px;
	font-weight:300;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  .unstyled a:hover, .unstyled #test:hover {
	background-color: #f25c5d;
  }

  .cf, .alert {
	*zoom: 1;
  }
  .cf:before, .alert:before, .cf:after, .alert:after {
	display: table;
	content: "";
	line-height: 0;
  }
  .cf:after, .alert:after {
	clear: both;
  }

  #alerts {
	width: 500px;
	bottom: 12px;
	right: 50px;
	position: fixed;
	z-index: 9999;
	list-style: none;
  }

  .alert {
	width: 100%;
	margin-bottom: 8px;
	display: block;
	position: relative;
	border-left: 4px solid;
	right: -50px;
	opacity: 0;
	line-height: 1;
	padding: 0;
	transition: right 400ms, opacity 400ms, line-height 300ms 100ms, padding 300ms 100ms;
	display: table;
  }

  .alert:hover {
	cursor: pointer;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  }

  .open {
	right: 0;
	opacity: 1;
	line-height: 2;
	padding: 3px 15px;
	transition: line-height 200ms, padding 200ms, right 350ms 200ms, opacity 350ms 200ms;
  }

  .alert-title {
	font-weight: bold;
  }

  .alert-block {
	width: 80%;
	width: -webkit-calc(100% - 10px);
	width: calc(100% - 10px);
	text-align: left;
  }
  .alert-block em, .alert-block small {
	font-size: 20em;
	opacity: 1;
	display: block;
  }

  .alert i {
	font-size: 4em;
	width: 1.5em;
	max-height: 1000px;
	top: 50%;
	margin-top: -12px;
	display: table-cell;
	vertical-align: middle;
  }

  .alert-success {
	color: #fff;
	border-color: #539753;
	background-color: #8fbf2f;
  }

  .alert-error {
	color: #fff;
	border-color: #dc4a4d;
	background-color: #f25c5d;
  }

  .alert-trash {
	color: #fff;
	border-color: #dc4a4d;
	background-color: #f25c5d;
  }

  .alert-info {
	color: #fff;
	border-color: #076d91;
	background-color: #3397db;
  }

  .alert-warning {
	color: #fff;
	border-color: #dd6137;
	background-color: #f7931d;
  }



.tab {
float: left;
height: 44px;
margin: 0 8px -1px 0;
border: 1px solid #DAE0E7;
background: #F9F9F9;
border-radius: 8px 8px 0 0;
overflow: hidden;
}

.tab, .tab a {
transition: all .25s;
}

.tab a {
display: inline-block;
}

.tab a:first-child {
padding: 12px 2px 12px 16px;
white-space: nowrap;
}

.tab.tabClosed, .tab.tabClosed a:first-child {
margin-right: 0;
border-width: 0;
}

.tab.tabClosed {
width: 0 !important;/* use important because we need to set the width of tabs in javascript in order to be able to animate them to 0 */
}

.tab.tabClosed a {
opacity: 0;
}

.tab:hover {
background: #fff;
}

.tabSelected {
height: 45px;
border-bottom: none;
background: #fff;
}

.closeTab {
width: 16px;
height: 16px;
margin: 0 14px 0 12px;
padding: 3px;
border-radius: 16px;
line-height: 16px;
text-align: center;
}

.closeTab:hover {
background: #DAE0E7;
}

.accordion1 {
background-color: white;
color: #444;
cursor: pointer;
padding: 0px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}
.accordion1:hover {
    background-color: white;
  }

.panel1 {
padding: 0 18px;
display: none;
background-color: white;
overflow: hidden;
}

.multitrade_table td {
  font-size: 0.8em;
  margin-top: 0px;
  margin-bottom: 0px;
}
.multitrade_table td, .multitrade_table th {
  padding: 0.5rem;
  vertical-align: center;
  border-top: 1px solid #e3e6f0;
}

body {
  background: #fafafa ;
  font-family: Helvetica, Arial;
}

.container_slider {

}

.range_slider_form {
display: flex;
width: 1000px;
}

.range__slider {
width: 60%;
float: left;
}

.range__value {
width: 35%;
margin-left: 45px;
text-align: left;
border-left: #e6e4e4 1px solid;
float:left;
}
.range__value1 {
	width: 100%;
	margin-left: 45px;
	text-align: left;
	border-left: #e6e4e4 1px solid;
	float:left;
	}
.form-group_slider {

}

.form-group_slider label {
text-transform: uppercase;
font-size: .7rem;
color: #222;
}

.form-group_slider span {
font-size: 2rem;
font-weight: 600;
color: #3c3b3b;
}

.range__slider label {
margin-bottom: 10px;
}

.range__slider [type="range"] {
width: 100%;
-webkit-appearance: none;
height: 13px;
border-radius: 6px;
background: #f1f1f1;
outline: none;
padding: 0;
margin: 15px;
}

/* custom thumb */
.range__slider [type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
border-radius: 50%;
background: #7a00ff;
border: #f9ca24 5px solid;
cursor: pointer;
-webkit-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
}

.range__slider [type="range"]::-webkit-slider-thumb:hover {
background: #f0932b;
}

.range__slider [type="range"]::-moz-range-thumb {
width: 20px;
height: 20px;
border: 0;
border-radius: 50%;
background: #f0932b;
border: #f9ca24 5px solid; cursor: pointer;
-webkit-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
}

.range__slider [type="range"]::-moz-range-thumb:hover {
background: #f9ca24;
}

a.disabled {
pointer-events: none;
cursor: default;
}
.popover {
    max-width: 1000px !important;
}
table tbody tr:hover {
background-color: #fff9c4;
}

table tbody tr:hover > .sorting_1 {
background-color: #fff9c4;
}