body {
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	line-height:22px;
	background-color:#fff;
}	

.wikiperkim-logo {
	margin:0;
	padding:0;
	color:#2b74ba;
	font-size:38px;
}	

.wikiperkim-grey-box {
	background-color:#f3f3f5;
	border-top:solid 1px #888;
	padding:10px;
	font-size:12px;
	letter-spacing:-0.4px;
}

.wikinav a {
	display:block;
	line-height:17px;
	margin-bottom:5px;
}
.wikinav a:hover {
	color:#000;
}

.wikiperkim-grey-box ul{
	padding:10px 0px;
	list-style:none;
}

.wikiperkim-grey-box ul li{
	padding:10px 20px;
	border-bottom:solid 1px #ccc;
	font-size:14px;
}

.wikiperkim-grey-box ul li:before {
  content: "\f152"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

.wikiperkim-grey-box h3 {
	margin:0;
	padding:0;
	padding-bottom:3px;
	margin-bottom:3px;
	border-bottom:solid 1px #777;
}


.wikiperkim-blue-box {
	background-color:#2f75ba;
	border-top:solid 1px #888;
	padding:10px;
	color:#fff;
}

.wikiperkim-blue-box a{
	color:#fff;
}

.wikiperkim-blue-box a:hover{
	color:#fff;
}

.wikiperkim-blue-box ul{
	padding:10px 0px;
	list-style:none;
}

.wikiperkim-blue-box ul li{
	padding:5px 10px;
	font-size:14px;
}

.wikiperkim-purple-box {
	background-color:#f3f3f5;
	border-top:solid 1px #888;
	padding:10px;
}

.wiki_cat_home a{
	background:#92a5d0;
	display:block;
	border-top:solid 1px #000;
	padding:15px;
	font-size:18px;
	color:#fff;
	line-height:20px;
	text-decoration:none;
}

.wiki_cat_home span {
	display:inline-block;
	width:30px;
	height:30px;
	margin-right:10px;
	padding:5px;
	text-align:center;
	font-size:18px;
	background:#fff;
	border-radius:40px;
	color:#3575b9;
}	
	
.wiki_cat_home :hover,
.wiki_cat_home a:hover {
	text-decoration:none;
	color:#fff;
	background-color:#7a8ebc;
}	


.wiki-content-list {
	font-size:13px;
	margin-top:15px;
	margin-bottom:15px;
}	

.wiki-table-content {
	padding:15px;
	margin-top:20px;
	margin-bottom:10px;
	background-color:#eee;
	border:solid 1px #ccc;
	border-radius:5px;
	font-size:13px;
}	

.wiki-table-content h2 {
	font-size:17px;
	font-weight:bold;
	margin-bottom:8px;
}	

.wiki-table-content ol {
  	counter-reset: section;                /* Creates a new instance of the section counter with each ol element */
  	list-style-type: none;
	margin-left:-30px;
}

.wiki-table-content li:before {
  	counter-increment: section;            /* Increments only this instance of the section counter */
	content: counters(section, ".") ". ";   /* Adds the value of all instances of the section counter separated by a ".". */
}

.wiki-content {
	padding-top:10px;
	margin-top:20px;
}	

.wiki-content .col-md-6 img{
	width:100%;
	height:auto;
}	


.wiki-content h1{
	font-size:26px;
	font-weight:bold;
	font-family:"Times New Roman";
	border-bottom:solid 1px #ddd;
	margin-bottom:10px;
	padding:15px 0px;
}

.wiki-content h2{
	font-size:19px;
	font-weight:bold;
	margin-top:10px;
}

.wiki-content h3{
	font-size:16px;
	font-weight:bold;
}

.wiki-content h4{
	font-size:13px;
	font-weight:bold;
}

.wiki-content h5{
	font-size:10px;
	font-weight:bold;
}

.wiki-collapse {
	cursor:pointer;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}

.wiki-collapse:hover {
	text-decoration:none;
}

	

.wiki-collapse h1 {
	font-size:22px;
	line-height:30px;
	font-weight:normal;
}

.wiki-collapse h1:before {
	font-family: "FontAwesome";
   	content: "\f105";
   	display: block;
   	float:right;
 	margin-top:0px;
   	padding:0px 10px;
   	vertical-align: middle;
   	color:#333;
	font-size:20px;
}


.wiki-collapse h2 {
	font-size:17px;
	line-height:25px;
	font-weight:normal;
	margin-bottom:20px;
}

.wiki-collapse h2:before {
	font-family: "FontAwesome";
   	content: "\f105";
   	display: block;
   	float:right;
 	margin-top:0px;
   	padding:0px 10px;
   	vertical-align: middle;
   	color:#333;
	font-size:17px;
}

.wiki-content .collapse {
	padding:0;
	margin:0;
}

.collapse-content {
	padding:5px 10px 25px 10px;
}	

.wiki-accordion {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 12px 0px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  padding-right:50px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .wiki-accordion:hover {
	color:#2f75ba;
	background-color:#fcfcfc;
}

.wiki-accordion-close:before {
   font-family: "FontAwesome";
   content: "\f067";
   display: block;
   float:right;
   margin-right:-30px;
 	margin-top:0;
   padding:5px 10px;
   vertical-align: middle;
   color:#333;
   font-weight: 900;
}

.wiki-accordion-open:before {
   font-family: "FontAwesome";
   content: "\f068";
   display: inline-block;
   padding:5px 10px;
   margin-left: -35px;
   vertical-align: middle;
   background-color:#2f75ba;
   color:#fff;
   font-weight: 900;
}

/* Style the accordion panel. Note: hidden by default */
.wiki-accordion-panel {
  padding: 0;
  background-color: none;
  border-bottom:dotted 1px #aaa;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.wiki-accordion-panel-content {
	padding:15px 35px;
}	

.giant-font {
	font-size:55px;
	padding:15px 0px;
}	










.pagination {
	margin:0;
}	

.pagination li a,
.pagination li a:hover{
	border-color:#bbb;
}	

.header {
	padding-top:10px;
	padding-bottom:10px;
	background-color:#fff;
}

a {color: #000; }
a:hover {color:#003366;}

img {
	max-width:100%;
	height:auto;
}	

table {
	width:100%;
	max-width:100%;
}	

h1,h2,h3,h4,h5,h6 {
	font-family:'Open Sans', sans-serif;
	line-height:normal;
}

h1 {
	font-size:26px;
	margin-top:0px;
}	

h2 {
	font-size:22px;
}	

h3 {
	font-size:16px;
	line-height:22px;
}	



.g-recaptcha {
	display:inline-block;
}	

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.top-nav {
	background-color:#fcfcfc; /*13236c*/
	color:#888;
	border-bottom:solid 1px #eee;
	font-size:13px;
}

.top-nav-menu {
	display:inline-block;
	padding:10px 15px;
	margin:0;
	border-left:solid 1px #eee; /*273fac*/
}
.top-nav-menu-latest {
	border-right:solid 1px #eee;
}

.top-nav .hide-on-mobile {
	padding:0px;
}	

.top-nav i {
	margin-right:5px;
	color:#000;
}	

.top-nav a{
	color:#777;
}	

#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
	/*text-transform:uppercase;*/
	font-family: 'Open Sans',sans-serif;
	font-weight:bold;
    background-color: #fff;
    border-width: 0px;
    border-radius: 0px;
	padding:0px;
	transition: all 0.3s ease;
	margin-bottom:10px;
	border-top:solid 2px #000;
	border-bottom:solid 1px #000;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: #333;
    background-color: none;
	padding:14px 13px;
	border:none;
	border-radius:0;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: #000;
	background-color:#ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: #000;
	font-weight:bold;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #2f1d7b;
	margin-top:20px;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #eee;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #2f1d7b;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #2f1d7b;
}

#custom-bootstrap-menu.navbar-default .dropdown-menu {
  background-color: #fff;
  border-top:solid 3px #000;
  margin-top:0px;
  padding-top:0;
  padding-bottom:0;
  text-transform:none;
}
#custom-bootstrap-menu.navbar-default .dropdown-menu > li > a {
  color: #555;
  border-bottom:solid 1px #eee;
  padding:8px 15px;
}
#custom-bootstrap-menu.navbar-default .dropdown-menu > li > a:hover,
#custom-bootstrap-menu.navbar-default .dropdown-menu>li>a:focus {
  background-color: #eee;
  color: #333;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>.dropdown>a:hover .caret {
  border-bottom-color: #486972;

}


#custom-bootstrap-menu.navbar-default .navbar-database {
  background-color:#3268a5;
}

#custom-bootstrap-menu.navbar-default .navbar-database>li>a  {
  color:white;
  padding:14px 18px;
}

#custom-bootstrap-menu.navbar-default .navbar-database>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-database>li>a:focus {
  color:white;
  background-color:#3268a5;
}



@media (min-width: 992px) {
	#custom-bootstrap-menu.navbar-default .navbar-collapse {
		margin-left:0;
		padding-left:0;
	}	
}


@media (max-width: 992px) {
	.hide-on-mobile {
		display:none!important
	}
	
  .top-nav-menu {
	border:none; 
  }
  .top-nav-menu-latest {
	border:none; 
  }		

  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  
  #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
  #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
  #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
		border:none;
		border-radius:0;
	}
  
  #custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
  	  border:none;
  }
}


.db-nav {
	text-align:right;
}	

.db-nav span{
	display:inline-block;
	padding:25px 8px 25px 4px;
}	

.search-nav {
	padding-top:20px;
}	
/*
.text-grey {
	color:#999999;
}
*/
.section-title {
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	border-bottom:solid 1px #ccc;
	padding-bottom:10px;
	color:#154c78;
}	

.latest-row {
	margin-bottom:10px;
	border-bottom:solid 1px #ccc;
	padding-bottom:10px;
}	

.latest-row h3{
	margin-bottom:0;
	font-weight:bold;
}

.latest-row .col-xs-4 {
	margin-right:0;
	padding-right:0;
}	

.latest-row .col-xs-4 img {
	margin-top:9px;
}	

.section-box {
	padding:15px 0px;
	margin:15px 0px;
}


.section-box-blue{
	border-top:solid 2px #3268a5;
}


.section-box-green{
	border-top:solid 2px #68b92e;
}


.section-box-brown{
	border-top:solid 2px #895e26;
}


.btn-social {
	font-size:30px;
	padding:3px;
}


.footer {
	background-color:#f6f6f6;
	border-top:solid 1px #eee;
	margin-top:50px;
	padding:35px 0px;
	font-size:13px;
	line-height:20px;
}	

.footer ul {
	margin:0;
	padding:0;
}	

.footer ul li{
	list-style:none;
	margin-bottom:5px;
}	

.footer h2 {
	margin-bottom:15px;
}	

@media (max-width: 992px) {
	.xs-center {
		text-align:center;
	}	
	
	.db-nav {
		text-align:center;
		font-size:12px;
		clear:both;
	}	
	
	.db-nav span{
		display:inline-block;
		padding:10px 7px;
	}	
	
	.search-nav {
		padding-top:0px;
	}
}

/*=========================*/

.carousel {
    margin-bottom: 0;
    padding: 20px 40px 30px 40px;
}
/* The controlsy */
.carousel-control {
	left: -12px;
    height: 40px;
	width: 40px;
	padding-top:5px;
    background-color: none;
    background: none;
    margin-top: 160px;
	color:#4d4d4d;
	text-shadow:none;
	font-size:38px;
}

.carousel-control.right {
	right: -12px;
    background-color: none;
    background: none;
	color:#4d4d4d!important

}.carousel-control.left {
    background-color: none;
    background: none;
	color:#4d4d4d!important
}
/* The indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: -10px;
	margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
	background: none;
	color:#4d4d4d!important
}

.carousel-indicators .active {
	background: none;
}

/* ========================= */	














.margin-bottom-lg {
	margin-bottom:40px;
}	

.margin-bottom-md {
	margin-bottom:30px;
}	

.margin-bottom-sm {
	margin-bottom:20px;
}	

.margin-bottom-xs {
	margin-bottom:10px;
}	

.text-gold {
	color:#000;
}	


.btn-gold {
	background-color:#000;
	color:#fff;
}	

.pagination>li.active>a {
  background-color:#000;
  border:solid 1px #000;
  color: #fff;
}

@media (max-width: 768px) {
	.xs-text-left {
		text-align:left;
	}	
}

@media (min-width: 992px) {
	ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; }
}
.section-header {
	padding-top:20px;
	padding-bottom:30px;
}


.copyright {
	color:#222;
	background-color:#ccc;
	padding:15px;
}	

.page-header {
	margin:0px;
	padding:20px 0px 0px 0px;
	background-color:#f6f6f6;
	border-top:solid 2px #eee;
	border-bottom:solid 1px #eee;
	color:#111;
}

.page-header h1 {
	font-size:26px;
	display:inline-block;
	padding-bottom:30px;
	border-bottom:solid 3px #000;
	margin-bottom:0;
}	


.main-content {
	padding-top:50px;
}

.side-content {
	padding-top:30px;
}

.side-content >h1,h2,h3{
	padding-top:0;
	margin-top:0;
}		

.side-list {
	list-style:none;
	border:none;
	padding:0;
}

.side-list a:hover{
	text-decoration:none;
}

.side-list-item a{
	color:#222;
	border-bottom:dotted 1px #ccc;
	border-radius:3px;
	padding:10px;
	display:block;
}	

.side-list-item-active a {
	color:#fff;
}	

.side-list-item a:hover,
.side-list-item-active{
	background-color:#000;
	color:#fff;
	text-decoration:none;
}	

.elearning-search {
	margin-bottom:15px;
}

.content {
	min-height:400px;
}	

.breadcrumb {
	background:#fff;
	font-size:12px;
	border-bottom:solid 1px #ddd;
	padding-left:5px;
}	

.breadcrumb li {
	display:inline;
}	

.breadcrumb-item + .breadcrumb-item::before 
{
    font-family: 'fontAwesome';
    content: "\f0da" !important; 
}

label {
	font-weight:normal;
}

.panel ul, .panel ol {
	padding-left:25px;
}	

.nawasis-list li:before {
  	content: "\f0da"; /* FontAwesome Unicode */
  	font-family: FontAwesome;
  	display: inline-block;
  	width: 10px;
	height: 10px;
	margin-right: 5px;
}

.nawasis-list ul {
	padding-left:100px;
	margin-left:0;
}
	
.nawasis-list li {
	list-style:none;
	padding:8px 0px;
	border-bottom:solid 1px #ddd;
	margin-left:-35px;
}	

.nawasis-list li:a {
	display:block;
}	


.no-bullet-list ul {
	padding-left:100px;
	margin-left:0;
}
	
.no-bullet-list li {
	list-style:none;
	line-height:22px;
	padding:8px 0px;
	border-bottom:solid 1px #ddd;
	margin-left:-35px;
}	

.no-bullet-list li:a {
	display:inline;
}


.no-bullet-list a:hover {
	text-decoration:none;
}	

.side-list {
	padding:10px 0px;
}	

.side-list h3{
	margin-bottom:0px;
	padding-bottom:0px;
}	


.soal-elearning ol {
	padding-left:15px;
}	

.soal-elearning ol > li {
	margin-bottom:15px;
}

.soal-elearning ul {
	list-style:none;
	padding-left:15px;
	margin-top:5px;
}		

.memberonly:hover {
	cursor:pointer;	
}

.correct_answer {
	color:blue;
}	
.wrong_answer {
	color:red;
}	

.marquee {
	overflow:hidden;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	background-color:#f6f6f6;
	margin-bottom:15px;
	margin-top:-10px;
	padding:4px 0px;
}	

.side-section-title h2 {
	border-bottom:solid 5px #000;
	display:inline-block;
	margin-bottom:0;
	padding-bottom:8px;
}	

.sidelist-number {
	background-color:#3268a5;
	color:#fff;
	font-size:28px;
	font-weight:bold;
	padding:12px 5px;
	border:solid 1px #fff;
	text-align:center;
}	

.sidelist-title {
	background-color:#f2f2f2;
	font-size:12px;
	line-height:18px;
	padding:12px 8px;
	border:solid 1px #fff;
}

.sidelist-title:hover{
	background-color:#e9e9e9;
}	

.sidelist-title a{
	color:#333;
}	

.sidelist-title a:hover{
	color:#000;
	text-decoration:none;
}	

.sidelist-title h3{
	font-size:15px;
	line-height:22px;
	margin-bottom:7px;
	padding-bottom:0;
}	

.text-grey {
	color:#666;
}	

.readmore {
	/*text-align:right;*/
}	

.readmore a{
	border-top:solid 1px #3268a5;
	color:#3268a5;
	display:inline-block;
	padding-top:2px;
	font-size:13px;
}	

.readmore a:hover{
	color:#000;
	text-decoration:none;
}

.text-blue {
	color:#3268a5;
}

.img-wrapper {
	height:180px;
	overflow:hidden;
}	


/*===========================================================*/



.topbar {
	background-color: rgba(33, 146, 207, 1);
	padding:8px 0px;
	color:#fff;
}

.topbar a{
	color:#fff;
}

.title {
	margin:0;
	padding:0;
}	



#myMap { 
	width: 100%; 
	height: 500px;
	background:#fff;
	/*background: url(../img/bgmap.jpg) no-repeat center center; */
}

#map2 { 
	width: 100%; 
	height: 400px; 
}

.map-title {
	width:100%;
	padding:20px;
	color:#000;
	font-size:18px;
	text-align:center;
}

.map-title h1 {
	font-size:38px;
}	

.info { 
	padding: 6px 8px; 
	font: 14px/16px Arial, Helvetica, sans-serif;  
	background: white; 
	background: rgba(255,255,255,0.8); 
	box-shadow: 0 0 15px rgba(0,0,0,0.2); 
	border-radius: 5px; 
} 

.info h4 { 
	margin: 0 0 5px; 
	color: #777; 
}

.legend { 
	text-align: left; 
	line-height: 18px; 
	color: #555; 
	background: white; 
	background: rgba(255,255,255,0.8); 
	padding:10px; 
} 

.legend i { 
	width: 18px; 
	height: 18px; 
	float: left; 
	margin-right: 8px; 
	opacity: 0.7; 
}

h2 {
	margin:0;
	padding:0;
}

h3 {
	margin:0;
	margin-bottom:10px;
	padding:0;
}	

.thin-hr {
	margin:10px 0px;
}	

.data-select {
	width:170px!important
}	


.data-select-lg {
	width:210px!important
}	

.btn-margin {
	margin-top:15px;
}	

#example>tbody>tr:hover {
	background-color:#FFFF99!important
}

.tabs-left {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
}

.tabs-left>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}

.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  background-color:#eee;
  font-weight:bold;
}

.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
}

.panel-blue {
	border:solid 1px #bbb;
}	

.panel-blue .panel-heading{
	background:#3268a5;
	color:#fff;
}

.panel-blue .panel-heading:hover,
.panel-blue .panel-heading a:hover{
	color:#fff;
}

.panel-blue .panel-body{
	padding-bottom:0px;
}

.pagination a{
	color:#555!important
}

.pagination li a{
	border-color:#888!important
}	

.pagination .active,
.pagination .active a,
.pagination ul .active,
.pagination li .active{
	color:#ddd!important
}	

.box {
	border:solid 1px #bbb;
	padding:10px 15px;
	margin-bottom:5px;
	background-color:#fcfcfc;
}	

.box-sm {
	border:solid 1px #eee;
	padding:5px 10px;
	margin-bottom:5px;
	font-size:13px;
}

.box h3{
	padding:0;
	margin:0;
	margin-bottom:5px;
}

.box-pinned {
	background-color:#eee;
}		

.texteditor body {
	padding:10px;
}	

.discussion-list-info {
	font-size:13px;
	line-height:20px;
}	

.forum-post {
	border:solid 1px #bbb;
	margin-bottom:8px;
	padding:15px;
	font-size:14px;
}	


.forum-post .forum-post {
	margin-left:60px;
	margin-top:10px;
}

.first-post {
	border:solid 2px #888;
}	

.thread-starter {
	padding:10px;
	text-align:center;
	margin-right:0px;
}	

.photo-forum img{
}	

.post-info {
	border-bottom:solid 1px #ddd;
	font-size:12px;
	padding:3px 8px;
}

.post-date {
	color:#3268a5;
}	

.post-comment {
	padding:15px 0px;
}

.forum-first-post {

}

.user-photo-sm {
	width:40px;
	padding-top:2px;
	display:inline-block;
	float:left;
}	

.user-post-info {
	display:inline-block;
	height:40px;
	line-height:18px;
	font-size:13px;
	padding-left:5px;
}	

.post-action {
	background-color:#eee;
	padding:5px;
	font-size:13px;
}

.small-text {
	font-size:11px;
}	

.fa-xl {
	font-size:50px;
}	

.like:hover{
	cursor:pointer;
	color:#4dc247;
}	

.dislike:hover{
	cursor:pointer;
	color:red;
}	

.liked {
	color:#4dc247;
	font-weight:bold;
}	


.disliked {
	color:red;
	font-weight:bold;
}	

.page-title {
	margin-bottom:20px;
}	

.row-list{
	margin-bottom:30px;
}	

.row-list h2 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
}	

.content-info {
	font-size:12px;
	color:#555;
	margin-top:10px;
	margin-bottom:20px;
	line-height:20px;
}	

@media (max-width: 992px) {
	.content-info {
		padding:15px;
		border:solid 1px #ccc;
		background-color:#f8f8f8;
	
	}
}

.content-info div {
	margin-bottom:5px;
}	

.addthis_inline_share_toolbox_jlwt {
	margin-bottom:15px;
}

.content-detail h1{
	font-size:30px;
}	

/*
.content-detail img{
	width:100%;
	height:auto;
}	
*/	
	
.content-picture {
	margin-bottom:15px;
}	



.zoom {
  padding: 10px 5px;
  border:solid 1px #ccc;
  background-color:#fff;
  transition: transform .1s; /* Animation */
  width: 100%;
  height: 100%;
}

.zoom:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.topik {
	position:relative;
	display:block;
	margin-bottom:55px;
}	

.topik a{
	color:#eee;
}	

.topik a:hover{
	color:#fff;
	text-decoration:none;
}	

.topik_image {
	z-index:10;
	float:left;
}


.topik_text {
	margin-top:-150px;
	padding:20px;
	width:300px;
	border-radius:3px;
	background:rgba(0,0,0,0.6);
	color:#ccc;
	z-index:1000000;
	font-size:13px;
}

.topik_even .topik_image {
	margin-right:150px;
	height:100%;
}

.topik_even .topik_text {
	float:right;
}

.topik_odd .topik_image {
	margin-left:150px;
	height:100%;
}

.topik_odd .topik_text {
	float:left;
}

.topik_text h2 {
	font-size:16px;
	font-weight:bold;
}

.title_wrapper_h90 {
	/*max-height:90px;*/
	overflow:hidden;
}
.text_wrapper_h90 {
	max-height:90px;
	overflow:hidden;
}	


@media (max-width: 992px) {
	.topik_odd .topik_image,
	.topik_even .topik_image {
		margin:0;
		padding:0;
		height:auto;
	}
	
	.topik_image img {
		margin:0;
		padding:0;
	}
	
	.topik_odd .topik_text,
	.topik_even .topik_text {
		position:relative;
		width:100%;
		margin:0;
	}
}

.advanced_search {
	text-align:right;
	font-size:13px;
}