.gbArtikle{
    height: 400px;    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .artTitle{
    margin-top:60px;
    margin-bottom:-7px;
  }
  .blog .blog-details .title {
    font-size: 24px;
  }
  .content p{
    text-align:justify !important;
  }
  .breadcrumbs .page-header {
    background-color: #354442;
  }
  .blog .sidebar .recent-posts img {
    width: 65px;
  }
  #articleContent .post-category{
    background-color: #008374;
    color: aliceblue;
    width: fit-content;
    padding: 2px 5px;
    border-radius: 5px;
    cursor: pointer;
  }
  .dates{
    cursor: pointer;
  }

  .post-img img.img-fluid {
            max-width: 110%;
        }

  .badge{
    color: whitesmoke;
    font-size: 10px;
    padding: 5px 10px;
    font-weight: 600;
    border-radius: 10px;
    cursor: pointer;
    margin-right:5px;
		color:white;				
  }
    .badge.badge-tag{background-color: #6c757d;}
    .badge.badge-date{background-color: green;}
    .badge.badge-cat{background-color: #008374;}
    .badge.badge-key{background-color: #393737;}
	  .badge.badge-opd{background-color: darkslategray;}
    ul a.paginasi {
      border: 0.7px solid #008374;
      border-radius:10px;
    }

  /* width */
  ::-webkit-scrollbar {
    width: 10px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #008374; 
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #f3b45c; 
  }
  #infoData{
    font-size: small;
  }

  label.error{
		font-size: 10px;
		color: red;
	}
	.alert{
		padding: 0.1rem 0.1rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	input.error{		
		border-color: red;
	}
	
	select.error{		
		border-color: red;
	}