/*! Generated by Live LESS Theme Customizer */
.input select {
  text-align: left!important;
  text-align-last: left!important;
}
.btn-datepicker {
  border-bottom: none !important;
  background-color: #475757 !important;
  font-size: 0.9em !important;
  padding: 5px !important;
  border-radius: 2px !important;
}
#flagHolderOtc {
  text-align: right;
  margin-right: 1em;
  position: absolute;
  float: right;
  left: calc(100vw - 120px);
  z-index: 10000;
  margin-top: 1em;
}
#flagHolderOtc img {
  width: 2.6em;
  -moz-transform: rotate(90deg) translateX(-0.95em);
  -ms-transform: rotate(90deg) translateX(-0.95em);
  -o-transform: rotate(90deg) translateX(-0.95em);
  -webkit-transform: rotate(90deg) translateX(-0.95em);
  transform: rotate(90deg) translateX(-0.95em);
  cursor: pointer;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 0.6;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
#flagHolderOtc .selected {
  -moz-transform: rotate(90deg) translateX(-0.1em);
  -ms-transform: rotate(90deg) translateX(-0.1em);
  -o-transform: rotate(90deg) translateX(-0.1em);
  -webkit-transform: rotate(90deg) translateX(-0.1em);
  transform: rotate(90deg) translateX(-0.1em);
  opacity: 1;
  filter: grayscale(0);
}
.hidden {
  display: none;
}
.otcNoChange {
  color: yellow;
}
.otcNoChange:after {
  font-family: FontAwesome;
  padding-left: 0.5em;
  font-size: 0.4em;
  content: "\f111";
}
.otcUpChange {
  color: greenyellow !important;
}
.otcUpChange:after {
  padding-left: 0.3em !important;
  font-size: 1em !important;
  content: "\f0d8" !important;
}
.otcDownChange {
  color: red !important;
}
.otcDownChange:after {
  padding-left: 0.3em !important;
  font-size: 1em !important;
  content: "\f0d7" !important;
}
.otc-header {
  background-color: #252525;
  border-bottom: 1px solid #2f2f2f;
}
.otc-small-header {
  background-color: #252525;
  border-bottom: 1px solid #2f2f2f;
  font-size: 12px;
}
.otc-row {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px dotted rgba(255, 139, 52, 0.26);
  cursor: pointer;
  transition: 0.7s;
}
.otc-row-mobile {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted rgba(255, 139, 52, 0.26);
}
.otc-row:hover {
  background-color: #262829;
}
.tse-content .row:nth-child(even) {
  background-color: transparent !important;
}
.tse-content .row:nth-child(even):hover {
  background-color: #262829 !important;
}
.otc-table {
  margin-left: 100px;
  margin-right: 100px;
}
/*#tradingOverviewStickyHeader {
    width: calc(100vw - 200px);
    margin-left: 92px;
}*/
.historyDataTable {
  height: 100vh;
}
.bidask-row {
  border-bottom: 1px dotted rgba(255, 139, 52, 0.26);
  height: 26px;
  /* padding: 4px; */
  margin-left: 0px;
  margin-right: 0px;
  font-size: 0.8em;
}
.ask {
  border-bottom: 1px solid #5bc0de;
}
.bid {
  border-bottom: 1px solid #d9534f;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.checkbox-container {
  height: 40px;
  padding: 20px;
}
.checkbox-container input {
  vertical-align: -3px;
  margin-top: 25px;
}
.checkbox-container label {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
table {
  width: 100%!important;
}
table td {
  padding: 5px;
}
thead td {
  padding-right: 13px;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th,
table > tbody > tr > td,
table > tbody > tr > th,
table > tfoot > tr > td,
table > tfoot > tr > th,
table > thead > tr > td,
table > thead > tr > th {
  border-color: rgba(255, 139, 52, 0.26);
}
.scroll {
  overflow-y: scroll;
  overflow-x: hidden;
}
.scroll::-webkit-scrollbar {
  width: 12px;
}
.scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.p7 {
  width: 7%;
}
.container-mobile {
  overflow-y: scroll!important;
}
.start-logo {
  margin: auto;
  width: 150px;
  display: block;
  margin-top: 40px;
  margin-bottom: 40px;
}
.bb {
  border-top: 1px solid #525050;
  padding: 5px;
}
/* Style the header */
.header {
  padding: 10px 16px;
  background: #555;
  color: #f1f1f1;
}
/* Page content */
.content {
  padding: 16px;
}
/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 100px;
  width: 100%;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}
.margin-bottom {
  margin-bottom: 40px;
}
.lang-flags {
  text-align: center;
}
.lang-flags img {
  width: 40px!important;
  position: relative!important;
  text-align: center;
}
.little-font {
  font-size: 12px;
}
.yellow-font {
  font-size: 12px;
  color: #f9b701;
}