/*..........................................*/
	/*Materi*/
/*..........................................*/
.materi .pagination  li{
    display: none;
}

.materi  .pagination  li:last-child,.pagination  li:first-child{
    display: initial;
}

.materi .pagination  li:first-child> a:after,  .pagination  li:first-child> span:after {
  content: ' Sebelumnya '
}

.materi  .pagination  li:last-child>a:before,.pagination  li:last-child>span:before  {
  content: ' Berikutnya '
}

.materi  #my-player{
  width: 100%;
}


/*..........................................*/
  /*Task*/
/*..........................................*/
.video-js{
  width: 100%;
}
.wrapper-video{
  position: relative;
  margin-bottom: 1%;
}
.overlay-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0,0,0,.7);*/
  z-index: 2;
  .overlay-off & {
  z-index: 0;
  }
}
.vjs-big-play-centered .vjs-big-play-button {
  background: red;
  z-index: 999;
}

.btn-navigate{
  border: 1px solid #1782ce;
  padding: 5px 10px;
}

/*..........................................*/
	/*Task*/
/*..........................................*/

.list-tugas{
	list-style: none;
	padding: 0;
}

.list-tugas li{
	border-bottom: 1px solid #e0e0e04a;
	padding: 5px 0;
}

.list-tugas li:first-child{
	border-top: 1px solid #e0e0e04a;
}

.btn-validasi{
	border-radius: 0;
}

.box-title{
	font-weight: bold;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*..........................................*/
  /*Modul*/
/*..........................................*/
.product-list-in-box>.item {
padding: 0;
}
.product-list-in-box>.item .item-group{
/*padding: 0 5%;*/
}
.child-item{
padding:1% 0}

.child-item>ul{
list-style: none;
}

.child-item>ul li{
padding: 10px 0;
border-top: 1px solid #f4f4f4;
}

.child-item>ul li a{
/*padding: 0 5%;*/
}

.child-item>ul li a:before{
content: "\e072";
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0 5px;
}

.title-materi{
font-size: 16px;
font-weight: 500;
}

.noaktif{
  color:black;
}

.noaktif:hover,.noaktif:focus{
  color:black;
}

.product-description-custom p{
  display: inline-block;
  color:#999;
  text-align: justify;
  padding-left: 20px;
}


.btn-right{
  float: right;
}

.materi-title{
font-size: 18px;
}

.materi-title a{
color: black;
}

.product-list-in-box>.item  {
    padding: 1% 5%;
}

.child ul{
  list-style: none;
}

.custom .product-title:before {
/* symbol for "opening" panels */
font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
content: "\e114";    /* adjust as needed, taken from bootstrap.css */
float: left;        /* adjust as needed */
color: #333;
font-weight: 100;         /* adjust as needed */
margin-right: 5px;
}
.custom .product-title.collapsed:before {
/* symbol for "collapsed" panels */
content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.img-modul img{
  width: 100%;
}

.related-post-content { padding:10px 15px 15px; }
.related-product-title{
  font-weight: bold;
  padding: 0;
  font-size: 20px;
  color:#DF2B46;
  margin-top:10px;
  margin-bottom:10px;
}
.related-product-desc{
  color: #999;
  padding:0;
  margin-bottom:10px;
}
 .related-product-desc p{
  padding: 0 8px!important;
}
 .related-product-price{
  padding:0;
  font-weight: bold;
  font-size: 18px;
}

 .related-product-price a{
  width: 100%;
}
.mutiple-item div [aria-hidden="true"] {
	visibility: hidden;
}
.slick-slider { display: table; table-layout: fixed; width: 100%; }
.related-product{
  margin: 0;
  margin-bottom: 10px;
}

.slick-prev{
  z-index: 999;
  left: 1%;
}

.slick-next{
  z-index: 999;
  right:  1%;
  
}

.slick-prev,.slick-next{
  width: 50px;
  width: 50px;

}

.slick-prev:before, .slick-next:before {
  font-size: 50px;
  color: #2196f3;
}

/*..........................................*/
  /*News*/
/*..........................................*/
/*Single*/
.custom-single-div-news{
  margin: 10px 0;
  padding: 7px 0px;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}

.custom-single-title-news{
  margin: 5px 0;
  font-weight: bold;
}
.custom-single-div-news p{
  font-style: italic;
  color: #b0a9a9d1;
}

/*dasbordh news*/
.news p>img{
  width: 100%!important;
}

.news .readmore a{
  margin-top: 10px;
  display: block;
  color: #2196f3;
  font-weight: bold;
  /*text-decoration: underline;*/
}

.custom-padding-bottom-none{
  padding-bottom: 0!important
}

.custom-title-related-post{
  padding:0 0 10px 0;
  margin: 0;
  font-weight: 700px;
}

.products-list .product-info a{
  color: #4e96f3;
  font-family: 'Roboto Slab', serif;
  font-size: 14px;
  font-weight: 500;
}

.news-entry{
  margin-top: 15px;
  text-align: justify;
}

.news-title{
  margin-bottom: 15px;
  margin-top: 15px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 10px 0;
}

.products-list .product-img img {
    width: 50px;
    height: auto;
}

.news .product-list-in-box>.item {
    padding: 1% 0;
}