@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/*
CSS Document made by haryo bayu
7 Februari 2019
*/

@import url('roboto-condensed/roboto-condensed.css');
@import url('opensans/opensans.css');
@import url('oswald/oswald.css');
@import url('franklin/franklin.css');

/*
font-family: 'RobotoCondensed-Regular';
font-family: 'RobotoCondensed-Italic';
font-family: 'RobotoCondensed-Bold';
font-family: 'OpenSans-Regular';
font-family: 'Oswald-Regular';
font-family: 'Abel-Regular';
font-family: 'Cabin-Regular';
font-family: 'Cabin-Medium';
font-family: 'Pacifico-Regular';
font-family: 'Montserrat-Regular';
font-family: "FranklinGothic-Heavy";
*/

html,body {font-family: 'OpenSans-Regular',sans-serif;height: 100%; scroll-behavior: smooth;}
textarea:focus, input:focus{outline: none;}
[role="button"],input[type="submit"],input[type="reset"],input[type="button"],button {
-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
/* Reset `button` and button-style `input` default styles */
input[type="submit"],input[type="reset"],input[type="button"],button {
background: none;border: 0;color: inherit;
/* cursor: default; */
font: inherit;line-height: normal;overflow: visible;padding: 0;
-webkit-appearance: button; /* for input */
-webkit-user-select: none; /* for button */
-moz-user-select: none;-ms-user-select: none;
}
input::-moz-focus-inner,button::-moz-focus-inner {border: 0;padding: 0;}
/* Make `a` like a button */
[role="button"] {
color: inherit;cursor: default;display: inline-block;text-align: center;text-decoration: none;white-space: pre;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}

/* link  */
a.link-white { color: #fff !important;}  a.link-white:hover{ color: #ff9900 !important;}
a.link-red { color: #fd2731 !important;}a.link-red:hover{ color: #fff !important;}
a.link-black { color: #454444 !important;}a.link-black:hover{ color: #f90 !important;}
a.link-grey { color: #666 !important;}a.link-grey:hover{ color: #f90 !important;}
.link-grey { color: #666 !important;}.link-grey:hover{ color: #f90 !important;}
a.link-orange { color: #f90 !important;}a.link-orange:hover{ color: #fff !important;}
.link2-black a { color:#454444 !important;}.link2-black a:hover { color:#f90!important;}
.link2-grey a { color:#666 !important;}.link2-black a:hover { color:#f90!important;}
.link2-white a { color:#fff !important;}.link2-white a:hover { color:#ocf!important;}
.link2-red a {color: #fd2731 !important;}.link2-red a:hover {color: #fff !important;}
.link2-orange a { color: #f90 !important;}.link2-orange a:hover {color: #fff !important;}

a.link-blue-ocean { color: #02afda !important;}a.link-blue-ocean:hover{ color: #f90 !important;}
.link-blue-ocean { color: #02afda !important;}.link-blue-ocean:hover{ color: #f90 !important;}

.link-black { color: #454444 !important;}
.link-black:hover{ color: #f90 !important;}
.link-white { color: #fff !important;}  
.link-white:hover{ color: #ff9900 !important;}

/* Font Family */
.ff-roboto-r { font-family: 'RobotoCondensed-Regular',sans-serif; }
.ff-opensans {font-family: 'OpenSans-Regular',sans-serif; }
.ff-oswald-r {font-family: 'Oswald-Regular',sans-serif; }

.header-mobile { display:none !important;}
.header-desktop { display:block !important;}
.header-desktop { 
background-color:#171717; width:100%;}
.header-mobile { 
background-color:#171717; width:100%; padding:8px; position:fixed; top:0; z-index:7;}
.bar-menuatas {padding:8px 0; background-color:#212529; border-bottom:1px solid}
.box-epaper-menu {background-color:#666; padding:7px 10px; margin-right:8px;} /* ini baru masuk 2 okt2019  */
.blk-srch { width:90%; height:30px; background-color:#FFF; border:1px solid #ededed; margin-top:5px; padding-right:10px; margin-left:auto; margin-right:auto;}
.arsi{ background-color:transparent !important; border:0px; margin-top:2px; }
.arsi:focus { border:0px; color:#666666; }
.arsi::placeholder {color:#666666;}
.but-lgn { color:#FFFFFF !important; font-family: 'Lato-Regular',sans-serif; border:1px solid #fff; padding: 5px 12px 5px 12px; 
border-radius:0px; font-size:13px !important; text-transform:uppercase; font-weight:100; width:43%; text-align:center; margin-top:5px;}
.wrap-100 { width:100%;}
.wrap-content { width: 1100px !important; margin:0 auto;font-size:14px; }
.menu-desktop  { border-top:1px solid #000;font-size:15px; position:relative; height:39px;}
.menu-desktop ul { list-style:none; padding-left:0; margin-left:0; padding-top:7px; padding-bottom:7px;}
.menu-desktop ul li { list-style:none;color:#fff; display:inline-block; text-align:right;margin: 0 20px;}
.menu-desktop ul li a { color:#FFF; text-decoration:none;}
.menu-desktop ul li a:hover { color:#F90;}
.menu-desktop ul li:nth-child(1) { width:50px !important; text-align:left;}
input::placeholder {color: #ddd !important;}

.menu-desktop ul li:hover { height:35px;}
.menu-desktop ul li:hover .kotak-sub{ display:block;}
.kotak-sub { background-color:#171717; color:#FFF; display:none; font-size:13px;
z-index:100; position:absolute; top:35px; text-align:left; padding:5px 5px 5px 10px; width:200px; line-height:26px; }

.ls-makro ul { list-style:none;}
.ls-makro ul li{ list-style:none; text-align:right; margin-bottom:1px; font-size:13px;}

.myDiv, .myDiv2,.myDiv3,.myDiv4,.myDiv5,.myDiv6,.myDiv7{
	display:none;
} 

.pos-search { width:100%; background-color:#666; position:fixed; top:40px; z-index:3; margin-left:-8px; height:30px;}
.title-head-kategori { color:#686a6b; font-size:24px; text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} 

.footer { 
background-color:#171717; width:100%; padding:10px 0; color:#FFF; text-align:center; font-size:13px; margin-top:75px;}

.con-flex {display: -webkit-flex; /* Safari */display: flex;}
.w-logo { width:26%;} .w-src { width:52%} .w-log { width:25%}

.wm-menu { width:7%;} .wm-logo { width:87%} .wm-src { width:4%}
.bs-logom { height:25px;}

.row1-14 { max-height:19px; overflow:hidden;}
.row1-16 { max-height:21px; overflow:hidden;}
.row1-17 { max-height:22px; overflow:hidden;}
.row1-18 { max-height:25px; overflow:hidden;}
.row2-14 { max-height:38px; overflow:hidden;}
.row3-14 { max-height:47px; overflow:hidden;}
.row1-13 { max-height:19px; overflow:hidden;}
.row2-13 { max-height:38px; overflow:hidden;}

/* bar-scroller */
.bor-t-menubar { border-top:1px solid #333; padding-top:8px;}
.bar-scroller {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.bar-scroller::-webkit-scrollbar  {  display: none;}
/*.bar-scroller::-moz-scrollbar { display:none}*/
.bar-scroller nav a { color:#FFF; font-size:14px; padding:0 10px;}
@media only screen and (max-width: 850px) {
  .add-h30 {
    height:27px;
  }
}


 .listbut-shr {
    width: 500px;
    float: left;
    margin-left: 10px;
}
.listbut-shr ul {
    padding-left: 0;
    margin-left: 0;
    list-style: none;
    margin-top: 5px;
}
.listbut-shr ul li {
    padding-left: 0;
    margin-left: 0;
    list-style: none;
    display: inline-block;
}
.ktk-shr {
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
}

#off_menu {}
#off_menu:hover .pos_mobile { display:block;}
.pos_mobile {position:fixed; left:-2px; width:300px; background-color:/*#005d96*/#171717; top:0; display:none; text-align:left; z-index:8;
        border-right:0px solid #eee; padding-left:10px; padding-right:10px; height:100%;overflow-y: scroll;overflow-x: hidden;}
.menu-mobile  {font-size:14px;}
.menu-mobile ul { list-style:none; padding-left:0; margin-left:0; }
.menu-mobile ul li { list-style:none; padding:5px 0; border-bottom:1px solid #3F3F3F}
.menu-mobile ul li a { color:#FFF; text-decoration:none;}
.menu-mobile ul li a:hover { color:#F90;}

.arrowsbread ol { margin-left:-10px; padding-left:0px;}
.arrowsbread {width:95% }
.arrowsbread li {display: inline-block;line-height: 10px;margin: 0 9px 0 -10px;padding: 0 20px;position: relative;}
.arrowsbread li::before,.arrowsbread li::after {
border-right: 1px solid #666666;content: '';display: block;height: 50%;position: absolute;left: 0;
right: 0;top: 0;z-index: -1;transform: skewX(45deg);   }
.arrowsbread li::after {bottom: 0;top: auto;transform: skewX(-45deg);}
.arrowsbread li:last-of-type::before, .arrowsbread li:last-of-type::after { display: none; }
.arrowsbread li a { font: bold 13px;  text-decoration: none;}
.arrowsbread li:nth-of-type(1) a { color: hsl(0, 0%, 70%); padding-left:0; margin-left:0; } 
.arrowsbread li:nth-of-type(2) a { color: hsl(0, 0%, 65%); } 
.arrowsbread li:nth-of-type(3) a { color: hsl(0, 0%, 50%); } 
.arrowsbread li:nth-of-type(4) a { color: hsl(0, 0%, 45%); } 		
		
.sec_kiri {width:785px; float:left; margin-right:15px;}	
.sec_kanan {width:300px; float:left;}
.title-head { color:#171717; font-size:30pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; 
letter-spacing:-1px;line-height:31px; padding-bottom:15px;}
.title-head-klein { color:#171717; font-size:20pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; 
letter-spacing:-1px;line-height:21px; padding-bottom:15px;}
.title-head-kanan { color:#171717; font-size:17pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; 
letter-spacing:-1px;line-height:20px; padding-bottom:15px;}
.tbs-men { margin-top:10px;}.tbs-men li { margin-right:5px;}.tbs-men li a { font-size:14px;}
.contain-sec,.sec-pane { position:relative;}

.legend_5 ul { list-style:none; margin:10px 0;}
.legend_5 ul li {display:inline-block; margin-top:8px;}
.pos-drop { position:absolute; right:10px; top:-50px; height:32px; font-size:13px; width:90px;}
.pos-drop2 { position:absolute; right:10px; top:0px; width:90px; width:100px;}
@media only screen and (max-width: 849px ) { 
.just_hm { height:37px;}
}
.srch {height:30px; border:0; background-color: #666; width: calc(80% - 10px); margin-left:10px;}
.btn-srch {height:30px; background-color:#F90; border:0;}

.sl_nb {  width:60%; float:left;}
.sl_npk { width:20%; float:left; text-align:center;}

.tmpt_name { width:36%} .tmpt_nilai { width:25%} .tmpt_unilai { width:16%} .tmpt_pnilai { width:16%;} .tmpt_jam { width:7%;}
.co_blue {color:#36a2eb}
.co_re { color:#ff5d80;}
.co_ge  { color:#38ae0a;}
.tb_tr_head { background-color:#ffffff; border-bottom:1px solid #fff; border-top:1px solid #666; padding:7px 10px !important; 
display:flex; flex-wrap: nowrap;}
.tb_tr { background-color:#eff0f0; border-bottom:1px solid #fff; padding:6px 10px !important; display:flex; flex-wrap: nowrap;}
.tb_tr2 { background-color:#ffffff; border-bottom:1px solid #fff; padding:6px 10px !important; display:flex; flex-wrap: nowrap;}
.co_jm1 { color:#d1d5d5;}
.co_jm2 { color:#565757;}
.tmpt_mtuang { width:50%;}.tmpt_kjualbeli{ width:25%;}
.title_frank { font-family: "FranklinGothic-Heavy"; font-size:26px; text-transform:uppercase;}
.wdt_perusahaan {width: calc(43% - 10px);} .wdt_jenis {width: calc(25% - 10px);} .wdt_nabreturn {width:16%;}
.wrn_atas { color:#807f7f; text-transform:uppercase; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.wrn_tbal { font-family: "FranklinGothic-Heavy"; font-size:23px; color:#171717; margin-top:-1px; line-height:28px;}

/* listquote-footer */
.listquote-footer {  position:fixed; bottom:0; z-index:15; background-color: #000 ; width:100%; height:40px; 
padding:5px 0 0 5px; color:#FFF; font-size:14px;}
.sec_kiriquote {
    width: 30%;
    float: left;
	margin-right: 15px;
	padding-top:10px
}
.sec_kananquote {
	width: calc(70% - 15px);
    float: left;    
}
.lusquote-ticker ul { margin-left:0; padding:10px 0; }
.lusquote-ticker ul li { display: inline; padding:10px 0; border-left: 1px solid #333;
border-right: 1px solid #333; margin-left:-5px;}
.lusquote-ticker ul li a { color:#FFF; padding:10px;font-weight: bold;}
.lusquote-ticker ul li a span{padding-left: 10px;}
.lusquote-ticker ul li a:hover {color:#FFF; background-color:#999;  padding:10px;} 
.pushup { height:40px;}
.icon_close {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 16;
    display: block;
	color:#FFF;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
	cursor:pointer;
    background-color: #666; }
.rotate{
    -moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    transition: all 1s linear;
}


.rotate.down{
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}	

/* carousel list Quote Footer */
.top-to-bottom .carousel-inner {margin-top:-5px}

.carousel.top-to-bottom .carousel-item  {
   -webkit-transition: 0.6s ease-in-out top;
   -moz-transition: 0.6s ease-in-out top;
   -ms-transition: 0.6s ease-in-out top;
   -o-transition: 0.6s ease-in-out top;
   transition: 0.6s ease-in-out top;
}

.carousel.top-to-bottom .active {
   top: 0;
}
.carousel.top-to-bottom .next {
   top: 400px;
}

.carousel.top-to-bottom .prev {
   top: -400px;
}
.carousel.top-to-bottom .carousel-item  {
   left: 0;
}
.pad-clear { padding:0 !important; margin:0;}
.carousel-inner {}
@media screen and (max-width: 1100px) {
.m-h15 { margin-left:15px;}
}

@media screen and (max-width: 980px) {
.listquote-footer { height:70px;font-size:13px;padding:5px 0 0 0;}	
.sec_kananquote {
	width: calc(100% - 30px);
    float: left;
	padding:0 15px;
	font-size:13px;  
	text-align:center; 
}
.sec_kiriquote {
    width: 100%;
	text-align:center;
	background-color:#333;
	padding: 5px 0;
	font-size:12px; 
	margin-top:0px;
}
.lusquote-ticker ul  {margin-top:1px;}
.pushup { height:70px;}
.lusquote-ticker ul li a {padding:9px 5px;}
.lusquote-ticker ul li a:hover { padding:9px 5px;}

}
@media screen and (max-width: 640px) {
/*.listquote-footer {display:none;}.pushup { height:0px;}
.icon_close {display:none;}*/
}
@media screen and (max-width: 600px) {
.lusquote-ticker ul li:nth-child(5) { display:none;}
}
@media screen and (max-width: 480px) {
.lusquote-ticker ul li:nth-child(4),.lusquote-ticker ul li:nth-child(5) { display:none;}
}
@media screen and (max-width: 400px) {
.lusquote-ticker ul li:nth-child(3),.lusquote-ticker ul li:nth-child(4),.lusquote-ticker ul li:nth-child(5) { display:none;}
}

/* Quote start */
.s-quote { padding:5px 10px; border-radius: 0 20px 20px 0; border:1px solid #ddd; margin-bottom:15px;
width:80%;display: flex;}
.s-quote input { border:none; font-family:'OpenSans-Regular',sans-serif; color:#ddd; width: calc(100% - 30px); font-size:14px}
.block-info { margin-bottom: 15px;}
.block-info .ptinfo { width: calc(65% - 30px); float: left;}
.block-info .scrore { width:37%; padding: 15px; background:#eaeaea; float: left;}
.block-info .ptinfo .namept { font-family:"Arial", sans-serif; font-size:26px;color:#171717; font-weight: bolder; letter-spacing: -1px;}
.block-info .ptinfo .fo2 {font-family:"Arial", sans-serif; font-size:15px;color:#171717; margin-bottom: 15px; }
.block-info .ptinfo .inf-wrap { font-size: 14px; font-family:'OpenSans-Regular',sans-serif; color:"#171717" }
.block-info .ptinfo .inf-wrap .linfo { width: calc(50% - 10px); float: left;}
.block-info .ptinfo .inf-wrap .rinfo { width: 50%; float: left;}

.head-slotquote {color:#171717; font-size:17pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; 
letter-spacing:-1px;line-height:20px; padding-bottom:15px;}


.block-info .scrore .score-main { font-family: "Arial",sans-serif; font-weight: bold; font-size: 48px; color:#171717; letter-spacing: -1px;}
.block-info .scrore .score-change { font-family: "Arial",sans-serif; font-weight: bold; font-size: 18px; margin-top: -10px;}
.block-info .scrore .atclose {font-family: "Arial",sans-serif; font-weight:normal; font-size: 14px; margin-top: 15px;}

.block-summary { margin-bottom:15px;}
.block-summary .ldata { width: calc(35% - 15px); float: left; margin-right: 15px;}
.block-summary .rgraph { width: 65%; float: left;}

.ukuran-graph {width: 98%; height: 250px;}
.ukuran-rgraph {display: block; width: 98%; height: 250px;}

.bor-custom-tab {  width: 98%; border-top:1px solid #ddd ;border-bottom:1px solid #ddd ; background-color :rgba(0,0,0,.05);}
.bor-custom-tab .active { background-color: black; color: #FFf !important;}
.bor-custom-tab .nav-link { color:#171717;}

#HistoricContent { width: 98%;}

.q-market-news { padding-bottom: 20px; padding-top: 15px; border-bottom: 1px solid #ddd;  width: 98%; }
.q-market-news  img {width: 30%; height: 160px;object-fit: cover; float: left;}
.q-market-news  .con-news { width: calc(70% - 15px); margin-left: 15px; float: left;}
.q-market-news  .con-news .rub { font-family:'OpenSans-Regular',sans-serif; font-size: 14px;}
.q-market-news  .con-news .title-n a { font-family:'OpenSans-Regular',sans-serif; font-size: 22px; 
  color:#171717; line-height: 29px; font-weight: bold;}
.q-market-news  .con-news .title-n a:hover { color:#ff9900;}
.q-market-news  .con-news .info { font-size: 14; color:#999; line-height: 19px; height: 40px; overflow: hidden; margin-top: 12px;}

@media only screen and (max-width: 999px ) { 
  .block-info .scrore .score-main { font-size: 40px; }
  .block-info .ptinfo { width:100%; float: left;}
  .block-info .scrore { width:100%; padding: 15px; background:#eaeaea; float: left; margin-top: 10px;}
  

}

@media only screen and (min-width: 849px)  and (max-width: 950px ) {

  .block-summary .ldata { width: 100%; float: left; margin-right: 0px;}
  .block-summary .rgraph { width: 100%; float: left;}  

  .ukuran-graph {width: 98%; height: 250px;}
.ukuran-rgraph {display: block; width: 98%; height: 250px !important;}

} 

@media only screen  and (max-width: 640px ) {
.block-info .scrore .score-main { font-size: 48px; } 
.block-info .ptinfo .inf-wrap .linfo { width: 100%; float: left;}
.block-info .ptinfo .inf-wrap .rinfo { width: 100%; float: left; margin-top: 15px;}
.block-summary .ldata { width: 100%; float: left; margin-right: 0px;}
.block-summary .rgraph { width: 100%; float: left;}

.ukuran-graph {width: 98%; height: 220px; padding-bottom: 40px;}
.ukuran-rgraph {display: block; width: 98%; height: 220px !important;}
.q-market-news .rub { display: none !important;}
.q-market-news .high-7 { display: none !important;}
.q-market-news  img {width: 30% !important; height:auto;object-fit: cover; float: left;}
.q-market-news  .con-news { width: calc(70% - 10px); margin-left: 10px; float: left;margin-top:-4px !important;}
.q-market-news  .con-news .info { display: none;}
.q-market-news .con-news .title-n a { font-size: 15px; line-height: 20px;}
}


/* Quote end */

@media only screen and (max-width: 1016px ) { 
.ar-hide { display:none !important;}
}

@media only screen and (max-width: 420px ) { 
.hide400 { display:none !important;}
}

@media only screen and (max-width: 580px ) { 
.hide580 { display:none !important;}
}

.w-dt-pic { width:120px;}
.tabel-head {display: -webkit-flex; /* Safari */display: flex; border-bottom:1px solid #ddd; border-top:1px solid #dedede; padding:7px 0;}
.kol-head-1 { width: calc(50% - 20px); margin-left:10px; margin-right:10px; text-align:center} 
.kol-head-2 { width: calc(50% - 20px); margin-left:10px; margin-right:10px; text-align:center}
.tabel-body {display: -webkit-flex; /* Safari */display: flex; padding:5px 0;} 
.tabel-body:nth-child(even) {display: -webkit-flex; /* Safari */display: flex;background-color: #f2f2f2;}
.kol-konten-1 { width: calc(50% - 20px); margin-left:10px; margin-right:10px; text-align:center} 
.kol-konten-2 { width: calc(50% - 20px); margin-left:10px; margin-right:10px; text-align:center}
.baris-scroll { width:100%; height:500px; overflow-x: hidden;overflow-y: scroll; margin-bottom:30px;}
.box-kurs-bi { float:left; margin-right: 8px;}

.kol-head2-1  { width: calc(24% - 20px); margin-left:10px; margin-right:10px; text-align:left}
.kol-head2-2,.kol-head2-3,.kol-head2-4 { width: calc(23.5% - 20px); margin-left:10px; margin-right:10px; text-align:right} 
.kol-konten2-1 { width: calc(24% - 20px); margin-left:10px; margin-right:10px; text-align:left}
.kol-konten2-2,.kol-konten2-3,.kol-konten2-4 { width: calc(24% - 20px); margin-left:10px; margin-right:10px; text-align:right}
@media only screen and (max-width: 1099px ) { 
.kol-head2-2,.kol-head2-3,.kol-head2-4 { width: calc(24% - 20px); margin-left:10px; margin-right:10px; text-align:right}
}
.kol-head3-1  { width: calc(33% - 20px); margin-left:10px; margin-right:10px; text-align:left}
.kol-head3-2,.kol-head3-3{ width: calc(33% - 20px); margin-left:10px; margin-right:10px; text-align:center} 
.kol-konten3-1 { width: calc(33% - 20px); margin-left:10px; margin-right:10px; text-align:left;}
.kol-konten3-2,.kol-konten3-3{ width: calc(33% - 20px); margin-left:10px; margin-right:10px; text-align:center;}

.kol-pil4{width: calc(25% - 10px); float:left; margin-right:10px !important; margin-bottom:10px;}
.kol-pil4:nth-child(2) {margin-right:0px;} .btn-w-pil4 { width:100px !important;}

.wrap_bfleft-2 {width: calc(50% - 10px); margin-right:10px; float:left; }
.wrap_bright-2 {width: calc(50% - 10px); margin-left:10px;float:left; }

.high-rel { overflow-y: auto; overflow-x: hidden;display:block !important;}
.high-rel::-webkit-scrollbar  {width: 5px;background-color: #F5F5F5;}
.high-rel::-moz-scrollbar  {width: 5px;background-color: #F5F5F5;}
.high-rel::-webkit-scrollbar-thumb  {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #c1c2c3;}
.high-rel::-moz-scrollbar-thumb  {border-radius: 10px;-moz-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #c1c2c3;}
.high-rel > tr { width:100%; display:block; }
.high-rel > tr > td { padding:10px 0 !important;}

.list-rutin {}
.list-rutin ul { list-style-type:none; display:block; margin-left:0; padding-left:0;}
.list-rutin ul li { padding:15px ; background-color:#f0f0f0; border-bottom:1px solid #fff; color: #666;}
.list-rutin ul li:hover { background-color:#171717; color:#1facfe;}
.list-rutin ul li a { text-decoration:none; color:inherit;}

.blck-emas { height:145px; margin-bottom:2px; background-image:url(../images/bg-emas.jpg); 
background-position:right top; background-repeat:no-repeat; padding: 10px 20px 15px 15px; display:block;}
.sepa-logam { width:55%; height:4px; border-top: 1px solid #000; margin-bottom:10px;}
.fl-lg { width:55%;display: -webkit-flex; /* Safari */display: flex; margin-bottom:5px; }
.bl-lgl { width:50%;  text-align:left;}
.bl-lgr { width:50%; text-align:right;}
.blck-silver { height:145px; margin-bottom:2px; background-image:url(../images/bg-silver.jpg); 
background-position:right top; background-repeat:no-repeat; padding: 10px 20px 15px 15px; display:block;}
.doki { font-size:24px;}

.k_indeks_l_h {width: calc(25% - 10px); margin:5px; padding:10px; color:#FFF; 
min-height:120px; border:1px solid #eee; border-radius:5px;float:left;}
.k_indeks_l_h > .name {font-size:14px; font-weight:bold; text-transform:uppercase;}
.k_indeks_l_h > .value { font-size:22px; margin:7px 0; text-align:right;}
.k_indeks_l_h > .c-p-l { font-size:14px; margin-top:5px; float:left; text-align:left;}
.k_indeks_l_h > .c-p-r { font-size:14px; margin-top:5px; float:right; text-align:right;}
.bg_gr { background: linear-gradient(0deg, rgba(10,140,7,1) 0%, rgba(51,156,10,1) 35%, rgba(30,219,13,1) 100%);}
.bg_rd { background: linear-gradient(0deg, rgba(140,7,7,1) 0%, rgba(187,13,22,1) 35%, rgba(219,13,13,1) 100%);}
.bg_yl {background: linear-gradient(0deg, rgba(190,123,14,1) 0%, rgba(221,173,11,1) 35%, rgba(209,207,7,1) 100%);}
.k_quote_i {width: calc(85% - 10px); float:left; margin-right:10px;}
.k_quote_b { width:15%; float:left;}

.but-lsttop { padding:12px 15px; background-color:#171717; color:#FFF;
text-align:center; font-size:13px; margin:0px 5px; border-radius:5px}
.but-lsttop:nth-child(1) { margin-left:0px;}
.but-lsttop:hover { background-color:#999; color:#FFF;}
.but-lsttop.active { background-color:#999;}

.blk-nav { width:410px; margin:auto; text-align:center;}

.fk-h { font-size:22px;}
.w-hr { width:50%;}
.tm-close { position:absolute; right:10px; top:12px;}

/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-accordion-menu {
  width: 100%;
  max-width: 600px;
  box-sizing: none;
  padding-left:0;
  margin-left:0;
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
  padding-left:0;
  margin-left:0;
  -webkit-padding-start: 0px !important;
  list-style-type:none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left:0;
  margin-left:0;
  list-style-type:none;
  border-bottom: 1px solid  #4f4d4d/*#306aa6*//*#ddd*/;
  min-height:32px;
  margin-top:5px;
  font-weight:bold;
  color:#FFF;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position: relative;
  display: block;
  padding-top:5px; padding-bottom:5px;
  font-size: 14px;
  color:#FFF;
}
.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {
  background: #52565d;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after {
  background-image: url("../images/cd-icons.svg");
  background-repeat: no-repeat;
  right:0px;
  color:#FFF;
  
}

.cd-accordion-menu a::after {
  /* image icon */
  right: 0px;
  /*background: url("../images/cd-icons.svg") no-repeat -48px 0;*/
}

.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  padding-left: 20px;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  background: #3c3f45;
  color:#FFF;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  right: 0px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  right: 0px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left: 40px;
  font-weight:normal;
  color:#FFF;
}
.cd-accordion-menu ul ul label::before {
  right: 0px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  right: 0px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left: 20px;
}
.cd-accordion-menu ul ul ul label::before {
  right: 20px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  right: 60px;
}
@media only screen and (min-width: 600px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    font-size: 14px;
	  color:#FFF;
  }
  .cd-accordion-menu label::before {
    right: 20px;
  }
  .cd-accordion-menu label::after {
    right: 20px;
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left: 20px;
  }
  .cd-accordion-menu ul label::before {
    right: 20px;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    right: 20px;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left: 40px;
  }
  .cd-accordion-menu ul ul label::before {
    right: 40px;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    right: 40px;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left: 60px;
  }
  .cd-accordion-menu ul ul ul label::before {
    right: 60px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    right: 60px;
  }
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

/*tambahan baru */
.table td, .table th {padding: 5px;}
.bg-orange { background-color:#FC0}
.pad-tb-0 { padding-top:0px !important; padding-bottom:0px !important;}

ul.dropdown-box-premium-user {
	    width: 150px;
	    height: auto;
	    position: absolute;
	    list-style: none;
	    top: 50px;
		right:0px;
	    background-color: #171717;
	    color: #fff;
	    padding: 18px;
	    z-index: 10;
	    font-family: calibri;
	}
	ul.dropdown-box-premium-user-mobile {
        width: 150px;
	    height: auto;
	    /* position: relative; */
	    list-style: none;
	    top: 52px;
	    background-color: #171717;
	    color: #fff;
	    padding-left: 0px;
	    z-index: 10;
	    font-family: calibri;
	    margin-bottom: -27px
  }
  
.listbut-shr {
    width: 100%;
    float: left;
    margin-left: 10px;
}

.listbut-shr ul {
  padding-left: 0;
  margin-left: 0px;
  list-style: none;
  margin-top: 5px;
}

.listbut-shr ul li {
  list-style: none;
  display: inline-block;
}

.listbut-shr ul li a {
  color: #fff;
}

.ktk-shr {
  text-align: center;
  padding: 5px 9px;
  border-radius: 3px;
}

.bg-color-fb {
  background-color: #1c61a6;
}
.bg-color-tw {
  background-color: #02cafb;
}

.bg-color-wa {
  background-color: #3cb92d;
}
.bg-color-linkedin {
  background-color: #0072b1;
}

.bg-color-copi {
  background-color: #fb6703;
}

.bg-color-indeks {
  background-color: #53b9e9;
}

.ktk-shr-indeks {
  width: 150px;
  text-align: center;
  padding: 5px;
  border-radius: 3px;
  background: #53b9e9;
}

 .related-quote ul { list-style:none; padding-left:0; margin-left:0;}
 .related-quote ul li {padding:7px 0; float:left; border-bottom:1px #ddd solid; }
 .related-quote ul li:nth-child(odd){width: calc(50% - 15px); margin-right:15px; }
 .related-quote ul li:nth-child(even) {width: calc(50% - 0px); margin-right:0px;}
 @media only screen and (max-width: 600px) {
  .related-quote ul li:nth-child(even) {width: 100%; margin-right:0px;}
  .related-quote ul li:nth-child(odd){width: 100%; margin-right:0px; }
}



/*reponsive mode */
@media only screen and (max-width: 359px ) { 
.wrap-content { width: 100% !important;}
.header-desktop { display:none !important;}
.header-mobile { display:block !important;}
.list-lr { margin-left:10px !important; margin-right:10px !important;}
.arrowsbread { margin-top:10px;}
.sec_kiri,.sec_kanan {width:94%;margin-left:10px; margin-right:10px;}
.arrowsbread { margin-right:0px; margin-left:10px; font-size:13px; line-height:23px;}
.tbs-men li a { font-size:13px;} .tbs-men { margin-top:10px; overflow:hidden;}
.arrowsbread li {display: inline-block;line-height: 10px;margin: 0 5px 0 -15px;padding: 0 20px;position: relative;}
.sm-hide { display:none;}
.pos-drop { position: relative; height:32px; font-size:13px; width:100%; top:-13px; left:1px;}
.title-head { font-size:24pt; line-height:30px;}

.wrn_atas {font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.wdt_perusahaan {width: calc(65% - 10px);}
.wrn_tbal {  font-size:14px; line-height:16px;}
.w-dt-pic { width:70px;}
.kol-pil4{width: calc(100% - 20px); float: none; margin-left:10px; margin-right:10px; margin-bottom:10px;}
.btn-w-pil4 { width:100% !important; padding-left:0px; padding-right:0px;}
.wrap_bfleft-2 , .wrap_bright-2 {width: calc(100% - 2px); margin:0 auto;float:none;  margin-bottom:10px; }
.doki {display:none;}

.k_indeks_l_h {width: calc(50% - 10px); margin:5px; padding:10px; color:#FFF; 
min-height:120px; border:1px solid #eee; border-radius:5px;float:left;}
.k_indeks_l_h > .value { font-size:20px;}
.but-lsttop { background-color:#171717; color:#FFF; padding:5px 5px;
text-align:center; font-size:11px; margin:0px 5px; border-radius:5px;}
.blk-nav { width:100%; margin:auto; text-align:center;}
.w-hr { width:100%;}
}
@media only screen and (min-width: 360px)  and (max-width: 420px ) {
.wrap-content { width: 100% !important;}
.header-desktop { display:none !important;}
.header-mobile { display:block !important;}
.list-lr { margin-left:10px !important; margin-right:10px !important;}
.arrowsbread { margin-top:10px;  font-size:13px; line-height:23px;}
.sec_kiri,.sec_kanan {width:95%;margin-left:10px; margin-right:10px;}
.arrowsbread { margin-right:0px; margin-left:10px;}
.sm-hide { display:none;}
.pos-drop { position: relative; height:32px; font-size:13px; width:100%; top:-13px; left:1px;}
.title-head { font-size:24pt; line-height:30px;}

.wrn_atas {font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.wrn_tbal {  font-size:14px; line-height:16px;}
.wdt_perusahaan {width: calc(65% - 10px);}
.w-dt-pic { width:70px;}
.kol-pil4{width: calc(100% - 20px); float: none; margin-left:10px; margin-right:10px;}
.btn-w-pil4 { width:100% !important; padding-left:0px; padding-right:0px;}
.wrap_bfleft-2 , .wrap_bright-2 {width: calc(100% - 2px); margin:0 auto;float:none;  margin-bottom:10px; }

.k_indeks_l_h {width: calc(50% - 10px); margin:5px; padding:10px; color:#FFF; 
min-height:120px; border:1px solid #eee; border-radius:5px;float:left;}

.but-lsttop { background-color:#171717; color:#FFF; padding:5px 5px;
text-align:center; font-size:12px; margin:0px 5px; border-radius:5px;}
.blk-nav { width:310px; margin:auto; text-align:center;}
.w-hr { width:100%;}
}
@media only screen and (min-width: 421px)  and (max-width: 480px ) {
.wrap-content { width: 100% !important;}
.header-desktop { display:none !important;}
.header-mobile { display:block !important;}
.list-lr { margin-left:10px !important; margin-right:10px !important;}
.arrowsbread { margin-top:10px; font-size:13px; line-height:23px;}
.sec_kiri,.sec_kanan {width:95.5%;margin-left:10px; margin-right:10px;}	
.arrowsbread { margin-right:0px; margin-left:10px;}
.tbs-men li a { font-size:13px;} 
.pos-drop { position: relative; height:32px; font-size:13px; width:100%; top:-13px; left:1px;}
.title-head { font-size:25pt; line-height:30px;}

.wrn_atas {font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.wrn_tbal {  font-size:14px; line-height:16px;}
.w-dt-pic { width:70px;}
.kol-pil4{width: calc(100% - 20px); float: none; margin-left:10px; margin-right:10px;}
.btn-w-pil4 { width:100% !important; padding-left:0px; padding-right:0px;}
.wrap_bfleft-2 , .wrap_bright-2 {width: calc(100% - 2px); margin:0 auto;float:none;  margin-bottom:10px; }

.k_indeks_l_h {width: calc(50% - 10px); margin:5px; padding:10px; color:#FFF; 
min-height:120px; border:1px solid #eee; border-radius:5px;float:left;}

.fk-h { font-size:15px;}
}
@media only screen and (min-width: 481px)  and (max-width: 553px ) {
.pos-drop { position: relative; height:32px; font-size:13px; width:100%; top:-13px; left:1px;}	
}
@media only screen and (min-width: 481px)  and (max-width: 640px ) {
.wrap-content { width: 100% !important;}
.header-desktop { display:none !important;}
.header-mobile { display:block !important;}
.list-lr { margin-left:10px !important; margin-right:10px !important;}
.arrowsbread { margin-top:10px; font-size:13px; line-height:23px;}
.sec_kiri,.sec_kanan {width:97%;margin-left:10px; margin-right:10px;}
.arrowsbread { margin-right:0px; margin-left:10px;} 

.wrn_atas {font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.wrn_tbal {  font-size:18px; line-height:20px;}
.w-dt-pic { width:70px;}
.kol-pil4{width: calc(100% - 20px); float: none; margin-left:10px; margin-right:10px;}
.btn-w-pil4 { width:100% !important; padding-left:0px; padding-right:0px;}
.wrap_bfleft-2 , .wrap_bright-2 {width: calc(100% - 2px); margin:0 auto;float:none;  margin-bottom:10px; }

.k_indeks_l_h {width: calc(50% - 10px); margin:5px; padding:10px; color:#FFF; 
min-height:120px; border:1px solid #eee; border-radius:5px;float:left;}
.fk-h { font-size:16px;}

}
@media only screen and (min-width: 641px)  and (max-width: 768px ) {
.wrap-content { width: 100% !important;}
.header-desktop { display:none !important;}
.header-mobile { display:block !important;}
.list-lr { margin-left:10px !important; margin-right:10px !important;}
.arrowsbread { margin-top:10px;}
.sec_kiri,.sec_kanan {width:97%;margin-left:10px; margin-right:10px;}
.arrowsbread { margin-right:0px; margin-left:10px;}

.wrn_atas {font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.wrn_tbal {  font-size:18px; line-height:20px;}
.w-dt-pic { width:70px;}
.kol-pil4{width: calc(100% - 20px); float: none; margin-left:10px; margin-right:10px;}
.btn-w-pil4 { width:100% !important; padding-left:0px; padding-right:0px;}
.doki {display:none;}

.k_indeks_l_h > .value { font-size:16px;}
.k_indeks_l_h > .name {font-size:12px;}
.k_indeks_l_h > .c-p-l { font-size:13px;}
.k_indeks_l_h > .c-p-r { font-size:13px;}
}
@media only screen and (min-width: 769px)  and (max-width: 849px ) {
.wrap-content { width: 100% !important;}
.header-desktop { display:none !important;}
.header-mobile { display:block !important;}
.list-lr { margin-left:10px !important; margin-right:10px !important;}
.arrowsbread { margin-top:10px;}
.sec_kiri,.sec_kanan {width:97%;margin-left:10px; margin-right:10px;}
.arrowsbread { margin-right:0px; margin-left:10px;}
.w-dt-pic { width:70px;}
.btn-w-pil4 { width:100% !important; padding-left:0px; padding-right:0px;}
}
@media only screen and (min-width: 850px)  and (max-width: 900px ) {
.wrap-content { width: 100% !important;}
.header-mobile { display:none !important;}
.bs-logo { width:195px; margin-left:10px;}
.blk-srch {padding-right: 25px;}
.menu-desktop ul li { width:117px !important; text-align:center;}
.menu-desktop ul li:nth-child(1) { width:25px !important; margin-left:15px; }
.sec_kiri {width:60.8%;margin-right:15px; margin-left:10px;}	
.sec_kanan {width:35%;margin-right:10px;}
.arrowsbread { margin-right:0px; margin-left:10px;}
.w-log { width:24%;margin-right:13px;}
.wrn_atas {font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.wrn_tbal {  font-size:18px; line-height:28px;}
.doki {display:none;}

.k_indeks_l_h > .value { font-size:14px;}
.k_indeks_l_h > .name {font-size:12px;}
.k_indeks_l_h > .c-p-l { font-size:12px;}
.k_indeks_l_h > .c-p-r { font-size:12px;}
}
@media only screen and (min-width: 901px)  and (max-width: 999px ) {
.wrap-content { width: 100% !important;}
.header-mobile { display:none !important;}
.bs-logo { width:210px;margin-left:10px;}
.menu-desktop ul li { width:126px !important; text-align:center;}
.menu-desktop ul li:nth-child(1) { width:30px !important; margin-left:10px; }
.sec_kiri {width:62.3%;margin-right:15px; margin-left:10px;}	
.sec_kanan {width:33.8%;margin-right:10px;}
.arrowsbread { margin-right:0px; margin-left:10px;}
.w-log { width:24%;margin-right:13px;}
.doki {display:none;}

.k_indeks_l_h > .value { font-size:15px;}
.k_indeks_l_h > .name {font-size:13px;}
.k_indeks_l_h > .c-p-l { font-size:13px;}
.k_indeks_l_h > .c-p-r { font-size:13px;}
}
@media only screen and (min-width: 1000px)  and (max-width: 1099px ) {
.wrap-content { width: 100% !important;}
.header-mobile { display:none !important;}
.bs-logo { width:215px;margin-left:10px;}
.menu-desktop ul li { width:145px !important; text-align:center;}
.menu-desktop ul li:nth-child(1) { width:30px !important; margin-left:15px; }
.sec_kiri {width:67%;margin-right:15px; margin-left:10px;}	
.sec_kanan {width:29.5%;margin-right:10px;}
.arrowsbread { margin-right:0px; margin-left:10px;}
.w-log { width:24%;margin-right:13px;}
.doki {display:none;}
.k_indeks_l_h > .value { font-size:20px; margin:7px 0; text-align:right;}
.k_indeks_l_h > .name {font-size:13px;}
.k_indeks_l_h > .c-p-l { font-size:13px;}
.k_indeks_l_h > .c-p-r { font-size:13px;}
}
/*
@media only screen and (min-width: 1100px)  and (max-width: 1199px ) {
.wrap-content { width: 100% !important;}
}
*/