.tekstengah{ text-align:center; }
	.tekskiri{ text-align:left; }
	.tekskanan{ text-align:right; }
	.posisi{ width:100%; }
	.inherit{ float:inherit; }
	.kiri{ float:left; }
	.kanan{ float:right; }
	.text-bold { font-weight: bold; }
.loading {
    position: fixed;
      left: 50%;
      top: 15%;
      transform: translate(-50%,-50%);
      z-index: 9999;
    margin-left: 0px; 
    margin-right: 0px;
    text-align:center;
    overflow: auto;
    padding: 10px 10px 10px 10px;
}
.loadingsave {
    position: fixed;
      left: 50%;
      top: 15%;
      transform: translate(-50%,-50%);
      z-index: 9999;
    margin-left: 0px; 
    margin-right: 0px;
    text-align:center;
    overflow: auto;
    padding: 10px 10px 10px 10px;
}
.loadingdelete {
    position: fixed;
      left: 50%;
      top: 15%;
      transform: translate(-50%,-50%);
      z-index: 9999;
    margin-left: 0px; 
    margin-right: 0px;
    text-align:center;
    overflow: auto;
    padding: 10px 10px 10px 10px;
}
    
    .pesan {
position: fixed; top: 7; right: 0; z-index: 9999; border-radius: 3 3px; overflow: auto; opacity: 1.0;}
    .notif {
position: fixed; top: 7; right: 0; z-index: 9999; border-radius: 3 3px; overflow: auto; opacity: 1.0;}
    .notiff {
position: fixed; top: 7; right: 0; z-index: 9999; border-radius: 3 3px; overflow: auto; opacity: 1.0;}

.boxpage {
	background: rgba(250, 250, 250, 0.1);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px); }
.boxpage2 {
	background: rgba(250, 250, 250, 0.1);
	box-shadow: 0px 0px 55px 1px;
	backdrop-filter: blur(15px); }