.BGabot1 {
  background-color: #1abc9c;
  /* background-color: #ffffff; */
  animation: bg-color 50s infinite;
}
@keyframes bg-color {
  0% { background-color: #ffffff; }
  20% { background-color: #7cf10f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #ffffff; }
}
/*
body {
  font-size: 14px!important;
}
 */

/* agar vertikal scrollbar tetap ditampilkan pas muncul sweetalert */
/* .modal-open {
  overflow: auto;
} */
/* agar vertikal scrollbar tetap ditampilkan pas muncul sweetalert */
/* body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) {
  overflow: auto;
} */

/* .right_icon_toggle section.content {
  margin-right: 10px;
}
 */
.sidebar .menu .list a {
  padding: 5px 5px;
}
.sidebar .menu .list .ml-menu li a {
  padding-left: 40px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.sidebar {
  font-family: "Comfortaa", sans-serif;
  width: 200px;
}

section.content {
  margin: 20px 20px 50px 200px;
}
.ls-closed.right_icon_toggle section.content {
    margin-right: 0px;
}
/* .card .body {
  font-weight: 400;
  font-size: 12px;
  padding: 10px;
} */

/* .clearfix .container-fluid {
  background-color: #f5f5f5;
} */
/*
.container-fluid {
  background-color:rgb(239, 250, 255);
}
.clearfix {
  background-color:rgb(239, 250, 255);
}
.body {
  background-color:rgb(239, 250, 255);
}
.card {
  background-color:rgb(239, 250, 255);
}
 */
.modal-content {
  background-color:rgb(250, 250, 255);
  padding-right: 0px;
}
.modal-content hr {display: none;}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  /* display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  flex-direction: column;
  flex-wrap: wrap; */
  align-content: center;
  justify-content: center;
  /* padding: .375rem .75rem; */
  margin-bottom: 0;
  line-height: 1.5;
  color: #495057;
  font-weight: bolder;
  /* white-space: nowrap; */
  background-color: #e9ecff;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}
.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .135rem .75rem;
  margin-bottom: 0;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495050;
  text-align: center;
  /* white-space: nowrap; */
  background-color: #e2e5e9;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}

.avatar.w3010 {
  width: 30px;
  height: 12px;
}