/*
Created by Hendi
Created date 23 dec 2024
Created update 23 dec 2024
titasictech.com
CSS for bappeda sulteng
*/
.bg-default {
    background-color: #9A0000 !important;
}
.bg-primary {
    background-color: #1e73be !important;
}
.btn-primary,.btn-primary:hover {
    border-color: #1e73be;
    background-color: #1e73be;
}
.text-primary {
    color: #1e73be !important;
}
.card-header {
    background-color: #f88400 !important;
}
.card-header h3 {
    color: #ffffff !important;
}
/* HTML: <div class="ribbon">Your text content</div> */
.ribbon {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}
.ribbon {
  --r: .4em; /* control the ribbon shape (the radius) */
  --c: #E3AD40;
  position: absolute;
  top: 20px;
  right: calc(-1*var(--r));
  line-height: 1.8;
  padding: 0 .5em calc(2*var(--r));
  border-radius: 0 var(--r) var(--r) 0;
  background:
    radial-gradient(100% 50% at right,var(--c) 98%,#0000 101%)
     0 0/.5lh calc(100% - 2*var(--r)),
    radial-gradient(100% 50% at left,#0005 98%,#0000 101%)
     100% 100%/var(--r) calc(2*var(--r)),
    conic-gradient(from 180deg at calc(100% - var(--r)) calc(100% - 2*var(--r)),#0000 25%,var(--c) 0)
     100% 0/calc(101% - .5lh) 100%;
  background-repeat: no-repeat;
}