body {

	background: #fff !important;

}









 /*!

 *   GRAPH IFRAME

 * -------------------------

 */

 



.container-iframe {
  height: 420px;
  padding-top: 0;
  overflow: hidden;
}

.responsive-iframe {
  width: 100%;
  height: 100%;
}





 /*!

 *   EDITOR BOARD

 * -------------------------

 */

 

 

 

.heading{

	width: 100%;

	padding:10px;

	margin-top:20px;

	border-bottom: 1px solid #e3e9ef;

	color: #2bc784;

}





.card-editor{

	box-shadow: 0 0.3rem 1.525rem -0.375rem #d7e4ed;

	padding: 0;

	border-radius: 5px;

	transition: all 0.3s ease-in-out;

	width:100%;

	

}



/* Clear floats after the columns */

.row:after {

  content: "";

  display: table;

  clear: both;

}

.img {

	width:100%;

	height:200px;

	margin-top:7px;

	border-radius:5px;

	border: 1px solid #dddddd;

}









/* dinamis css */

	

.picture {

	float:left;

	padding:10px;

	width:20%;

	

	

}



.desc {

	float:left;

	padding:10px;

	width:80%

}





.caption{

	float:left;

	margin-right:20px;

	padding:5px;

	width:18%;

	border-top:0;

	font-weight:bold;

}



.contents{

	padding:5px;

	width:75%;

	border-top:0;

}





/* Container Scroll */

.custom-scroll {

    width: 100%;

    height: 4190px;

    padding: 10px;

    box-sizing: border-box;

    overflow-y: scroll;

    overflow-x: hidden;



    /* Efek kedalaman container */

    border-radius: 10px;

    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.08);



    /* Firefox */

    scrollbar-width: thin;

    scrollbar-color: #2bc78a #edf5f0;

}



/* Chrome, Edge, Safari */

.custom-scroll::-webkit-scrollbar {

    width: 10px;

}



/* Jalur scrollbar */

.custom-scroll::-webkit-scrollbar-track {

    background: #edf5f0;

    border-radius: 10px;

    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);

}



/* Batang scrollbar */

.custom-scroll::-webkit-scrollbar-thumb {

    background: #2bc78a;

    border-radius: 10px;

    border: 2px solid #edf5f0;

    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);

}



/* Hover */

.custom-scroll::-webkit-scrollbar-thumb:hover {

    background: #20a973;

}
