.cont {
  max-width: 1180px;
  margin: 20px auto;
}

.qmod-heading {
  padding: 8px 20px;
  margin-bottom: 15px;
}

.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li:first-child,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li:first-child {
  border-radius: 0px;
}

.qmod-simplechart.qmod-ui-tool .qmod-chart-display .qmod-legend > li:last-child,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li:last-child {
  border-radius: 0px;
  height: 33px;
}
.qmod-simplechart.qmod-ui-tool .qmod-chart-display .qmod-legend > li.qmod-input,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li.qmod-input {
  background-color: #00a31e !important;
}
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li
  .qmod-btn-text,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li
  .qmod-btn-text {
  padding: 7px 21px;
}

.qmod-simplechart.qmod-ui-tool .qmod-chart-js {
  margin: 0px;
}

.qmod-simplechart.qmod-ui-tool .highcharts-container {
  border: none;
  width: 100%;
  height: 100%;
}
.qmod-simplechart.qmod-ui-tool .qmod-main-chart {
  height: 600px;
}

.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li.qmod-active,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li.qmod-active,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li.qmod-active:hover,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li.qmod-active:hover {
  background-color: #0477d1;
  color: #fff;
}

/* .qmod-simplechart.qmod-ui-tool .qmod-chart-display .qmod-legend > li, */
.qmod-simplechart.qmod-ui-tool .qmod-chart-buttons-rs .qmod-legend > li {
  background-color: #eaeaea;
  color: #333;
}
.qmod-dropdown-sm.qmod-dropdown-menu li > a {
  color: #222;
}
.qmod-dropdown-menu li {
  cursor: pointer;
}
.qmod-chart-display {
  margin-bottom: 5px;
}

a.qmod-dropdown_toggle.qmod-dropdown-sm {
  padding: 7px 9px;
}

.qmod-dropdown-menu {
  background-color: #fff;
}
.qmod-dropdown-menu.qmod-dropdown-menu-toggles li > div {
  padding: 10px;
}
.qmod-dropdown-menu {
  width: 143px !important;
  min-width: 140px !important;
  /* margin-top: 2px; */
}

.qmod-dropdown-menu li > a.qmod-active,
.qmod-dropdown-menu li > a.qmod-active:hover {
  background-color: #0477d1;
  color: #fff;
}

.qmod-dropdown-menu li:hover,
.qmod-dropdown-menu li > a:hover {
  background-color: #eee !important;
  color: #111;
}

.qmod-simplechart.qmod-ui-tool .qmod-heading .qmod-btn-link {
  font-size: 14px;
  padding: 5px 0px;
  color: #333;
}

.qmod-simplechart.qmod-ui-tool .qmod-icon-toggle-fa .qmod-icon-toggle-icon {
  font-size: 20px;
}

.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-ul,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-ul {
  background-color: #fff;
  color: #333 !important;
  box-shadow: 2px 0 8px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
}

.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-item
  a,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-item
  a {
  color: #333;
}

.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-item
  a:hover,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-item
  a:hover {
  color: #111;
  background-color: #eee;
}

g.highcharts-markers.highcharts-series-0.highcharts-line-series.highcharts-tracker
  path,
rect.highcharts-point {
  fill: #0477d1;
}
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-grow-input
  input[type="text"].qmod-symbollookup {
  transition: 0.2s;
  transition-delay: 0s;
  padding: 4px 5px;
  border-radius: 0;
  border-top: 5px solid #00a31e;
  border-bottom: 5px solid #00a31e;
  border-left: 0;
  border-right: 0;
  outline: none !important;
  text-align: left;
}

.qmod-simplechart.qmod-ui-tool .qmod-chart-display .qmod-btn-icon,
.qmod-simplechart.qmod-ui-tool .qmod-chart-buttons-rs .qmod-btn-icon {
  max-width: 180px;
}
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-btn-icon
  .inner-addon
  i,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-btn-icon
  .inner-addon
  i {
  padding: 5px 8px;
  top: 0;
  right: 0;
  font-size: 22px;
}
li.qmod-legend-list-item {
  height: 33px;
}
.qmod-simplechart.qmod-ui-tool .qmod-chart-display .qmod-grow-input,
.qmod-simplechart.qmod-ui-tool .qmod-chart-buttons-rs .qmod-grow-input {
  vertical-align: top;
}
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li
  .qmod-dd-more,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li
  .qmod-dd-more {
  border-radius: 0;
  vertical-align: top;
}
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li
  .qmod-dd-more
  > i,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li
  .qmod-dd-more
  > i {
  padding: 6px 5px 5px 5px;
}
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-item.qmod-list-header {
  border-bottom: 1px solid #fff;
  padding: 10px 0;
}
.qmod-list-header span {
  padding: 5px;
  display: inline-block;
  font-weight: 600;
}
.qmod-ui-tool .inner-addon i:hover {
  color: #fff;
  transform: none;
}
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-item,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-item {
  padding: 8px 8px;
  text-align: left;
  font-size: 95%;
  border-top: 1px solid #eee;
}

.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-item:hover:not(.qmod-list-header),
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-item:hover:not(.qmod-list-header) {
  background-color: #eee;
}
li.qmod-dd-more-item.qmod-list-header i:hover {
  color: #111;
}
.qmod-simplechart.qmod-ui-tool .qmod-chart-display .qmod-legend > li:hover,
.qmod-simplechart.qmod-ui-tool .qmod-chart-buttons-rs .qmod-legend > li:hover {
  background-color: #ddd;
}
span.qmod-dd-more i {
  font-size: 20px !important;
  line-height: 22px !important;
}
.qmod-dropdown-menu .fa-toggle-off,
.qmod-dropdown-menu .fa-toggle-on {
  transform: scale(1.3);
}
.fa-toggle-off.qmod-ch-down {
  color: #686868;
}
.qmod-dropdown-menu li:hover,
.qmod-dropdown-menu li > a.qmod-active:hover {
  background-color: #0477d1 !important;
  color: #fff;
}
.qmod-dropdown-menu.qmod-dropdown-menu-toggles li:hover {
  background: #fff !important;
  color: #111;
}
.qmod-simplechart.qmod-ui-tool .qmod-icon-toggle-fa .qmod-icon-toggle-label {
  font-size: 14px;
  padding-right: 6px;
  vertical-align: 2px;
}
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-item.qmod-active,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-item.qmod-active,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-item.qmod-active:hover,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-item.qmod-active:hover,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-item.qmod-active
  a,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-item.qmod-active
  a {
  background-color: #0477d1;
  color: #fff !important;
}
.qmod-ch-up {
  color: #00a31e;
}
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-item.qmod-list-header
  > i,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li
  .qmod-dd-more
  .qmod-dd-more-item.qmod-list-header
  > i {
  padding: 2px 10px;
}
li.qmod-legend-list-item:first-child {
  background: #0477d1 !important;
}

.qmod-dd-more i.fa.fa-trash-o {
  font-size: 18px !important;
  padding-top: 6px !important;
}

i.fa.fa-trash-o:hover {
  background: rgba(0, 0, 0, 0.2);
}
.qmod-symbollookup::placeholder,
.qmod-symbollookup::-webkit-input-placeholder {
  text-transform: capitalize !important;
}
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li
  .qmod-grow-input {
  display: table-column;
}
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li:hover
  .qmod-grow-input {
  display: inline;
}
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li:hover
  .qmod-grow-input
  .qmod-symbollookup,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-grow-input
  input[type="text"].grow-hover {
  width: 120px;
}
/* Hiding the three dots at the top */
.qmod-legend-list .inner-addon span.qmod-dd-more:last-child {
  background: #fff;
  color: #fff;
}
.qmod-lnd-time span.qmod-btn-text {
  position: relative;
}
.qmod-lnd-time span.qmod-btn-text:hover:after {
  content: "Reset Zoom";
  position: absolute;
  top: -25px;
  left: -11px;
  font-size: 11px;
  width: 71px;
  background: #555;
  color: #fff;
  padding: 3px;
  text-align: center;
  border-radius: 2px;
}
.qmod-btn:focus {
  border: 0 !important;
}

/* fix for new version */

.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li
  .qmod-btn:last-child,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li
  .qmod-btn:last-child {
  border-radius: 0px;
}

.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li:last-child {
  height: 30px;
}

.qmod-simplechart.qmod-ui-tool .qmod-chart-display .qmod-legend > li .qmod-btn,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li
  .qmod-btn {
  background: #eaeaea;
  border: #eee;
  color: #333;
}

.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li.qmod-active
  .qmod-btn,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li.qmod-active
  .qmod-btn {
  background: #0477d1;
  color: white;
}
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li.qmod-active
  .qmod-btn,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li.qmod-active
  .qmod-btn:hover {
  background: #0477d1;
  color: white;
}
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-legend
  > li
  .qmod-dd-more
  > i,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li
  .qmod-dd-more
  > i {
  padding: 3px 6px;
}
.qmod-simplechart.qmod-ui-tool .fa-chevron-down:before {
  font-size: 15px;
}

.qmod-simplechart.qmod-ui-tool .qmod-chart-display .qmod-legend > li .qmod-btn,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-legend
  > li
  .qmod-btn:hover {
  background: #ddd;
  color: #333;
}

.qmod-simplechart.qmod-ui-tool
  .qmod-chart-display
  .qmod-chips
  > li
  .qmod-dd-more
  > i,
.qmod-simplechart.qmod-ui-tool
  .qmod-chart-buttons-rs
  .qmod-chips
  > li
  .qmod-dd-more
  > i {
  font-size: 0.6em !important;
}

.qmod-simplechart.qmod-ui-tool .qmod-chart-display .qmod-chips > li {
  max-height: 29px;
}