.tekstengah{ text-align:center; }
	.tekskiri{ text-align:left; }
	.tekskanan{ text-align:right; }
	.posisi{ widht:100%; }
	.inherit{ float:inherit; }
	.kiri{ float:left; }
	.kanan{ float:right; }
	.text-bold { font-weight: bold; }

.bobox1 {
  background: rgba(199, 199, 199, 0.1);
  border-radius: 3px;
  box-shadow: 0px -0px 5px 0.5px;
}
.bobox2 {
background:rgba(219, 219, 219, 0.5);
border-radius: 5px;
}

.garis-atas{ border-top:0.3px solid grey; }
.garis-bawah{ border-bottom:0.3px solid grey; }
.garis-bawah-double{ border-bottom: double; }

.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: ;
    margin-left: 0px; 
    margin-right: 0px;
    text-align:center;
    overflow: auto;
    padding: 10px 10px 10px 10px;
}
.loadingdelete {
    position: ;
    margin-left: 0px; 
    margin-right: 0px;
    text-align:center;
    overflow: auto;
    padding: 10px 10px 10px 10px;
}
    .preloader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9999;
      background-color: #fff;
    }
    .preloader .loading {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      font: 14px arial;
    }
    
    .pesan {
position: fixed; top: 7; right: 0; z-index: 9999; border-radius: 3 3px; opacity: 1.0;}
    .notif {
position: fixed; top: 7; right: 0; z-index: 9999; border-radius: 3 3px; opacity: 1.0;}

.masuk:hover td{
	background-color: #d0fccf; }
.keluar:hover td{
	background-color: #fcdacf; }
.iuran:hover td{
	background-color: #ffeab0; }

.full-screen-box {
  position: fixed; /* Menempel di layar, tidak bergerak saat menggulir */
  top: 0; /* Posisi atas */
  left: 0; /* Posisi kiri */
  width: 100%; /* Lebar 100% dari viewport */
  height: 100%; /* Tinggi 100% dari viewport */
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.1); /* Warna latar belakang (opsional) */
background-image: linear-gradient(to bottom right, rgba(255,255,255,0.5),rgba(245, 242, 66,0.1),rgba(255,255,255,0.3),rgba(245, 242, 66,0.1),rgba(255,255,255,0.1));
  z-index: 2;
background: rgba(255, 255, 255, 0.02);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(2.5px);
-webkit-backdrop-filter: blur(2.5px);
border: 2px solid rgba(255, 255, 255, 0.05);
}
.glassy {
  background-color: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
    mask-image: linear-gradient(
      to bottom,
      black 0% 50%,
      transparent 50% 100%
border: 1px solid rgba(255, 255, 255, 0.1);
opacity:0.9;
    );
}

.bg-light-primary {
	background-color: rgb(13 110 253 / .11)!important
}

.bg-light-secondary {
	background-color: rgb(224 223 224 / .11)!important
}

.bg-light-success {
	background-color: rgb(23 160 14 / .11)!important
}

.bg-light-danger {
	background-color: rgb(244 17 39 / .11)!important
}

.bg-light-warning {
	background-color: rgb(255 193 7 / .11)!important
}

.bg-light-info {
	background-color: rgb(13 202 240 / 18%)!important
}

.bg-light-transparent {
	background-color: rgb(0 0 0 / 15%)!important
}

.bg-light-glass-1 {
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
    mask-image: linear-gradient(
      to bottom,
      black 0% 50%,
      transparent 50% 100%;
border: 1px solid rgba(255, 255, 255, 0.05);
    );
	background-color: rgba(255, 255, 255, 0.1)!important
}

.bg-light-glass-3 {
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
    mask-image: linear-gradient(
      to bottom,
      black 0% 50%,
      transparent 50% 100%;
border: 1px solid rgba(255, 255, 255, 0.05);
    );
	background-color: rgba(255, 255, 255, 0.3)!important
}

.bg-light-glass-5 {
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
    mask-image: linear-gradient(
      to bottom,
      black 0% 50%,
      transparent 50% 100%;
border: 1px solid rgba(255, 255, 255, 0.05);
    );
	background-color: rgba(255, 255, 255, 0.5)!important
}

.bg-light-glass-7 {
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
    mask-image: linear-gradient(
      to bottom,
      black 0% 50%,
      transparent 50% 100%;
border: 1px solid rgba(255, 255, 255, 0.05);
    );
	background-color: rgba(255, 255, 255, 0.7)!important
}

.bg-light-glass-9 {
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
    mask-image: linear-gradient(
      to bottom,
      black 0% 50%,
      transparent 50% 100%;
border: 1px solid rgba(255, 255, 255, 0.05);
    );
	background-color: rgba(255, 255, 255, 0.9)!important
}

.bg-gradient-deepblue {
    background: #6a11cb;
    background: -webkit-linear-gradient(
	45deg
	, #6a11cb, #2575fc)!important;
		background: linear-gradient(
	45deg
	, #6a11cb , #2575fc)!important;
}

.bg-gradient-orange {
    background: #fc4a1a;
    background: -webkit-linear-gradient(
	45deg
	, #fc4a1a, #f7b733)!important;
		background: linear-gradient(
	45deg
	, #fc4a1a, #f7b733)!important;
}

.bg-gradient-ohhappiness {
    background: #00b09b;
    background: -webkit-linear-gradient(
	45deg
	, #00b09b, #96c93d)!important;
		background: linear-gradient(
	45deg
	, #00b09b, #96c93d)!important;
}

.bg-gradient-ibiza {
    background: #ee0979;
    background: -webkit-linear-gradient(
	45deg
	, #ee0979, #ff6a00)!important;
		background: linear-gradient(
	45deg
	, #ee0979, #ff6a00)!important;
}

.bg-gradient-scooter {
    background: #17ead9;
    background: -webkit-linear-gradient(
45deg
, #17ead9, #6078ea)!important;
    background: linear-gradient(
45deg
, #17ead9, #6078ea)!important;
}

.bg-gradient-bloody {
    background: #f54ea2;
    background: -webkit-linear-gradient(
45deg
, #f54ea2, #ff7676)!important;
    background: linear-gradient(
45deg
, #f54ea2, #ff7676)!important;
}

.bg-gradient-quepal {
    background: #42e695;
    background: -webkit-linear-gradient(
45deg
, #42e695, #3bb2b8)!important;
    background: linear-gradient(
45deg
, #42e695, #3bb2b8)!important;
}

.bg-gradient-blooker {
    background: #ffdf40;
    background: -webkit-linear-gradient(
45deg
, #ffdf40, #ff8359)!important;
    background: linear-gradient(
45deg
, #ffdf40, #ff8359)!important;
}

.bg-gradient-cosmic {
	background: linear-gradient(to right, #8e2de2, #4a00e0)!important
}

.bg-gradient-burning {
	background: linear-gradient(to right, #ff416c, #ff4b2b)!important
}

.bg-gradient-lush {
	background: linear-gradient(to right, #56ab2f, #a8e063)!important
}

.bg-gradient-kyoto {
	background: linear-gradient(to right, #f7971e, #ffd200)!important
}

.bg-gradient-blues {
	background: linear-gradient(to right, #56ccf2, #2f80ed)!important
}

.bg-gradient-moonlit {
	background: linear-gradient(to right, #0f2027, #203a43, #2c5364)!important
}

.split-bg-primary {
	background-color: #0c62e0;
	border-color: #0c62e0
}

.split-bg-secondary {
	background-color: #515a62;
	border-color: #515a62
}

.split-bg-success {
	background-color: #128e0a;
	border-color: #128e0a
}

.split-bg-info {
	background-color: #0bb2d3;
	border-color: #0bb2d3
}

.split-bg-warning {
	background-color: #e4ad07;
	border-color: #e4ad07
}

.split-bg-danger {
	background-color: #e20e22;
	border-color: #e20e22
}

.bg-facebook {
	background-color: #3b5998!important
}

.bg-twitter {
	background-color: #55acee!important
}

.bg-google {
	background-color: #e52d27!important
}

.bg-linkedin {
	background-color: #0976b4!important
}

/* Text Color */

.text-option{
	color: #32393f!important
 }

.text-facebook{
	color: #3b5998!important
 }
 
 .text-twitter{
	 color: #55acee!important
  }
 
  .text-youtube{
	 color: #e52d27!important
  }

.text-sky-light {
    color: #b4d2ff;
}

.text-white {
    color: #ffffff;
}

.text-black {
    color: #000000;
}

.text-secondary {
    color: #bfbfbf;
}