.icon-container {
  	display: inline-block;
  	text-align: center;
  	margin: 0 10px;
  }
 .social-icons.social-square.social-darkest a, .social-icons.social-radius.social-darkest a {
    border: 1px solid #ffffff;
  }
  .social-icons.social-darkest a {
    color: #ffffff;
  }
  .icon-default {
  	color: #FFF;
  	background-color: #bbbbbb;
  	border-radius: 50%; /* Membuat lingkaran */
  	padding: 10px;
  	font-size: 24px; /* Ukuran ikon */
  }

  .icon-active {
  	color: #FFF;
  	background-color: #004085; /* Warna biru tua */
  	border-radius: 50%; /* Membuat lingkaran */
  	padding: 10px;
  	font-size: 24px; /* Ukuran ikon */
  }

  .icon-label {
  	display: block;
  	margin-top: 5px;
  }
  .status-icons {
  	padding-top: 30px;
  	padding-bottom: 30px;
  	display: flex;            /* Mengaktifkan flexbox */
  	align-items: center;      /* Menengah-tengahkan item secara vertikal */
  	justify-content: center;  /* Menengah-tengahkan item secara horizontal */
  	flex-wrap: wrap;          /* Izinkan baris baru jika diperlukan (berguna jika ruang tidak mencukupi) */
  }
  .navbar-nav>.user-menu>.dropdown-menu>.user-footer {
  	background-color: #ffffff; 
  }
  .skin-blue .content-header {
  	background: #eef5f9;
  }
  .navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
  	z-index: 5;
  	height: 90px;
  	width: 90px;
  }
  .skin-blue .main-header .navbar {
  	background-color: #1e88e5!important;
  }
  .skin-blue .main-header .logo {
  	background-color: #1e88e5!important;
  	color: #ffffff;
  	border-bottom: 0 solid transparent;
  }
  .btn-success {
  	background-color:  #1e88e5!important;
  	border-color:  #1e88e5!important;
  }
  .skin-blue .main-header li.user-header {
  	background-color: #1e88e5!important;
  }

  element.style {
  }
  .dt-buttons .dt-button {
  	padding: 5px 15px;
  	border-radius: 20;
  	background:  #1e88e5!important;
  	color: #fff;
  	margin-right: 3px;
  	display: inline-block;
  }
  .alert-primary {
  	color: #000;
  	background-color: #ffd143;
  	border-color: #ffd143;
  }
  .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  	color: #000;
  	border: 1px solid  #ffd143!important;
  	background-color:  #ffd143!important;
  }
  .btn-primary {
  	background-color: #1e88e5!important;
  	border-color: #1e88e5!important;
  }
  a:hover {
  	background-color: #ffd143!important;
  }
  td:hover {
  	background-color: #ffd143!important;
  }
  .main-header .navbar-custom-menu {
  	left: 10px;
  }
  .bg-purple {
  	background-color: #1e88e5!important;
  }
  #load{
  	width: 100%;
  	height: 100%;
  	position: fixed;
  	background-color: #fff;
  	background: url('../loading.gif')no-repeat center;
  	z-index: 99;
  	text-indent: 100%;
  }
  .content-wrapper {
  	background-color: #eef5f9;
  }
  .box-btn-gambar{
  	float: left;
  	width: 150px;
  	background: #fafafa;
  	height: 150px;
  	padding:1px;
  	position: relative;
  }
  .direct-chat-text {
  	border-radius: 0;
  	position: relative;
  	padding: 5px 10px;
  	background: #007bff;
  	border: 1px solid #ebebeb;
  	margin: 5px 0 0 50px;
  	color: #fff;
  }
  .skin-blue .main-header .navbar .dropdown-menu li a {
  	color: #000;
  }

  .box-btn-gambar .btn-hapus{
  	position: absolute;
  	top:10px;
  	right:10px;
  }
  .box-header.dalam {
  	background: #ededed;
  }
  .box.dalam {
  	-webkit-box-shadow: 0px 0px 5px 1px rgba(168,168,168,1);
  	-moz-box-shadow: 0px 0px 5px 1px rgba(168,168,168,1);
  	box-shadow: 0px 0px 5px 1px rgba(168,168,168,0.5)!important;
  }
  .read-kegiatan-images img{
  	padding:1px;
  }


  .btn-hapus-lokasi-saat-edit,
  .btn-hapus-lokasi-123{
  	display:none;
  }

  .box-lokasi .btn-hapus-lokasi-saat-edit,
  .box-lokasi .btn-hapus-lokasi-123{
  	display:block;
  }
  .fa-question-circle:before {
    color: #ffbc13;
  }