@charset "utf-8";
/* CSS Document */
.tab-content h3 {
  font-size: 1.1em;
}
.currency-symbol {
  color: #a2a2a2;
  font-size: 0.7em;
  letter-spacing: 1px;
}
.currency-select .select2-container .select2-choice {
  height: 36px;
}
.currency-select .select2-container .select2-choice .select2-arrow {
  margin: 3px 0;
}

.curr-header .select2-container .select2-choice > .select2-chosen {
  font-size: 1em;
  font-weight: bold;
  margin: 3px 0 0 35px;
  color: #1c546e !important;
}
.table-border {
  border: 1px solid #e9e9e9;
  border-bottom-width: 2px;
}
.currency-summary {
  margin-bottom: 30px;
  padding: 0 15px;
}
.currency-summary .last-value {
  padding-top: 25px;
  padding-bottom: 25px;
}
.last-value > i {
  width: 14px;
  height: 13px;
  position: relative;
  top: -3px;
}
.last-value > i.up {
  background-position: -123px -127px;
}
.last-value > i.down {
  background-position: -138px -127px;
}
.last-value > p {
  display: inline-block;
  font-size: 2.35em;
  color: #000;
  line-height: 35px;
  margin-bottom: 0;
}
.last-value > span {
  font-size: 1.2em;
  display: inline-block;
}
.last-value > span > span {
  display: inline-block;
}
.last-time {
  padding-top: 26px;
  font-size: 0.85em;
  text-align: right;
  color: #9d9d9d;
}
.last-time > i {
  background-position: -111px -149px;
  height: 23px;
  position: relative;
  top: 9px;
  width: 23px;
}
.summary-details {
  background: #fbfbfb;
}
.summary-details > ul {
  margin: 5px 0;
}
.summary-details > ul > li {
  display: inline;
  color: #000;
  border-left: 1px solid #e9e9e9;
  padding: 5px;
  font-size: 0.85em;
  float: left;
  margin-bottom: 5px;
  line-height: 11px;
}
.summary-details > ul > li > span:first-child {
  color: #929292;
}
.summary-details > ul > li:first-child {
  border-left-width: 0;
  padding-left: 0;
}
.chart {
  position: relative;
  margin-bottom: 0;
}
#container-chart {
  border: 1px solid #cfcfcf;
  padding: 10px;
}
.currency-detials-tab {
  border: 1px solid #e9e9e9;
  display: block;
}
ul.chart-type {
  margin: 0 0 0 2px;
}
ul.chart-time-frame,
ul.chart-type {
  display: inline-block;
  margin-bottom: 0;
}
.chart .chart-type > li {
  float: left;
  background-color: #f2f2f2;
  background-image: -ms-linear-gradient(top, #fff, #f2f2f2);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#fff),
    to(#f2f2f2)
  );
  background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
  background-image: -o-linear-gradient(top, #fff, #f2f2f2);
  background-image: linear-gradient(top, #fff, #f2f2f2);
  background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff', endColorstr='#f2f2f2', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  border: 1px solid #e5e5e5;
  border-right-width: 0;
  padding: 1px 1px 1px;
}
.chart .chart-type > li.active {
  background-color: #fefefe;
  background-image: -ms-linear-gradient(top, #f1f1f1, #fefefe);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#f1f1f1),
    to(#fefefe)
  );
  background-image: -webkit-linear-gradient(top, #f1f1f1, #fefefe);
  background-image: -o-linear-gradient(top, #f1f1f1, #fefefe);
  background-image: linear-gradient(top, #f1f1f1, #fefefe);
  background-image: -moz-linear-gradient(top, #f1f1f1, #fefefe);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#fefefe', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.chart .chart-type > li:last-child {
  border-right-width: 1px;
}
.chart .chart-type > li > a {
  display: block;
  width: 25px;
  height: 25px;
}
.chart .chart-type > li > a.candles {
  background-position: -188px -142px;
}
.chart .chart-type > li > a.candles:hover,
.chart .chart-type > li.active > a.candles {
  background-position: -188px -170px;
}
.chart .chart-type > li > a.diagram {
  background-position: -162px -142px;
}
.chart .chart-type > li > a.diagram:hover,
.chart .chart-type > li.active > a.diagram {
  background-position: -162px -170px;
}

.chart .chart-type > li > a.line {
  background-position: -214px -142px;
}
.chart .chart-type > li > a.line:hover,
.chart .chart-type > li.active > a.line {
  background-position: -214px -170px;
}

.chart .chart-type > li > a.table-chart {
  background-position: -136px -142px;
}
.chart .chart-type > li > a.table-chart:hover,
.chart .chart-type > li.active > a.table-chart {
  background-position: -136px -170px;
}
.currency-detials-tab .tab-pane {
  padding: 10px;
}
.tab-content > .tab-pane {
  border: 0;
  margin: 0;
}
.chart-time-frame > li {
  float: left;
  border: 1px solid #e5e5e5;
  border-right-width: 0;
  background: #fff;
}
.chart-time-frame > li:last-child {
  border-right-width: 1px;
}
.chart-time-frame > li > a {
  color: #26556a;
  display: block;
  font-size: 0.85em;
  padding: 5px;
}
.chart-time-frame > li > a:hover,
.chart-time-frame > li.active > a {
  color: #fd5a27;
}
.chart-setting {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 2;
}
.section {
  border-top: 2px solid #d4d4d4;
  margin-bottom: 30px;
}
.section > h3 {
  margin: 20px 0;
  color: #114f6a;
}
.currency-main {
  height: 100%;
  background: #fe7e57;
  border: 1px solid #f1693e;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  text-align: center;
  color: #fff;
  width: 15.6%;
}
.currency-main > span {
  display: block;
  margin-top: 20px;
}
.correlation .currency-name.currency-table-main {
  padding-left: 15.6%;
  position: relative;
}

.correlation .currency-table-main > .tr > div {
  font-size: 0.8em;
  padding: 7px 4px;
  text-align: center;
  width: 13.5%;
}
.currency-main.currency-pair {
  background: none transparent;
  border-width: 0;
  text-align: left;
  font-size: 0.8em;
}
.currency-main.currency-pair > div:first-child {
  background: none repeat scroll 0 0 #f8f8f8;
  border-bottom: 1px solid #e9e7e7;
  color: #000;

  padding: 7px 10px;
}
.currency-main.currency-pair > div:last-child {
  color: #1b1b1b;
  padding: 7px 10px;
  border-bottom: 1px solid #e9e7e7;
}
.currency-table-main.currency-name {
  margin-bottom: 20px;
}
.currency-table-main.currency-name.last {
  margin-bottom: 10px;
}
.note {
  color: #9d9d9d;
  font-size: 0.8em;
  line-height: 15px;
}
.about {
  margin: 20px 0 0;
}
.about > h5 {
  font-weight: normal;
  font-size: 0.9em;
  color: #1c546e;
}
.about > p {
  font-size: 0.85em;
}
.volatility .currency-table-main > .tr > div {
  width: 34%;
  color: #a2a2a2;
  padding: 7px 3px;
  text-align: center;
}
.volatility .currency-table-main > .tr > div:first-child {
  width: 28%;
}
.volatility .currency-table-main > .table-head > div {
  font-size: 0.8em;
  color: #000;
}
.volatility .currency-table-main > .tr > div > span {
  display: inline-block;
  color: #1b1b1b;
}
.tooltip-icon {
  background-position: -153px -129px;
  display: inline-block;
  height: 12px;
  position: relative;
  top: 2px;
  width: 11px;
}

/****************************News List*/
.news-sec h5 {
  margin-top: 0;
}
.news-sec h5 > a {
  color: #000;
  font-size: 1em;
}

.news-sec h5 > a > i {
  width: 9px;
  height: 9px;
  background-position: -164px -133px;
}
.news-sec ul > li {
  background: url(../../images/ar/calender-orang-arrow.png) left 12px no-repeat
    transparent;
  padding: 5px 20px 5px 0;
  border-top: 1px solid #eee;
}
.news-sec ul > li > a {
  color: #1a77bc;
  line-height: 22px;
  font-size: 1em;
  display: inline-block;
}
.news-sec ul > li > a:hover {
  color: #fd5a27;
}
.news-sec ul > li > a > span {
  display: block;
  font-size: 0.8em;
  color: #a2a2a2;
  text-shadow: none;
}
/**************************calender*/

.calendar-sec .calendar-box {
  box-shadow: none;
  border: 1px solid #cfcfcf;
  margin-bottom: 10px;
}
.calendar-sec a.more-link {
  font-size: 0.9em;
  display: inline-block;
}
.calendar-sec a.more-link .left-arrow.orang {
  margin-left: 1px;
  top: 2px;
}
/*****************interest-rates*/
.interest-rates .currency-table-main > .tr > div {
  width: auto;
  display: inline-block;
  padding: 7px 10px;
}
.interest-rates .currency-table-main > .tr > div:first-child {
  padding-right: 0;
}
.interest-rates .currency-table-main > .tr > div:last-child {
  float: right;
  color: #a2a2a2;
}
.interest-rates .currency-table-main > .tr > div:last-child > span {
  color: #1b1b1b;
}
a.load-more {
  display: block;
  background: #fe8b67;
  text-align: center;
  color: #fff;
  font-size: 1em;
  padding: 10px;
}
.load-more:hover {
  color: #fff;
  background: #fd5c28;
}
.load-more > i {
  width: 13px;
  height: 13px;
  background-position: -111px -173px;
  display: inline-block;
  position: relative;
  top: 2px;
}
.loading-news {
  text-align: center;
  padding: 10px;
}
.media-list {
  margin-bottom: 0;
}
.technical-details {
  border-top-width: 0;
}
.technical-details > h3 > span {
  font-size: 0.9em;
  color: #a2a2a2;
}
.technical-details .currency-table-main > .tr > div {
  width: 30%;
}
.technical-details .currency-table-main > .tr > div:first-child {
  width: 15%;
}
.technical-details .currency-table-main {
  position: relative;
  padding-right: 60px;
}
.technical-details .currency-table-main > .result-icon {
  position: absolute;
  height: 100%;
  width: 60px;
  right: 0;
  top: 0;
  text-align: center;
  border-left: 1px solid #e9e7e7;
  border-bottom: 1px solid #e9e7e7;
}
.result-icon > i {
  background: url(../../images/ar/bear-sprite.png) no-repeat transparent;
  display: block;
  position: relative;
  margin: 0 auto;
}
.result-icon > i.bull-lg {
  width: 34px;
  height: 39px;
  background-position: -22px 0;
}
.result-icon > i.bull-sm {
  width: 23px;
  height: 28px;
  background-position: 0 0;
}
.result-icon > i.bear-lg {
  width: 38px;
  height: 37px;
  background-position: -56px 0;
  margin-top: 11px;
}
.result-icon > i.bear-sm {
  width: 22px;
  height: 22px;
  background-position: -93px 0;
  margin-top: 3px;
}
.technical-details .currency-table-main > .tr.green > div {
  color: #01bc36;
}
.technical-details .currency-table-main > .tr.red > div {
  color: #d70000;
}
.technical-details .currency-table-main > .tr > div.result-tec {
  font-size: 1.1em;
}
.technical-details .currency-table-main > .tr > div > span {
  color: #a2a2a2;
  display: inline-block;
  font-size: 0.9em;
}
.technical-details .currency-table-main > .result-icon > i.bull-lg {
  margin-top: 8px;
}
.moving-averages .currency-table-main > .tr > div {
  width: 32%;
}
.moving-averages .currency-table-main {
  margin-bottom: 10px;
}
.semmary-row {
  border: 1px solid #e9e7e7;
  overflow: auto;
}
.semmary-row > li {
  border-right: 1px solid #e9e7e7;
  display: inline-block;
  min-height: 30px;
  padding: 5px 10px;
  color: #555;
  font-size: 0.9em;
  float: left;
}
.semmary-row > li:last-child {
  border-left: 1px solid #e9e7e7;
  border-right-width: 0;
  padding: 1px 10px;
  float: right;
}
.technical-indicators .currency-table-main .tr.table-head div {
  font-size: 0.75em;
  text-align: center;
}
.technical-indicators .currency-table-main .tr.table-head span {
  color: #929292;
  display: block;
  font-size: 0.9em;
}
.technical-indicators .currency-table-main > .table-head > div {
  padding: 4px 3px;
}
.technical-indicators .currency-table-main > .tr > div {
  width: 10.3%;
  text-align: center;
  padding: 5px 0;
}
.tooltip-inner {
  font-size: 12px !important;
  padding-bottom: 8px;
}
.technical-indicators .currency-table-main,
.pivot .currency-table-main {
  margin-bottom: 10px;
}
.pivot .currency-table-main > .tr > div {
  width: 11.3%;
}
.pivot .currency-table-main > .tr > div.pivot-point {
  width: 15%;
  font-weight: bold;
}
.pivot .currency-table-main > .table-head > div.pivot-point {
  font-weight: normal;
}
.technical-indicators .currency-table-main .tr.table-head div:first-child {
  color: #f8f8f8;
}
.currency-detials-tab .dropdown > a .currency-detials-tab .dropdown > a:hover,
.currency-detials-tab .dropdown > a:focus {
  background-color: transparent;
}
.currency-detials-tab .nav-tabs {
  position: relative;
}
.currency-detials-tab .nav > li {
  position: static;
}
.currency-detials-tab .dropdown-menu {
  width: 100%;
  border-radius: 0;
}
.currency-detials-tab .dropdown-menu li > a {
  color: #082c3c;
  font-size: 1.3em;
  line-height: 30px;
  border-bottom: 1px solid #e9e7e7;
  background: #f4f4f4;
}
.currency-detials-tab .dropdown-menu {
  padding: 0;
}
.currency-detials-tab .dropdown-menu li > a:hover,
.currency-detials-tab .dropdown-menu li > a:focus,
.currency-detials-tab .dropdown-menu > .active > a,
.currency-detials-tab .dropdown-menu > .active > a:hover,
.currency-detials-tab .dropdown-menu > .active > a:focus,
.currency-detials-tab .dropdown-menu > li:hover,
.currency-detials-tab .dropdown-menu > li:active,
.currency-detials-tab .dropdown-menu > li:focus {
  background: #fff !important;
  color: #fd5a27 !important;
}

.time-frame-ul > li {
  display: inline-block;
  margin-bottom: 10px;
}
.time-frame-ul > li > a {
  background: #e5eaed;
  color: #0e0e0e;
  font-size: 0.8em;
  min-width: 60px;
  padding: 2px 12px 4px;
  text-align: center;
}
.time-frame-ul > li > a:hover,
.time-frame-ul > li.active > a {
  background: #fe8c69;
  color: #fff;
}
.pivot #main {
  padding-top: 0;
}
.last-value > i.no-arrow {
  background: none;
}
.technical-details .currency-table-main.neutral {
  padding-right: 0;
}
.technical-details .currency-table-main.neutral .result-icon {
  display: none;
}
.technical-details .currency-table-main.neutral .result-tec,
.technical-details .currency-table-main.neutral > .tr > div,
.semmary-row.neutral .result-tec {
  color: #737373;
}
.technical-details .currency-table-main.neutral > .tr.table-head > div {
  color: #000;
}
.semmary-row.neutral .result-icon {
  display: none;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px 0;
}

.currency-table-main.currency-name.last > div.hidden-xs > div {
  padding: 7px 30px 7px 10px;
}

.correlation .currency-table-main > .tr > div:first-child a {
  color: #fd5a27;
}

.chart .loading {
  height: auto;
}
.chart .loading img {
  top: 200px;
}

.tab-content > .tab-pane > ul {
  margin-top: 20px;
}
.col-n-2 {
  width: 6.5%;
}
.col-n-3 {
  min-width: 45px;
}

.volatility .currency-table-main {
  margin-bottom: 11px;
}
.section.volatility {
  margin-bottom: 10px;
}

.tabdrop-tab-main {
  height: 41px;
}

.tab-main .nav-tabs > li:first-child > a {
  border-right-width: 0;
  border-left-color: #dfdfdf;
  border-left-width: 1px;
}

.link-more {
  text-align: right;
}
.link-more a {
  color: #fd5d2a;
}
.link-more a i {
  font-size: 0.85em;
  position: relative;
  top: 4px;
}
.poweredby-tv {
  display: block;
  font-size: 0.8em;
  padding: 5px 0 0;
  text-align: left;
}

@media (max-width: 400px) {
  .result-icon,
  .semmary-row > li.result-icon {
    display: none;
  }
  .technical-details .currency-table-main {
    padding-right: 0;
  }
  .technical-details .currency-table-main > .tr > div {
    width: 33% !important;
    white-space: nowrap;
    font-size: 0.85em !important;
  }
  .technical-details .currency-table-main > .tr > div:first-child {
    width: 17.5% !important;
    font-size: 0.85em !important;
  }
  .technical-details .currency-table-main > .tr > div.result-tec {
    font-size: 0.7em !important;
    position: relative;
    top: -7px;
    margin-right: 2px;
  }

  .technical-indicators .currency-table-main .tr.table-head {
    width: 36% !important;
  }

  .technical-indicators .currency-table-main > .tr {
    width: 32% !important;
  }

  .correlation .currency-table-main > .tr div {
    text-align: center;
  }
  .correlation .currency-table-main > .tr.table-head div {
    text-align: left;
  }
  .last-value > span {
    display: block;
    padding-left: 19px;
  }
  .technical-details .currency-table-main > .tr > div:nth-child(2) {
    width: 40% !important;
  }
}
@media (max-width: 600px) {
  .technical-details .currency-table-main > .tr > div {
    width: 37.5%;
  }
  .technical-details .currency-table-main > .tr > div:first-child {
    width: 21.5%;
  }
  .technical-details .currency-table-main > .tr > div.result-tec {
    font-size: 0.8em;
  }

  .technical-details .currency-table-main > .tr > div > span {
    display: block;
  }
  .semmary-row > li {
    float: none;
  }
  .semmary-row > li span {
    display: inline-block;
  }
  .moving-averages .currency-table-main > .tr > div,
  .volatility .currency-table-main > .tr > div {
    font-size: 0.75em;
  }
  .news-sec ul > li > a {
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .tooltip-icon {
    display: none;
  }
  .last-time {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 20px;
  }
  .last-value {
    padding-top: 10px;
    padding-bottom: 0;
  }
  .summary-details {
    background: #fff;
    border-top: 1px solid #e9e9e9;
    padding-top: 10px;
  }
  .summary-details > ul {
    overflow: auto;
  }
  .summary-details > ul > li {
    float: none;
    display: block;
    border-left: 0;
    padding-left: 0;
  }
  .moving-averages .currency-table-main > .tr > div,
  .volatility .currency-table-main > .tr > div {
    font-size: 0.9em;
  }
  .interest-rates .currency-table-main .tr {
    height: auto;
  }
  .technical-details .currency-table-main > .tr {
    height: auto;
  }
  .technical-details .currency-table-main > .tr > div {
    top: 0;
  }
  .tab-content h3 {
    line-height: 30px;
  }

  /*****************************************table responsive*/

  .technical-indicators #main,
  .pivot #main,
  .correlation #main {
    padding-top: 0;
  }
  .technical-indicators .currency-table-main > .tr,
  .pivot .currency-table-main > .tr,
  .correlation .currency-table-main > .tr {
    float: left;
    height: auto;
  }
  .technical-indicators .currency-table-main > .tr {
    width: 33.3%;
  }
  .pivot .currency-table-main > .tr {
    width: 23%;
  }
  .pivot .currency-table-main > .tr:first-child {
    width: 31%;
  }
  .correlation .currency-table-main > .tr {
    width: 50%;
  }
  .technical-indicators .currency-table-main > .tr > div,
  .pivot .currency-table-main > .tr > div,
  .correlation .currency-table-main > .tr > div {
    display: block;
    width: auto;
    position: static;
    top: 0;
    padding: 5px;
  }
  .technical-indicators .currency-table-main > .tr > div,
  .pivot .currency-table-main > .tr > div,
  .correlation .currency-table-main > .tr > div {
    display: block;
    position: static;
    top: 0;
    width: auto;
    font-size: 0.9em;
  }
  .pivot .currency-table-main > .tr > div.pivot-point {
    width: auto;
  }

  .technical-indicators .currency-table-main > .tr > div,
  .pivot .currency-table-main > .tr > div,
  .correlation .currency-table-main > .tr > div {
    border-bottom: 1px solid #e9e7e7;
  }
  .technical-indicators .currency-table-main > .tr > div:last-child,
  .pivot .currency-table-main > .tr > div:last-child,
  .correlation .currency-table-main > .tr > div:last-child {
    border-bottom-width: 0;
  }
  .technical-indicators .currency-table-main > .tr,
  .pivot .currency-table-main > .tr,
  .correlation .currency-table-main > .tr {
    display: none;
  }
  .technical-indicators .currency-table-main > .tr:nth-child(1),
  .technical-indicators .currency-table-main > .tr:nth-child(2),
  .technical-indicators .currency-table-main > .tr:nth-child(3),
  .technical-indicators .currency-table-main > .tr:nth-child(4),
  .pivot .currency-table-main > .tr:nth-child(1),
  .pivot .currency-table-main > .tr:nth-child(2),
  .pivot .currency-table-main > .tr:nth-child(3),
  .pivot .currency-table-main > .tr:nth-child(4),
  .correlation .currency-table-main > .tr:nth-child(1),
  .correlation .currency-table-main > .tr:nth-child(2),
  .correlation .currency-table-main > .tr:nth-child(3),
  .correlation .currency-table-main > .tr:nth-child(4) {
    display: block;
  }
  .technical-indicators .currency-table-main .tr.table-head span {
    display: inline-block;
    font-size: 0.7em;
  }
  .technical-indicators .currency-table-main .tr.table-head div {
    text-align: left;
    font-size: 0.9em;
  }
  .correlation .currency-name.currency-table-main {
    padding-left: 0;
  }
  .correlation .currency-main {
    position: static;
    width: auto;
    display: block;
  }
  .correlation .currency-main > span {
    margin-top: 0;
    padding: 10px;
  }

  .correlation .currency-table-main.currency-name {
    border-bottom-width: 0;
    margin-bottom: 0;
  }

  .correlation .currency-table-main.currency-name.last {
    position: relative;
    top: -1px;
    margin-bottom: 10px;
  }

  .social-row {
    margin: 10px 0;
  }

  .volatility .currency-table-main > .tr > div:first-child {
    width: 28.7%;
  }

  .semmary-row > li span {
    white-space: nowrap;
  }

  .correlation .currency-table-main > .tr > div {
    text-align: left;
  }

  .currency-summary .last-value {
    padding-bottom: 5px;
  }
  /*****************************************END table responsive*/
}