.bg-gray {
  --s: 200px; /* control the size*/
  --c1: #ffffff;
  --c2: #e0e0e0;
  --c3: #cfcfcf;
  
  background:
    repeating-conic-gradient(from 30deg,#0000 0 120deg,var(--c3) 0 50%) 
     calc(var(--s)/2) calc(var(--s)*tan(30deg)/2),
    repeating-conic-gradient(from 30deg,var(--c1) 0 60deg,var(--c2) 0 120deg,var(--c3) 0 50%);
  background-size: var(--s) calc(var(--s)*tan(30deg));
}

.bg-login {


  --s: 78px; /* control the size*/
  --c1: #4e73df;
  --c2: #355dd4;
  --c3: #224abe;
  
  background:
    repeating-conic-gradient(from 30deg,#0000 0 120deg,var(--c3) 0 50%) 
     calc(var(--s)/2) calc(var(--s)*tan(30deg)/2),
    repeating-conic-gradient(from 30deg,var(--c1) 0 60deg,var(--c2) 0 120deg,var(--c3) 0 50%);
  background-size: var(--s) calc(var(--s)*tan(30deg));


}

 .form-check-input-sm {
  width: 0.8em;
  height: 0.8em;
}

.form-check-input-lg {
  width: 1.5em;
  height: 1.5em;
}

.infoperingatan {
    color:red;font-size: 10pt;font-style: italic;
}

.captcha-canva{
    width: 100%; 
    border: 1px solid #808080; 
    border-radius: 10px; 
    cursor: pointer; 
    display:block; 
    margin-bottom:10px;
}

#loading-overlay{
    display: none; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: rgba(255, 255, 255, 0.2); 
    z-index: 9999; 
    backdrop-filter: blur(3px);


    
}


    a.linkjendelakembali {color: white; }
    a.linkjendelakembali:hover {color: green; }

.tombolmenutabel {
    background: gray;
    border-radius: 5px;
    padding: 3px 10px 3px 10px;
    font-size: 9pt;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0px 0.5px;
    font-weight: bold;
    border: 0px;
    
}
.tombolmenutabel-info{
    background: #1E90FF;
    color: white;
}
.tombolmenutabel-info:hover{
    text-decoration: none;
    background:#4da6ff;
    color: white;
}
.tombolmenutabel-warning{
    background: #ccad00;
    color: white;
}
.tombolmenutabel-warning:hover{
    text-decoration: none;
    background:#ffd700;
    color: white;
}
.tombolmenutabel-danger{
    background: #b22222;
    color: white;
}
.tombolmenutabel-danger:hover{
    text-decoration: none;
    background:#d62929;
    color: white;
}
.tombolmenutabel-secondary{
    background: #696969;
    color: white;
}
.tombolmenutabel-secondary:hover{
    text-decoration: none;
    background:#808080;
    color: white;
}

.tombolmenutabel:disabled {
    cursor: not-allowed; 
    opacity: 0.6; 
    color: #FAFAFA; 
    text-decoration: none;
    
}

.infoinputanmodal{
    font-size: 10pt;
    font-style: italic;
}

.textareainputmodal{
    resize: none;
}

.loadingtunggukecil {
    margin-left:10px; 
    width:10px;
}

.fotoprofil {
     object-fit: cover; object-position: center;
}