@charset "utf-8";
/* CSS Document */
.tab-content h3 {
	font-size:1.1em;
}
.currency-symbol {
    color: #a2a2a2;
    font-size: 0.7em;
    letter-spacing: 1px;
    font-family: arial;
}
.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-family: Tahoma, Geneva, sans-serif;
    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;
font-family:Arial, Helvetica, sans-serif;   
}
.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;
direction:rtl;	
display:inline-block;
}
.last-value > span > span{
display:inline-block;
direction:ltr;	
}
.last-time{
padding-top:26px;
font-size:0.85em;
text-align:left;
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-right:1px solid #e9e9e9;
padding: 5px;	
font-size:0.85em;
float:right;
margin-bottom:5px;
line-height:11px;
}
.summary-details > ul > li > span:first-child {
    color: #929292;
}
.summary-details > ul > li:first-child{
border-right-width:0;
padding-right:0;	
}
.chart{
position:relative;
margin-bottom:0;
	
}
#container-chart{
 border: 1px solid #cfcfcf;
    direction: ltr;
    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:right;
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-left-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-left-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:right;
border:1px solid #e5e5e5;
border-left-width:0;
background:#fff;	
}
.chart-time-frame > li:last-child{
border-left-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;
right: 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;
right: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-right: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: right;
	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;
    direction: ltr;
	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-family:Tahoma, Geneva, sans-serif;
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;	
direction:rtl;
}
.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) right 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;
font-family:Tahoma, Geneva, sans-serif;
text-shadow:none;
}
/**************************calender*/

.calendar-sec .calendar-box{
box-shadow:none;
border:1px solid #cfcfcf;
margin-bottom:10px;	
}
.calendar-sec a.more-link{
font-family:Tahoma, Geneva, sans-serif;
font-size:0.9em;
display:inline-block;
	
}
.calendar-sec a.more-link .left-arrow.orang {
    margin-right: 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{
direction:rtl;   
padding-left:0;	
}
.interest-rates .currency-table-main > .tr > div:last-child{
float:left;
 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-family:Tahoma, Geneva, sans-serif;
font-size:0.9em;
color:#a2a2a2;
}
.technical-details .currency-table-main > .tr > div{
width:30%;
direction:rtl;
}
.technical-details .currency-table-main > .tr > div:first-child{
width:15%;	
}
.technical-details .currency-table-main{
position:relative;
padding-left:60px;	
}
.technical-details .currency-table-main > .result-icon{
position:absolute;
height:100%;
width:60px;
left:0;
top:0;
text-align:center;
border-right: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-left: 1px solid #e9e7e7;
    display: inline-block;
    min-height: 30px;
    padding: 5px 10px;
	color:#555	;
	font-size:0.9em;
	float:right;
}
.semmary-row > li:last-child{
border-right: 1px solid #e9e7e7;
border-left-width:0;
padding: 1px 10px;
float:left;	
}
.technical-indicators .currency-table-main .tr.table-head div{
font-size:0.75em;
direction:rtl;	
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-left: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-left-width: 0;
  border-right-color: #dfdfdf;
  border-right-width: 1px;
}

.link-more {
    text-align: left;
}
.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: right;
}

@media (max-width: 400px) {
.result-icon,
.semmary-row > li.result-icon{
display:none;
	
}
.technical-details .currency-table-main{
padding-left: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-left: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:right;   
    }
.last-value > span{
display:block;   
padding-right: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:right;
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-right:0;
padding-right: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: right;
    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:right;
font-size: 0.9em;
}
.correlation .currency-name.currency-table-main{
padding-right: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:right;   
    }
    
    .currency-summary .last-value{
padding-bottom:5px;   
    }
/*****************************************END table responsive*/

}