/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

a.tm-logo-small div.textlogo {
    margin-top: -35px;
}
a.tm-logo-small div.textlogo {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 100%;
    padding: 0;
}

/* universal - resize width */
@media screen and (min-width:1280px) {
  .tm-container{width: 1120px;}
  .uk-container { max-width: 100%; }
} 

/* logo smaller gap */
.tm-logo {height: 75px; margin-top:13px; }


/*heading font size */
h1 { font-size: 28px; line-height: 36px; }
h2 { font-size: 26px; line-height: 34px; font-weight: bold; } }
h3 { font-size: 24px; line-height: 32px; }
h4 { font-size: 22px; line-height: 30px; font-weight: bold; }
h5 { font-size: 20px; line-height: 28px; text-decoration: underline; }
p  { font-size: 18px; line-height: 26px;}
li { font-size: 18px; line-height: 24px; margin-bottom: 0;}
em { color: #666666!important; }
/*p, hr, dl, blockquote, pre, fieldset, figure {  margin: 10px 0 !important; }*/
strong{font-weight:600}
.uk-panel p  { font-size: 16px; line-height: 20px;}

.wk-slideshow .caption, .wk-slideshow .caption a{border:none;}
.tm-socialbuttons {}
.fb-like .fb_iframe_widget{padding-top:-10px;}
#___plusone_0, #twitter-widget-0{padding-top:10px;}
/* ========================================================================
   RECOLORING
 ========================================================================== */

/* white block page */
body{ 
	font-size: 16px;
  	line-height: 24px;
  	color: #555555;
  	/*background: #f4f4ed  ;*/ 
  	background: #f4f4ed  ;
}

/* used for titik panas index table */
table.fireindex tr, td {
  border: 1px solid #999999;
	font-size: 14px;
  	line-height: 18px;
  padding: 4px;
  text-align: left;
  vertical-align: top;
}
#projectmap td {
  border: 1px solid #999999;
	font-size: 9px;
  	line-height: 14px;
  padding: 2px;
  text-align: left;
  vertical-align: top;
}




/* remove top-block border and drop shadow */
.tm-top-block {box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.06), 0 0px 0px rgba(0, 0, 0, 0);}

.tm-container {
	background: #fff; padding:20px; margin-top:1px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06);
}
/**/

/* remove block drop shadows */
/*
.tm-grid-block, .tm-block-bottom, .uk-article, .tm-noblog .tm-content, .tm-middle > [class*='tm-sidebar-'] > .uk-panel {
	box-shadow: none;
}*/


/* ======================================================================== */
/* default (red #dc5537) to redd's green #139647*/
/* ======================================================================== */

::-moz-selection{ background: #139647; }
::selection{ background: #139647; }
.uk-nav-search > li.uk-active > a,
.uk-navbar-nav > li.uk-active > a,
.uk-subnav-pill > li.uk-active > a,
.uk-pagination > .uk-active > span,
.uk-button-primary,
.uk-icon-button:active,
.uk-badge,
.uk-progress-bar,
.uk-tooltip,
.uk-panel-box-primary,
.tm-article .tm-article-date-true .tm-article-date
	{background: #139647; }
.uk-button-primary:hover,
.uk-button-primary:focus {
  background-color: #BFCF43;}
.uk-comment-primary .uk-comment-header {border: 2px solid #139647;}
.uk-tooltip:after {border: 5px dashed #139647;}
.uk-tooltip-bottom-right:after {border-bottom-color: #139647;}
.uk-tooltip-left:after {border-left-color: #139647;}
.uk-tooltip-right:after {border-right-color: #139647;}
a,
.uk-link,
.uk-panel-header .uk-panel-title,
.uk-comment-primary .uk-comment-title,
.uk-nav-side ul a,
.uk-nav-navbar ul a,
.uk-nav-search ul a,
.uk-navbar-nav > li > a:active,
.uk-navbar-content > a:not([class]),
.uk-subnav > li > a,
.uk-tab > li > a,
.uk-tab > li > a:focus,
.uk-tab > li.uk-open > a,
.uk-button-link,
.uk-panel-header .uk-panel-title,
.uk-comment-primary .uk-comment-title,
.uk-nav-dropdown ul a,
.uk-nav-navbar ul a,
.uk-nav-search ul a,
.uk-navbar-content > a:not([class])
	{color: #107C39;}
a:hover,
.uk-link:hover,
.uk-nav-side ul a:hover,
.uk-nav-navbar ul a:hover,
.uk-nav-search ul a:hover,
.uk-navbar-nav > li > a:hover,
.uk-subnav > li > a:hover,
.uk-subnav > li > a:hover,
.uk-tab > li > a:hover,
.uk-tab > li > a:hover,
.uk-tab > li.uk-open > a:hover,
.uk-nav-dropdown ul a:hover,
.uk-nav-navbar ul a:hover,
.uk-nav-search ul a:hover
	{color: #BFCF43;}
.uk-panel-box-primary {color: #F4F4ED;}
.uk-overlay-area {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: none repeat scroll 0% 0% rgba(19, 150, 71, 0.8);
    opacity: 0;
    transition: opacity 0.15s linear 0s;
}
.uk-progress-danger .uk-progress-bar {
    background-color: #BFCF43;
    background-image: linear-gradient(to bottom, #BFCF43, #BFCF43);
}
.uk-progress-success .uk-progress-bar {
    background-color: #D6A12D;
    background-image: linear-gradient(to bottom, #D6A12D, #D6A12D);
}

/* ========================================================================
   navbar */

/*
.uk-navbar{background: none; border-bottom:1px solid #efefef;border-top:1px solid #efefef;}
.uk-navbar-nav{background: none;}
.uk-navbar-nav li a{color:#333;}


.uk-navbar-nav > li:hover > a, 
.uk-navbar-nav > li > a:focus, 
.uk-navbar-nav > li.uk-open > a {
    background-color: #efefef;
    color: #119447;
    outline: medium none;
    position: relative;
    z-index: 1;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1) inset;
  	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
}
*/
.uk-dropdown-navbar{margin-top:0px;color:#119447}

/* ========================================================================
   home editorial */
.home-editorial{min-height:430px; background:#F9FFFB;}
.home-editorial h3{color:#fff; background: #0F6939; padding:10px 15px; margin-bottom:10px;}
.home-editorial ul{list-style:none; margin:0; padding:0}
.home-editorial ul li{padding: 0px 15px 10px;  }
.home-editorial ul li h5{margin:0;}
.home-editorial ul li p{margin:5px 0 0 0;border-bottom:1px solid #dedede;padding-bottom:10px; }
.home-editorial ul li img{padding: 3px; background: #fff; float: left; border: 1px solid #efefef; width: 30%; margin: 5px 10px 5px 0}
/* ========================================================================
   home jadwal */
/*.home-jadwal{min-height:430px;background: #FCDD99;}*/
.home-jadwal{min-height:430px; background:#F9FFFB;}
.home-jadwal h3{color:#fff; background: #D6A12D; padding:10px 15px; margin-bottom:10px;}
.home-jadwal .info {margin:0;font-size:13px;}
.home-jadwal .judul{margin:0;  border-bottom: 1px solid #F7CF79; padding-bottom:10px;}
.home-jadwal .judul a{color:#C69325}
.home-jadwal ul{list-style:none; margin:0; padding:0; color:#825901}
.home-jadwal ul li{padding: 0px 15px 10px; }
.home-jadwal-isi .bottom{mar4in:0 auto; padding:0 20px;}

/* ========================================================================
   home publikasi */
.home-publikasi{min-height:430px;background:#F9FCE3;}
.home-publikasi h3{color:#fff; background: #BFCF43; padding:10px 15px; margin-bottom:10px;}
.home-publikasi ul{list-style:none; margin:0; padding:0; color:#09562D}
.home-publikasi ul li{padding: 5px 15px 15px; }
.home-publikasi ul li .sampul {float:left;width:30%; }
.home-publikasi ul li .sampul img {padding: 3px; background: #fff; float: left; ; width: 30%;!important ; width:100% ; border: 1px solid red;}
.home-publikasi ul li .info {float:right; width: 70%;} 
.home-publikasi ul li .info .judul{font-size:16px;line-height:120%;}
.home-publikasi ul li .info .desc{font-size:12px;line-height:110%;}
.home-publikasi ul li .info .desc strong{font-weight:400;}


/* ========================================================================
   home slider caption */


/* .tm-top-a{margin-top:0;} */

.wk-slideshow .caption
a{color:#fff}.wk-slideshow .caption
a{text-decoration:underline}.wk-slideset{visibility:hidden}.wk-slideset
.sets{overflow:hidden}.wk-slideset .set,
.wk-slideset
.nav{list-style:none;margin:0;padding:0}.wk-slideset
.set{display:none;position:relative;text-align:center;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.wk-slideset .set:first-child{display:block}.wk-slideset .set>li{position:absolute}.wk-slideset .nav
span{display:block;cursor:pointer}.wk-slideset .next,
.wk-slideset
/*.prev{position:absolute;z-index:5;cursor:pointer}.wk-accordion
.toggler{margin:0;cursor:pointer}.wk-map*/
img{max-width:none}.wk-accordion,.wk-map{max-width:100%}@media (max-width: 767px){.wk-slideshow.caption{font-size:10px;line-height:14px}}
.wk-slideshow .caption {
  	z-index: 1;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: 	url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNzIlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
/* background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.65) 72%, rgba(0,0,0,0.9) 96%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(72%,rgba(0,0,0,0.65)), color-stop(96%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
/* background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 72%,rgba(0,0,0,0.9) 96%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
/* background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 72%,rgba(0,0,0,0.9) 96%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
/* background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 72%,rgba(0,0,0,0.9) 96%,rgba(0,0,0,0.9) 100%); /* IE10+ */
/* background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 72%,rgba(0,0,0,0.9) 96%,rgba(0,0,0,0.9) 100%); /* W3C */
background: rgba(0,0,0,0.5) !important; /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-8 */
<!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;

background: #CCC;
filter:alpha(opacity=60); /* IE */
-moz-opacity:0.6; /* Mozilla */
opacity: 0.6; /* CSS3 */
}
  </style>
<![endif]-->
 }


.wk-slideshow .caption .wrapper { position:relative; height:100%;width:85%; }
.wk-slideshow .caption .content { position:absolute; bottom:0; width:100%; }
.wk-slideshow .caption .heading {color:#ffffff; font-size:3em; line-height:100%; font-weight:bold; padding-top:10%;  margin-left:40px; margin-bottom:10px; width: 100%; -webkit-text-stroke: 2px black !important; -moz-text-stroke: 2px black !important; text-stroke: 2px black !important; }
.wk-slideshow .caption .parag {color:yellow; font-size:1.3em; line-height:130%;  margin-left:40px; margin-bottom:10px; width:100%; }
.wk-slideshow .caption a.uk-button{margin:5px 0 20px 40px ;font-size:1em;} 


@media screen and (max-width:600px) {
.wk-slideshow .caption {
    height:55%;}
.wk-slideshow .caption .wrapper { position:relative; height:100%;width:70%;  margin-bottom:20px;}
.wk-slideshow .caption .heading {font-size:1.8em; margin-left:10px;margin-bottom:5px;}
.wk-slideshow .caption .parag {color:#ffffff; font-size:1em; line-height:130%;  margin-left:10px; margin-bottom:5px; width:100%;}
/*.wk-slideshow .caption a.uk-button{margin:5px 0 10px 40px ;font-size:1em;} */


  .wk-slideshow .caption a.uk-button{margin:5px 0 10px 10px ;font-size:1em;} 
.wk-slideshow .parag { display: none;}
  
}



.wk-slideshow-default ul.nav {
  	text-align: right; 
  	display: block;
    float: right;  
    z-index: 3;
    position: absolute; /*newly added*/
    right: 2%; /*newly added*/
    bottom: 2%;/*newly added*/
}

.wk-slideshow .nav {
    list-style: none outside none;
    margin: 0px;
    padding: 0px; 
 
}

/* ========================================================================
    headline */


.uk-text-muted {
  color: #999999 !important; 
}
.tm-main-top h2{font-weight: 300; font-size:28px;}
.tm-main-top p{ margin-top:0}
.tm-main-top .uk-text-muted{font-size:12px;}

.home-sosnet a.uk-icon-button{
  background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);color: #fff;}
.home-sosnet a.uk-icon-button:hover,
.home-sosnet a.uk-icon-button:focus {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);}
.top-sosnet a.uk-icon-button{
   -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 2px;
  line-height: 35px;
  font-size: 18px;
  text-align: center;
  border: 0;
  background-image: none;
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);}
.top-sosnet a.uk-icon-button:hover,
.top-sosnet a.uk-icon-button:focus {
   -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 2px;
  line-height: 35px;
  font-size: 18px;
  text-align: center;
  border: 0;
  background-image: none;
  background-color: #119447;
  color: #fff}


/*== sosmed share di artikel === */
/*
.itp-sb-left{padding-top:100px;}
.itp-sb-right{padding-top:100px;}
.itp-sb-center{padding-top:100px;}
*/

/* Viar 23 - Sept - 2014


/*============================================================================ THE LEGACY START HERE
=====================================================================================================

/* Start of UMUM custom style *

/* style for BERITA plugins */

.f-col-block { margin-bottom: 12px; margin-top: 0px; width: 100% }
.f-col-block:before, .f-col-block:after{ content: ""; display: table; }
.f-col-block:after { clear: both;}
.f-col-left, .f-col-right { float: left; }
.f-col-left { width: 120px; margin-right: 10px; }
.f-col-right { width: 70%; border-left: 1px solid #666666;}
.f-col-left p, .f-col-right p { font-size: 11px; line-height: 14px; margin: 0px; }
.f-col-left img { width: 120px; border: 1px solid #999999; }
.berita_active { background-color: #F0F0F0; border-radius: 4px;}
div.f-col-right > ul > li { padding-left: 3px; }
.projectmap-title {
       color: #333333;
       font-size: 14px;
       font-weight: normal;
       margin-top: 0;
  	   margin-bottom: 10px;
       text-rendering: optimizelegibility;
       }
.projectmap-caption {
       color: #333333;
       font-size: 12px;
  	   font-style: italic;
       text-rendering: optimizelegibility;
       }
.metabox h3 { margin-top: 10px;}
.metabox { padding-top: 0px;}


/* TRIAL - NOT YET COPIED TO OTHER SITE 12/12/2013 - custom menu for menulist*/
.menulist .current {color: #237488;}
.menulist .level1 {font-size: 100%; margin-top: 10px; margin-bottom: 5px; }
.menulist .level2 li {list-style-type:disc; margin-left: 19px;} 

/* TRIAL - NEW NOT YET COPIED TO OTHER SITE 12/12/2013 - custom width for Yootheme*/
.width20 { width: 20%}
.width80 { width: 80%}
.padding2 td { padding: 2px!important;}
.paddingbottom10 { padding-bottom: 10px;}
.zebra tr {vertical-align: top;}

/* Reduce left margin in Footnote plugin 
#notes li { margin: 1em 0 0 0px; } */

/* Format style of H3, H4 in metabox */
.meta-h3 { margin-top: 0px; color: #277C92; }
.meta-h4 { margin-top: 0px; color: #277C92; }

/* No padding for accordian content */
.wk-accordion-default .content { padding: 0px 0px 12px 0px; }

/* Reduce the default font for search input */
.searchbox input { font-size: 12px; } 

/* Enables all images to be responsive */
#img { width: 100%; height: auto; }

/* Required for Google Maps */
.gm-style img { max-width: none; }
.gm-style label { width: auto; display: inline; }




/* Style for Meta Search */
.col-block { margin-bottom: 12px; margin-top: 0px; }
.col-block:before, .col-block:after{ content: ""; display: table; }
.col-block:after { clear: both;}
.col-left, .col-right { float: left; }
.col-left { width: 92px; }
.col-right { width: 82%; }
.col-left p, .col-right p { font-size: 11px; line-height: 14px; margin: 0px; }
.col-left .metathumb { width: 80px; border: 1px solid #999999; }




.menu-sidebar li.level1, .menu-sidebar li.level2, .menu-sidebar li.level3, .menu-sidebar li.level4 { margin-bottom: 0px!important; }

/* Standard paragraph caption css */
.caption { margin-top: 0px; margin-bottom: 0px; font-size: 80%; }
/* Portal Menu module */
.portal { background-color: #f9f9f9; }
/* Intro Menu module */
.intro_module { border: none; padding: 0px; margin: 0px 0px 12px 15px; background-color: transparent; }
/* Badan REDD+ module */
.innertop_module { background-color: yellow; }

/* Standard box css */
.metabox { border-collapse: collapse; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px 3px 3px 3px; box-shadow: none; margin-bottom: 12px; padding: 12px; background-color: #ecf1f2; color: #333333; min-width: 92px; }
.metabox em { color: #333333!important; }

.metabox.resmi { background-color: #f5f8ee; }   /* light pastal green #ebf1de*/
.metabox.umum { background-color: #f8f8f8; }    /* light pastal gray #f2f2f2 */
.metabox.legal { background-color: #edf6f9; }   /* light pastal blue #dbeef4 */
.metabox.intl { background-color: #eaf1dc; }
.metabox.nasional { background-color: #ecf1f2; }
.metabox.daerah { background-color: #efedd4; }
.metabox.white { background-color: #ffffff; }
.metabox.fiskal { background-color: #f3faf0; }
.metabox.graphic { background-color: #ffffff; }
.metabox.mini { background-color: #ffffff; }

.metabox.white .figcaption { margin-top:20px; font-size:8px; line-height: 12px; color:#666;}


/* Standard table css */
table.matriks { border-collapse: collapse; width: 100%; }
table.matriks tr, table.matriks td, table.matriks th {
   border: 1px solid rgba(0, 0, 0, 0.1);
   border-radius: 3px 3px 3px 3px;
   vertical-align: top;
   font-size: 12px;
   line-height: 16px;
   padding: 4px;
   text-align: left;
   }
table.matriks th {
   background-color: #ecf1f2;
   font-weight: bold; }

/* Matriks with no border*/
table.noborder tr, table.noborder td, table.noborder th { border: none!important; }

/* Matriks for accordian*/
table.accordian th, table.accordian td { font-size: 11px; padding: 2px; background-color: transparent; }

/* Standard metatable css */
table.metatable { border-collapse: collapse; width: 100%; }
table.metatable tr, table.metatable td, table.metatable th {
   border: 1px solid rgba(0, 0, 0, 0.1);
   border-radius: 3px 3px 3px 3px;
   vertical-align: top;
   font-size: 12px;
   line-height: 16px;
   padding: 4px;
   text-align: left;
   }
table.metatable th {
   background-color: #ecf1f2;
   text-weight: bold; }

/* Modifications to Widgetkits */
.module .module-title { margin: 0 0 0px; }
/*.wk-accordion-default .toggler { font-size: 12px; }*/
.wk-slideshow-revista-articles > div .next, .wk-slideshow-revista-articles > div .prev { background-image: url("../../../reddplus/images/language.png"); background-repeat: no-repeat; top: -15px; }

/* Modifications to Subway-list Widgetkit */
.freddi .wk-slideshow-subway-list .nav { background-color: #32A6C3; }
.wk-slideshow-subway-list .nav li { text-align: center; font-size: 11px; }
.wk-slideshow-subway-list .slides > li, .wk-slideshow-subway-list .slides > article { background: none repeat scroll 0 0 #ffffff; color: #666666; }

/* Custom settings Badan Website */
/* PRISAI-Standard table for Quick Reference in the Sidebar */

table.quickref { width: 100%; font-size: 12px; line-height: 16px; padding: 4px; }
.quickref .title_sidebar { background-color: #ecf1f2; color: #333333; border: none!important; vertical-align: middle!important; padding: 4px;}
.quickref .content_sidebar { background-color: #ecf1f2; color: #333333; text-align: right; width: 44px; border: none!important; padding: 4px;}
.quickref button.small { border: 1px solid #ccc; background-color: #f2f2f2; margin: 2px 0px 2px 2px; padding: 0px 4px 0px 4px; text-align: center; color: #333333; display: inline; }
.quickref button.small.nonactive {
  background-color: #f2f2f2!important;
  border: 1px solid #ccc!important;
  color: #ccc!important;
  display: inline;
  cursor:default!important;
  }
.quickref .button.small:hover, .button.small:focus {
  border: 1px solid #7fc6c9;
  background-color: #e3f7f8;
  color: #5a8c8e;
  display: inline;
  }
.quickref .button.small:active {
  border: 1px solid #7fc6c9;
  background-color: #ffffff;
  color: #5a8c8e;
  display: inline;
  }



/*galery foto list thumbnail */
/* .fotolist {  float: left;  border: 1px solid #ccc;  margin: 0px 12px 8px 0px;  padding: 3px;  width: 150px; } */

/*Standard image thumbnail */
/* .intro-image { float: left; border: 1px solid #cccccc; width: 100px; margin-right: 12px; margin-bottom: 1px; margin-top: 3px; } */

/*Standard image thumbnail */
/* .video-image { float: left; border: 1px solid #cccccc; width: 135px; margin-right: 12px; margin-bottom: 1px; margin-top: 3px; } */

/* New Badge */
.module .badge-in:empty { display: block; }
.module .badge-in { background-image: url("../../../reddplus/images/system/module_badges_in.png"); }
.module .badge-baru { background-position: 0 -135px; }
.module .badge-in { background-repeat: no-repeat; height: 41px; right: -10px; top: -10px; width: 41px; }
.module .badge-in { position: absolute; z-index: 1; }
.module .badge-in { background-color: rgba(0, 0, 0, 0); border-radius: 0; color: inherit; font: inherit; padding: 0; text-shadow: none; vertical-align: baseline; }
.badge-in { white-space: nowrap; }

/* fixing foto */
/*
.foto #page-bg #block-main #main #maininner #content #system h2 { font-size: 16px; line-height: 18px; color: #277c92; margin-top: 0px;}
.foto h1 { font-size: 16px; line-height: 18px; color: #277c92; margin-top: 0px;}
.foto { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.foto #page-bg #block-main #main #maininner #content #system img { border: 1px solid #cccccc; }
*/

/* fixing video */
/*
.video #page-bg #block-main #main #maininner #content #system h2 { font-size: 16px; line-height: 18px; color: #277c92; margin-top: 0px;}
.video h1 { font-size: 16px; line-height: 18px; color: #277c92; margin-top: 0px;}
.video #page-bg #block-main #main #maininner #content #system img { border: 1px solid #000000; }
*/

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*icons*/
.flag_id, .flag_en {
  width: 14px;
  height: 15px;
  background-image: url("../../../reddplus/images/system/language.png");
  background-repeat: no-repeat;
  float: left;
  border: 0px;
  background-color: #ffffff;
}  
.flag_id { top: -15px; }
.flag_en { background-position: 0 -60px; right: 0; }

/* fixing judul di berita */
/*
.berita h1  a { font-size: 14px; line-height: 16px; font-weight: bold; }
.berita #page-bg #block-main #main #maininner #content #system .grid-box a .size-auto { border: 1px solid #cccccc; float: left; width: 142px; max-width: 100%; height: auto; margin-right: 10px; margin-bottom: 4px; margin-top: 8px; }

.fileViewer img { width: auto!important; }

.berita #page-bg #block-main #main #maininner #content #system .size-auto { border: 1px solid #cccccc; float: left; width: 300px; max-width: 100%; height: auto; margin-right: 10px; margin-bottom: 4px; margin-top: 4px; }

.datelist { margin-bottom: 5px; margin-top: 5px; }
.berita #system .item > header { margin-bottom: 0px; }
.berita #system .content p { margin-top: 5px; }

*/

.darimedia .tm-article-featured-image { margin-left: 0px; float: left; margin-right: 30px; margin-top: 8px; }
.darimedia .tm-article-content { float: left; width: 75%; }



.uk-accordion-title {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    cursor: pointer;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 10px 20px 5px;
}

.wk-accordion-default .toggler {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  	color:#000;
    border: 0;
    border-image: none;
    border-style: none none solid none;
    border-width: 0 0 1px 0;
    border-color:#139647;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none ;
    margin-bottom: 5px;
    padding: 7px;
    text-shadow: none;
}

/* Header Slideshow = Andrey */

.wk-slideshow .caption {
    height:100%;
  }
  .wk-slideshow { overflow: hidden; }
}

p.box-img { padding 3px; background-color: #99ccff; }
p.box-img img { padding 3px; }

.tm-main-top .cop21 { background: transparent url('http://ditjenppi.menlhk.go.id/reddplus/images/ribbon.png') top right no-repeat !important; }
.tags-dir .uk-article-meta {display: none;}