html,
body {
  height: 100%;
  scroll-behavior: smooth;
  padding-bottom: 0;
  border: 1px solid transparent;
  touch-action: manipulation;
}
body {
  background: #033d7b;
}
/*{ border: 1px solid red; }*/
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.bg {
  background: #033d7b ;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 0% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
  height:100%;
  position:fixed;
}
img.bg {
  position: absolute;
  height: 100%;
  z-index: -1;
  filter: blur(8px);
  -webkit-filter: blur(8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: fixed;
}
.content {
  background: #05509F url("https://www.pantaibharu.com/wp-content/uploads/2020/06/Bangunan-PB1-scaled.jpg") no-repeat;
  background-size: 100%;
  background-position-y: 50px;
}
.cls-1 {
  fill:#FFFFFF !important;
}
img {
  pointer-events: none;
}
img.yes {
  pointer-events: auto;
}
.profile-photo {
  object-fit: cover;
  border-radius: 50%;
  width:50%;
  padding:2px;
  background-color:white;
}
.sleek{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.empty {
  margin: 0;
  padding: 0;
}
.f-0 {
  font-size: 15pt;
}
.f-1 {
  font-size: 13pt;
}
.f-2 {
  font-size: 11pt;
}
.f-3 {
  font-size: 9pt;
}
.icon-0 {
  font-size: 15pt;
}
.icon-0:hover {
  font-size: 17pt;
}
.icon-1 {
  font-size: 13pt;
}
.icon-1:hover {
  font-size: 15pt;
}
.icon-2 {
  font-size: 11pt;
}
.icon-2:hover {
  font-size: 13pt;
}
.icon-3 {
  font-size: 9pt;
}
.icon-3:hover {
  font-size: 11pt;
}
@media only screen and (max-width: 520px) {
  .f-0 {
    font-size: 13pt;
  }
  .f-1 {
    font-size: 11pt;
  }
  .f-2 {
    font-size: 9pt;
  }
  .f-3 {
    font-size: 7pt;
  }
  .icon-0 {
    font-size: 13pt;
  }
  .icon-0:hover {
    font-size: 15pt;
  }
  .icon-1 {
    font-size: 11pt;
  }
  .icon-1:hover {
    font-size: 13pt;
  }
  .icon-2 {
    font-size: 9pt;
  }
  .icon-2:hover {
    font-size: 11pt;
  }
  .icon-3 {
    font-size: 7pt;
  }
  .icon-3:hover {
    font-size: 9pt;
  }
}
.l-0 {
  line-height: 98%;
}
.l-1 {
  line-height: 95%;
}
.l-2 {
  line-height: 80%;
}
.l-3 {
  line-height: 70%;
}
.icon {
  font-size: 17pt;
}
.icon:hover {
  font-size: 19pt;
}
.card {
  box-shadow: 2px 2px 3px #003979;
  border-radius: 10px;
}
@keyframes loading {
  0% {
    transform: scale( .50 );
  }
  50% {
    transform: scale( .75 );
  }
  100% {
    transform: scale( .50 );
  }
}
#bg {
  background-color: #f8f9fa;
  z-index: 1000;
  width: 100%;
  height: 100%;
  position: fixed;
  margin-left: auto;
  margin-right: auto;
}
#load {
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("../../assets/Images/portal_logo_notag.png") no-repeat center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: 20%;
  animation: loading 3s infinite;
  margin-left: auto;
  margin-right: auto;
}