html{
  overflow-x: hidden !important;
  scroll-behavior: smooth !important;
}
a{
  color: #ae42b3;
	text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
}
*{
	-webkit-user-select: text;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

* > input, * > textarea{
  user-select: text !important;
}

.page-loader-container{
	/*display: block !important;*/
}

.page-loader {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background-color: #ae42b3 !important;
    background: linear-gradient(to right, #ae42b3 8%, #e299e5 18%, #ae42b3 33%) !important;
    background-size: 100% 20px !important;
}
/*.dark-placeorder-small{
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background-color: #ae42b3 !important;
  background: linear-gradient(to right, #ae42b3 8%, #e299e5 18%, #ae42b3 33%) !important;
  background-size: 100% 20px !important;
}*/

@keyframes placeHolderShimmer{
    0%{
        background-size: 100% 20px !important;
    }
    0%{
        background-size: 200% 20px !important;
    }
    0%{
        background-size: 300% 20px !important;
    }
    100%{
        background-size: 400% 20px !important;
    }
}

.sidebar-menu-icon{
	filter: grayscale(1) !important;
	opacity: 0.8 !important;
}
.sidebar-menu-icon-active{
	filter: none !important;
	opacity: 1 !important;
}
.sidebar-menu-container{
  direction: rtl !important;
}
.sidebar-menu{
  direction: ltr !important;
}

.list-kolom-mengetahui, .list-kolom-mengetahui .mengetahui{
	display: none;
}
.staff-column-1 label.error{
	font-family: Sen, sans-serif;
	font-size: .95em;
	font-weight: normal;
	color: #AE42B3;
	position: relative;
	top: -5px;
	margin-left: 10px;
	display: block;
}
/* Hide error on inline flex */
.login-radio-inline label.error{
	display: none !important;
}
#barcode, #canvasBarcode{
	position: fixed;
	z-index: -9999999;
}
.staff-action-btns{
	display: none;
}
.scannerFrame{
	width: 100%;
	min-width: 500px;
	min-height: 400px;
}
.flex-1{
	flex: 1 !important;
}
/*
@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0 !important;
    }
    100%{
        background-position: 468px 0 !important;
    }
}

.login-style-placeholder {
    animation-duration: 1s !important;
    animation-fill-mode: forwards !important;
    animation-iteration-count: infinite !important;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear !important;
    background: #f6f7f8 !important;
    background: linear-gradient(to right, #f9f4f8 8%, #f3e7f1 18%, #f9f4f8 33%) !important;
    background-size: 800px 60px !important;
    position: relative !important;
}*/
/*@media (min-width: 0px) and (max-width: 1240px){
    .main-content{
      transform: translateY(-100px);
      margin-bottom: 50px;
      transition: 0.4s 0.22s ease-in-out;
      perspective: 1000px;
    }
}*/

.app-content {
  transform-style: preserve-3d;
  transition: all 0.2s ease-out;
  transform: rotateX(0deg);
}

.loading-container {
  height: 100px;
  padding: 10px;
  text-align: center;
  /*display: flex;*/
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none !important;
}

.loading-container .loading {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 4px solid transparent;
  border-top-color: #ae42b3;
  border-right-color: #ae42b3;
  animation: loading 0.5s infinite forwards;
}

@keyframes loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.flex-1{
  flex: 1 !important;
}
.white{
  color: #fff !important;
}
a{
  color: #ae42b3;
}
.btn-action-staff a{
  color: #fff !important;
}


/* Tugas */
.search-member-loader{
  width: 50px;
  height: 50px;
  display: block;
  margin: 10px auto;
}

/* SVG Animations */
.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #952c9a;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #952c9a;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
  border:rgba(174, 66, 179, 0.4) 8px solid;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 40px #952c9a;
  }
}

/* Scrollbars */
body::-webkit-scrollbar-track, .popup-search-form-content-result::-webkit-scrollbar-track, .bottom-right-sidebar::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

body::-webkit-scrollbar, .popup-search-form-content-result::-webkit-scrollbar, .bottom-right-sidebar::-webkit-scrollbar
{
  width: 5px;
  background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb, .popup-search-form-content-result::-webkit-scrollbar-thumb, .bottom-right-sidebar::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #ae42b3;
}

.bottom-right-sidebar::-webkit-scrollbar-track, .popup-search-form-content-result::-webkit-scrollbar-track, .sidebar-menu-container::-webkit-scrollbar-track, .sidebar-bottom::-webkit-scrollbar-track, #listLamanOL::-webkit-scrollbar-track, .tinymce-block-list::-webkit-scrollbar-track, .popup-question-content::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #fff;
}

.bottom-right-sidebar::-webkit-scrollbar, .popup-search-form-content-result::-webkit-scrollbar, .sidebar-menu-container::-webkit-scrollbar, .sidebar-bottom::-webkit-scrollbar, #listLamanOL::-webkit-scrollbar, .tinymce-block-list::-webkit-scrollbar, .popup-question-content::-webkit-scrollbar
{
  width: 5px;
  scrollbar-width: none;
  background-color: #fff;
}

.bottom-right-sidebar::-webkit-scrollbar-thumb, .popup-search-form-content-result::-webkit-scrollbar-thumb, .sidebar-menu-container::-webkit-scrollbar-thumb, .sidebar-bottom::-webkit-scrollbar-thumb, #listLamanOL::-webkit-scrollbar-thumb, .tinymce-block-list::-webkit-scrollbar-thumb, .popup-question-content::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #fff;
}

.bottom-right-sidebar:hover::-webkit-scrollbar-track, .popup-search-form-content-result:hover::-webkit-scrollbar-track, .sidebar-menu-container:hover::-webkit-scrollbar-track, .sidebar-bottom:hover::-webkit-scrollbar-track, #listLamanOL:hover::-webkit-scrollbar-track, .tinymce-block-list:hover::-webkit-scrollbar-track, .popup-question-content:hover::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #fff;
}

.bottom-right-sidebar:hover::-webkit-scrollbar, .popup-search-form-content-result:hover::-webkit-scrollbar, .sidebar-menu-container:hover::-webkit-scrollbar, .sidebar-bottom:hover::-webkit-scrollbar, #listLamanOL:hover::-webkit-scrollbar, .tinymce-block-list:hover::-webkit-scrollbar, .popup-question-content:hover::-webkit-scrollbar
{
  width: 5px;
  background-color: #fff;
}

.bottom-right-sidebar:hover::-webkit-scrollbar-thumb, .popup-search-form-content-result:hover::-webkit-scrollbar-thumb, .sidebar-menu-container:hover::-webkit-scrollbar-thumb, .sidebar-bottom:hover::-webkit-scrollbar-thumb, #listLamanOL:hover::-webkit-scrollbar-thumb, .tinymce-block-list:hover::-webkit-scrollbar-thumb, .popup-question-content:hover::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #f1a2f5;
}

/* Staff Availability Status */
.team-status-tag.online-badge{
  background-color:rgba(66, 179, 132, 0.88);
}

.team-status-tag.off-badge{
  background-color:hsla(0, 0%, 47.1%, 0.79);
}

.team-status-tag.break-badge{
  background-color: rgba(196, 126, 28, 0.9);
}

.team-status-tag.busy-badge{
  background-color: rgba(191, 67, 67, 0.9);
}

.team-status-tag.izin-badge{
  background-color: rgba(66, 98, 179, 0.84)
}
.form-notice a{
  color: #fff !important;
  font-weight: bold;
}

/* Citizen Dashboard */
.list-member-menu .arrow-menu-member{
  display: none !important;
}
.list-member-menu:hover .arrow-menu-member{
  display: block !important;
}
.list-member-menu:hover img{
  /*width: 100px !important;*/
  filter: brightness(0) invert(1) !important;
}
.active-menu-citizen{
  background-color: #ae42b3;
  color: #fff;
}
@media screen and (max-width: 767px){
    .page-loader-container{
        display: none;
    }
    /* Hide Page loader*/
  .loading-container{
    display: none !important;
  }
  .active-menu-citizen{
    background-color: #ae42b3;
    background-image: linear-gradient(125deg, #ae42b3, #d46ad9);
    color: #fff;
  }
  .list-member-menu:hover {
    background-color: #ae42b3;
    background-image: linear-gradient(125deg, #ae42b3, #d46ad9);
  }
}

.active-menu-citizen .arrow-menu-member{
  display: block !important;
}
.active-menu-citizen img{
  filter: brightness(0) invert(1) !important;
}

/* Popup Search Form Jenis Usaha */
.popup-search-form-content-result{
      overflow-x: hidden !important;
      overflow-y: scroll !important;
}
.error strong{
  font-weight:bold !important;
}
.login-style.error{
  margin: 0px 0px 20px;
  padding: 15px 25px;
  height: 55px;
  font-size: 1.1em;
  line-height: 1.4em;
}
.login-style-textarea.error{
  margin: 0px 0px 20px;
  padding: 15px 25px;
  font-size: 1.1em;
  line-height: 1.4em;
}
.login-radio-btn.error{
  margin-left: -20px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 10px;
  padding-left: 0px !important;
}
@media (min-width: 960px){
  .popup-search-form-content{
    min-width: 960px !important;
  }
}

@media (max-width: 960px){
  .popup-search-form-content{
    min-width: 98% !important;
  }
  .main-content{
    padding-bottom: 80px !important;
  }
}

label.error {
  margin: -10px 5px 25px;
  font-family: Raleway, sans-serif;
  color: #ff4561;
  font-size: 0.95em;
  line-height: 1.4em;
  font-weight: 500;
}

/* Percircle */
.percircle.dark {
    background-color: #777
}

.percircle.dark .bar,
.percircle.dark .fill {
    border-color: #c6ff00
}

.percircle.dark>span {
    color: #777
}

.percircle.dark:after {
    background-color: #555
}

.percircle.dark:hover>span {
    color: #c6ff00
}

.percircle.red .bar,
.percircle.red .fill {
    border-color: #dd5454
}

.percircle.red:hover>span {
    color: #dd5454
}

.percircle.red.dark .bar,
.percircle.red.dark .fill {
    border-color: #f84a4a
}

.percircle.red.dark:hover>span {
    color: #f84a4a
}

.percircle.blue .bar,
.percircle.blue .fill {
    border-color: #82cefa
}

.percircle.blue:hover>span {
    color: #82cefa
}

.percircle.blue.dark .bar,
.percircle.blue.dark .fill {
    border-color: #20cceb
}

.percircle.blue.dark:hover>span {
    color: #20cceb
}

.percircle.green .bar,
.percircle.green .fill {
    border-color: #8dea7b
}

.percircle.green:hover>span {
    color: #8dea7b
}

.percircle.green.dark .bar,
.percircle.green.dark .fill {
    border-color: #a9ff3a
}

.percircle.green.dark:hover>span {
    color: #a9ff3a
}

.percircle.orange .bar,
.percircle.orange .fill {
    border-color: #e88239
}

.percircle.orange:hover>span {
    color: #e88239
}

.percircle.orange.dark .bar,
.percircle.orange.dark .fill {
    border-color: #dc5b00
}

.percircle.orange.dark:hover>span {
    color: #dc5b00
}

.percircle.pink .bar,
.percircle.pink .fill {
    border-color: #ff8ed0
}

.percircle.pink:hover>span {
    color: #ff8ed0
}

.percircle.pink.dark .bar,
.percircle.pink.dark .fill {
    border-color: #ff58b9
}

.percircle.pink.dark:hover>span {
    color: #ff58b9
}

.percircle.purple .bar,
.percircle.purple .fill {
    border-color: #aa7eff
}

.percircle.purple:hover>span {
    color: #aa7eff
}

.percircle.purple.dark .bar,
.percircle.purple.dark .fill {
    border-color: #7a38f7
}

.percircle.purple.dark:hover>span {
    color: #7a38f7
}

.percircle.yellow .bar,
.percircle.yellow .fill {
    border-color: #dcbd00
}

.percircle.yellow:hover>span {
    color: #dcbd00
}

.percircle.yellow.dark .bar,
.percircle.yellow.dark .fill {
    border-color: #ffdb00
}

.percircle.yellow.dark:hover>span {
    color: #ffdb00
}

.percircle.gt50 .slice,
.rect-auto {
    clip: rect(auto, auto, auto, auto)
}

.gt50 .fill,
.percircle .bar,
.pie {
    position: absolute;
    border: .08em solid #fff;
    width: .84em;
    height: .84em;
    clip: rect(0, .5em, 1em, 0);
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.bar {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.gt50 .bar:after,
.gt50 .fill,
.pie-fill {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.percircle {
    position: relative;
    font-size: 120px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    float: left;
    background-color: #d091d3;
}

.percircle *,
.percircle :after,
.percircle :before {
    box-sizing: content-box
}

.percircle.animate:after,
.percircle.animate>span {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out
}

.percircle.animate .bar {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out
}

.percircle.center {
    float: none;
    margin: 0 auto
}

.percircle.big {
    font-size: 240px
}

.percircle.small {
    font-size: 80px
}

.percircle>span {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 50%;
    height: 1em;
    margin-top: -.3em;
    font-size: .25em;
    color: #fff;
    font-family: 'Sen', sans-serif;
    font-weight: bold;
    display: block;
    text-align: center;
    white-space: nowrap
}

.perclock>span {
    font-size: .175em
}

.percircle:after {
    position: absolute;
    top: .08em;
    left: .08em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #ae42b3;
    width: .84em;
    height: .84em
}

.percircle .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0, 1em, 1em, .5em)
}

.percircle:hover {
    cursor: default
}

.percircle:hover>span {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    color: #fff;
}

.percircle:hover:after {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

/* End Percircle */

.loader-list-surat {
  display: block;
  width: 120px;
  height: 120px;
  margin: 30px auto;
}


/* Mobile */

/* Icon Menu Bar */
@media screen and (max-width: 991px){
  .btn-menu-mobile{
/*    filter: invert(1) !important;*/
  }
}


/* Kantor */
.list-tugas-circle img{
    width: 25px;
}
.dataTables_wrapper .dataTables_filter input{
    opacity: 0;
}
.datatable-search{
    border: none !important;
    border-radius: 15px !important;
    padding: 15px 25px !important;
    background-color: #f9f4f8 !important;
    margin-left: 0px !important;
    font-family: 'Sen', sans-serif;
    font-weight: normal;
    display: block !important;
    transition: all ease-in .15s !important;
    opacity: 1 !important;
}
.dataTables_length{
    margin-top: 10px !important;
  margin-bottom: 20px !important;
}
.dataTables_wrapper {
    font-family: 'Sen';
    font-size: 1.05em;
    line-height: 1.6em;
    position: relative;
    clear: both;
}
.btn-add-1:hover img{
  transition: ease-in 0.1s;
  filter: brightness(0) invert(1);
}
table.dataTable > tbody > tr.child ul.dtr-details{
  width: 100% !important;
}

/*Hide Small Btns Table*/
.table-action-small{
    display: none;
}
/* Hide Datatable Loader */
.dataTables_processing div{
    display: none !important;
}

/* Menu Sidebar Admin Staff */
.sidebar-menu-list, .sidebar-menu-list a{
  width: 100% !important;
}
.sidebar-menu-list:hover .sidebar-menu-text{
  color: #ae42b3 !important;
}
.sidebar-menu-list:hover .sidebar-menu-icon{
  filter: none !important;
  opacity: 1 !important;
}


.main-container{
  width: 90% !important;
  max-width: 1400px !important; // Ini untuk limit width di monitor yang lebar
}

@media (min-width: 1440px){
    .main-logo img{
        max-width: 300px !important;
    }
}


/* Nestable */
.dd-empty{
  position: relative !important;
  background: #eed1f0 !important;
  border:none !important;
  padding: 40px 0px 20px !important;
  min-height: 180px !important;
  margin: 20px 0px 0px !important;
  border-radius: 10px;
}
.dd-empty::before{
  position: absolute !important;
  content: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2_2)'%3E%3Cpath d='M72.5 36.5V41H81.5V81.5H41V72.5H36.5V86H86V36.5H72.5Z' fill='%23AE42B3'/%3E%3Cpath d='M63.5 14H59V18.5H63.5V14Z' fill='%23AE42B3'/%3E%3Cpath d='M27.5 14H23V18.5H27.5V14Z' fill='%23AE42B3'/%3E%3Cpath d='M36.5 14H32V18.5H36.5V14Z' fill='%23AE42B3'/%3E%3Cpath d='M27.5 59H23V63.5H27.5V59Z' fill='%23AE42B3'/%3E%3Cpath d='M45.5 14H41V18.5H45.5V14Z' fill='%23AE42B3'/%3E%3Cpath d='M54.5 14H50V18.5H54.5V14Z' fill='%23AE42B3'/%3E%3Cpath d='M18.5 14H14V18.5H18.5V14Z' fill='%23AE42B3'/%3E%3Cpath d='M18.5 41H14V45.5H18.5V41Z' fill='%23AE42B3'/%3E%3Cpath d='M18.5 50H14V54.5H18.5V50Z' fill='%23AE42B3'/%3E%3Cpath d='M18.5 32H14V36.5H18.5V32Z' fill='%23AE42B3'/%3E%3Cpath d='M18.5 23H14V27.5H18.5V23Z' fill='%23AE42B3'/%3E%3Cpath d='M63.5 23H59V27.5H63.5V23Z' fill='%23AE42B3'/%3E%3Cpath d='M18.5 59H14V63.5H18.5V59Z' fill='%23AE42B3'/%3E%3Cpath d='M49.7592 68.4635L55.5912 74.3L76.2755 53.6157L70.286 47.6285L67.1 38.075L56.1222 27.0972L33.9305 36.2367C30.4828 37.6549 28.8376 41.5995 30.2558 45.047C30.3031 45.1619 30.3534 45.2754 30.407 45.3875L30.137 45.6597C26.6222 49.1744 26.6221 54.8728 30.1367 58.3877C30.1369 58.3878 30.137 58.388 30.137 58.388L38.6195 66.8727L49.7592 68.4635ZM32 52.025C31.9968 50.8309 32.4715 49.6853 33.3185 48.8435L41.2745 56.7995L44.456 53.6157L34.9092 44.069C34.0302 43.1906 34.0298 41.766 34.9081 40.8871C35.1182 40.6768 35.368 40.5102 35.6427 40.397L55.0625 32.4027L63.1625 40.5027L66.344 50.0495L69.9035 53.6067L55.5822 67.928L51.8697 64.2155L40.7345 62.6247L33.3095 55.1997C32.4669 54.3585 31.9955 53.2155 32 52.025Z' fill='%23AE42B3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_2'%3E%3Crect width='100' height='100' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-content: center !important;
  justify-content: center !important;
}

/* Khusus Mozilla */
@-moz-document url-prefix() {
  .dd-empty{
    padding: 0px 0px 20px !important;
  }
  .dd-empty::before{
    content: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2_2)'%3E%3Cpath d='M65.625 40.625V43.75H71.875V71.875H43.75V65.625H40.625V75H75V40.625H65.625Z' fill='%23AE42B3'/%3E%3Cpath d='M59.375 25H56.25V28.125H59.375V25Z' fill='%23AE42B3'/%3E%3Cpath d='M34.375 25H31.25V28.125H34.375V25Z' fill='%23AE42B3'/%3E%3Cpath d='M40.625 25H37.5V28.125H40.625V25Z' fill='%23AE42B3'/%3E%3Cpath d='M34.375 56.25H31.25V59.375H34.375V56.25Z' fill='%23AE42B3'/%3E%3Cpath d='M46.875 25H43.75V28.125H46.875V25Z' fill='%23AE42B3'/%3E%3Cpath d='M53.125 25H50V28.125H53.125V25Z' fill='%23AE42B3'/%3E%3Cpath d='M28.125 25H25V28.125H28.125V25Z' fill='%23AE42B3'/%3E%3Cpath d='M28.125 43.75H25V46.875H28.125V43.75Z' fill='%23AE42B3'/%3E%3Cpath d='M28.125 50H25V53.125H28.125V50Z' fill='%23AE42B3'/%3E%3Cpath d='M28.125 37.5H25V40.625H28.125V37.5Z' fill='%23AE42B3'/%3E%3Cpath d='M28.125 31.25H25V34.375H28.125V31.25Z' fill='%23AE42B3'/%3E%3Cpath d='M59.375 31.25H56.25V34.375H59.375V31.25Z' fill='%23AE42B3'/%3E%3Cpath d='M28.125 56.25H25V59.375H28.125V56.25Z' fill='%23AE42B3'/%3E%3Cpath d='M49.8328 62.8219L53.8828 66.875L68.2469 52.5109L64.0875 48.3531L61.875 41.7187L54.2516 34.0953L38.8406 40.4422C36.4464 41.427 35.3039 44.1663 36.2888 46.5604C36.3216 46.6402 36.3565 46.719 36.3938 46.7969L36.2063 46.9859C33.7654 49.4267 33.7653 53.3839 36.2061 55.8248C36.2062 55.8249 36.2063 55.825 36.2063 55.825L42.0969 61.7172L49.8328 62.8219ZM37.5 51.4062C37.4978 50.577 37.8274 49.7814 38.4156 49.1969L43.9406 54.7219L46.15 52.5109L39.5203 45.8812C38.9099 45.2713 38.9096 44.2819 39.5195 43.6716C39.6654 43.5256 39.8389 43.4099 40.0297 43.3312L53.5156 37.7797L59.1406 43.4047L61.35 50.0344L63.8219 52.5047L53.8766 62.45L51.2984 59.8719L43.5656 58.7672L38.4094 53.6109C37.8242 53.0268 37.4969 52.233 37.5 51.4062Z' fill='%23AE42B3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2_2'%3E%3Crect width='100' height='100' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
  }
}
.dd-item2{
  font-size: 14px !important;
  line-height: 20px !important;
  font-family: 'Raleway', sans-serif !important;

  height: auto !important;
  padding: 10px 25px !important;
  cursor: pointer !important;
  margin: 10px 0px 7px !important;
  background: #fff !important;
  border-radius: 10px !important;
  border: rgba(0,0,0,0.15) 1px solid !important;
  color: #ae42b3 !important;
}
.dd-item-1{
    display: block !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding: 10px !important;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.dd-handle{
  border: none !important;
  background: none !important;
}
.drag-menu-icon {
    width: 20px;
    height: 20px;
}
.menu-judul{
  display: inline-block;
}
.dd-item:hover{
  font-weight: 900 !important;
}
.dd-placeholder{
  height: auto !important;
  padding: 10px 20px !important;
  cursor: pointer !important;
  margin: 10px 0px 7px !important;
  background: #f8f5fa !important;
  border-radius: 10px !important;
  border: rgba(0,0,0,0.2) 1px dashed !important;
  color: #ae42b3 !important;
  min-height: 60px !important;
}
.dd-item>button.dd-collapse:before{
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7.29971C10.1792 7.29971 10.3584 7.36814 10.4951 7.50471L14.7949 11.8045C15.0684 12.0781 15.0684 12.5215 14.7949 12.7949C14.5214 13.0684 14.0781 13.0684 13.8045 12.7949L10 8.99022L6.19549 12.7948C5.92197 13.0682 5.47863 13.0682 5.20524 12.7948C4.93159 12.5214 4.93159 12.0779 5.20524 11.8044L9.50496 7.50458C9.64166 7.36798 9.82086 7.29971 10 7.29971Z' fill='%23AE42B3'/%3E%3C/svg%3E%0A") !important;
    padding: 2px 5px !important;
}
.dd-item>button.dd-expand:before{
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99998 12.7003C9.82076 12.7003 9.64156 12.6319 9.50493 12.4953L5.20514 8.19546C4.93162 7.92194 4.93162 7.47847 5.20514 7.20506C5.47855 6.93165 5.92193 6.93165 6.19548 7.20506L9.99998 11.0098L13.8045 7.20519C14.078 6.93178 14.5214 6.93178 14.7948 7.20519C15.0684 7.4786 15.0684 7.92207 14.7948 8.1956L10.495 12.4954C10.3583 12.632 10.1791 12.7003 9.99998 12.7003Z' fill='%23AE42B3'/%3E%3C/svg%3E%0A") !important;
    padding: 2px 5px !important;
}
.menu-manager-list-pages .dd-item-1-edit-icon, .menu-manager-list-pages .dd-item-1-type-box, .menu-manager-list-pages .dd-item-1-editor{
  display: none;
}
.dd-add-item .error, .error-menu-editor{
  margin: -5px 5px 10px !important;
  color: #ae42b3 !important;
  font-family: 'Sen', sans-serif;
}
.dd-item:hover .dd-item-1-editor-input{
  font-weight: normal !important;
}

#deletedMenuBox .dd-empty{
  margin: 0px !important;
  min-height: auto !important;
  min-height: 50px !important;
  padding: 15px 0px 20px !important;
}
#deletedMenuBox .dd-empty::before{
  content: "~Kosong";
  font-family: 'Sen', san-serif;
  color: #ae42b3;
  font-size: 1.1em;
  font-style: italic;
  line-height: 1.4em;
}
#menu-mainNavigation .dd-item-box{
  overflow: auto;
  max-height: 100% !important;
}


/* Main Navigation Front-end */
.main-menu ul > li > ul {
  position: absolute;
  left: 200px;
  top: 0px !important;
  z-index: 9999;
  display: none;
  width: 200px;
  padding-left: 0px;
  padding-top: 0px !important;
  background-color: hsla(0, 0%, 63.3%, 0.17);
  list-style-type: none;
}
.main-menu-li:hover ul{
    display: block;
}
.main-menu-li:hover ul li ul{
    display: none;
}
.main-menu-li:hover ul li:hover ul{
    display: block; 
}

.tox.tox-tinymce-aux .tox-toolbar__overflow{
  background: #fff !important;
}

@import url("https://fonts.googleapis.com/css2?family=Lato:wght@900&family=Roboto&display=swap");

/* Featured Image Berita */
.writenews-featured-image-prev-box:hover > .writenews-featured-image-prev-box-overlay{
  display: flex;
  width: 100%;
  height: 100%;
}

/* Surat Step Progress */
.tugas-step.inactive > .tugas-step-circle{
  color: #c4c4c4 !important;
}

.purple-color{
  font-weight: 700 !important;
}

.btn-inline-form-2:hover img{
  filter: brightness(100);
  transition: all ease-in .4s;
}

/* Dashboard Staff Status */
#userStatus{
    display: none;
  }

.status-dropdown {
  font-family: 'Raleway', sans-serif;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
  background-repeat: repeat-x;
 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0);*/
  background: rgba(66, 179, 132, .88);
  border-radius: 100px;
  border: solid 1px #eee;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0075);
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  /*float: left;*/
  width: 55%;
  margin: 0px auto;
  font-size: 14px;
  font-weight: 600;
  /*height: 42px;*/
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  /*width: auto;*/
  text-align: center;
}

.current{
  color: #fff !important;
}

.status-dropdown:active, .status-dropdown.open {
  /*background-color: #f0f0f0 !important;*/
  border-color: #e4e4e4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
}

.status-dropdown:after {
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
  -webkit-transform: origin(50% 20%);
  -ms-transform: origin(50% 20%);
  transform: origin(50% 20%);
  -webkit-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
  content: '';
  display: block;
  margin-top: -2px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
}

.status-dropdown.open:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.status-dropdown.open .list {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}

.status-dropdown.open .option { cursor: pointer; }

.status-dropdown.wide { width: 100%; }

.status-dropdown.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.status-dropdown .list {
  box-sizing: border-box;
  -webkit-transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  border-radius: 6px;
  /*margin-top: 4px;*/
  padding: 3px 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999999;
}

.status-dropdown .list ul{
  margin: 0px;
  padding: 0px;
}

.status-dropdown .list:hover .option:not(:hover) { background-color: transparent !important; }

.status-dropdown .option {
  cursor: default;
  font-weight: 400;
  line-height: 1.5em;
  outline: none;
  padding: 5px 15px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  list-style: none;
  margin: 0px;
}

.status-dropdown .option:hover, .status-dropdown .option:focus { background-color: #f6f6f6 !important; }

.status-dropdown .option.selected { font-weight: 600; }

/* End Dashboard Staff Status */

/* PBB Laporan */
.pbb-overall-box-statz {
    max-width: 35%;
    background-color: #ae42b3;
    background-image: linear-gradient(rgba(178, 61, 183, .89), rgba(195, 74, 200, .97) 51%, rgba(151, 44, 156, .75)), url("../images/wave-1.svg") !important;
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    border-radius: 20px;
    flex: 1;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
    margin-left: 15px;
    margin-right: 15px;
    padding: 20px 25px;
    display: flex;
}

/* End PBB Laporan */

/* Master Button */
.master-button{width:100%;background:#fff;border-radius:10px;box-shadow:1px 1px 12px 1px rgba(0, 0, 0, .09);color:#505050;max-height:0;overflow:hidden;transition:all .5s;font-family: 'Raleway', sans-serif;}
.master-down{max-height:200px;}
.sub-master-button{padding:12px 15px;margin:0;transition:all .1s;display: block;}
.sub-master-button:hover{background:#fff;/*background:var(--medium-orchid);*/border-radius:10px;-webkit-transform:scale(1.05);color:var(--medium-orchid);font-weight:bold;box-shadow:1px 1px 12px 1px rgba(0, 0, 0, .09);}

.btn-main-sidebar{
    position:relative;
    overflow: hidden;
    transition: all 0.2s ease-in;
}
.btn-main-sidebar:hover, .btn-main-sidebar.active{
    background: linear-gradient(to right, #a137a6, #c45bc9);
}
.btn-main-sidebar:hover .btn-main-sidebar-icon, .btn-main-sidebar.active .btn-main-sidebar-icon{
    filter: grayscale(100%) brightness(70%) sepia(50%) hue-rotate(-100deg) saturate(500%) contrast(15) invert(100%);
}
.btn-main-sidebar:hover > .btn-main-sidebar-text, .btn-main-sidebar.active > .btn-main-sidebar-text{
    color: #fff;
}

.btn-main-sidebar:hover .cont_circle_1, .btn-main-sidebar.active  .cont_circle_1{
  position: absolute;
  width: 64px;
  height: 64px;
  background-color: rgba(255,255,255,0.5);
  opacity: 0.3;
  z-index: 0;
  border-radius: 50%;
  animation: animation_circle_1 1.2s infinite;
  animation-direction: alternate;
  transform: scale(0);
}
.btn-main-sidebar:hover .cont_circle_2, .btn-main-sidebar.active  .cont_circle_2 {
  position: absolute;
  width: 128px;
  height: 128px;
  background-color: rgba(255,255,255,0.5);
  opacity: 0.2;
  z-index: 0;
  border-radius: 50%;
  animation: animation_circle_1 1.2s infinite;
  animation-direction: alternate;
  animation-delay: 0.3s;
  transform: scale(0);
}
.btn-main-sidebar:hover .cont_circle_3, .btn-main-sidebar.active  .cont_circle_3 {
  position: absolute;
  width: 192px;
  height: 192px;
  background-color: rgba(255,255,255,0.5);
  opacity: 0.1;
  z-index: 0;
  border-radius: 50%;
  animation: animation_circle_1 1.2s infinite;
  animation-direction: alternate;
  animation-delay: 0.7s;
  transform: scale(0);
}
.btn-main-sidebar:hover .cont_circle_4, .btn-main-sidebar.active  .cont_circle_4 {
  position: absolute;
  width: 256px;
  height: 256px;
  background-color: rgba(255,255,255,0.5);
  opacity: 0.1;
  z-index: 0;
  border-radius: 50%;
  animation: animation_circle_1 1.2s infinite;
  animation-direction: alternate;
  animation-delay: 1.2s;
  transform: scale(0);
}
.btn-main-sidebar:hover .cont_icon_menu, .btn-main-sidebar.active   .cont_icon_menu {
  display: flex;
  position: relative;
  float: right;
  align-self: center;
  justify-content: center;
  align-items: center;
}
@-webkit-keyframes animation_circle_1 {
  from {
    transform: scale(0.7);
  }
  to {
    transform: scale(1);
  }
}
@-o-keyframes animation_circle_1 {
  from {
    transform: scale(0.7);
  }
  to {
    transform: scale(1);
  }
}
@-moz-keyframes animation_circle_1 {
  from {
    transform: scale(0.7);
  }
  to {
    transform: scale(1);
  }
}
@keyframes animation_circle_1 {
  from {
    transform: scale(0.7);
  }
  to {
    transform: scale(1);
  }
}

/* End Master Button */


/* Stopwatch */
.sw-countdownHolder{
    width:100%;
    margin:0px !important;
    font-family: 'Sen', sans-serif;
    font-size: 2em;
    line-height: 1.4em;
    font-weight: bold;
    letter-spacing:-3px;
}

.position{
    display: inline-block;
    height: 1.6em;
    overflow: hidden;
    position: relative;
    width: 1.05em;
}

.digit{
    position:absolute;
    display:block;
    width:1em;
    background-color:#444;
    border-radius:0.2em;
    text-align:center;
    color:#fff;
    letter-spacing:-1px;
}

.digit.static{
    box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);
    
    background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
    background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
    background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
    background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
    background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
    
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.5, #3A3A3A),
        color-stop(0.5, #444444)
    );
}

/**
 * You can use these classes to hide parts
 * of the countdown that you don't need.
 */

.countDays{  display:none !important; }
.countDiv0{  display:none !important; }
.countHours{}
.countDiv1{}
.countMinutes{}
.countDiv2{}
.countSeconds{}


.countDiv{
    display:inline-block;
    width:16px;
    height:1.6em;
    position:relative;
}

.countDiv:before,
.countDiv:after{
    position:absolute;
    width:5px;
    height:5px;
    background-color:#444;
    border-radius:50%;
    left:50%;
    margin-left:-3px;
    top:0.5em;
    box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5);
    content:'';
}

.countDiv:after{
    top:0.9em;
}
/* End Stopwatch */

/* Timeline Kinerja */
.b-a {
border: 1px solid #dee5e7;
}
.padder {
padding-left: 15px;
padding-right: 15px;
}
.panel {
border-radius: 2px;
}
.panel .accordion-toggle {
font-size: 1em;
display: block;
cursor: pointer;
font-family: 'Sen', sans-serif;
}
.panel .list-group-item {
border-color: #edf1f2;
}
.panel.no-borders {
border-width: 0;
}
.panel.no-borders .panel-heading,
.panel.no-borders .panel-footer {
border-width: 0;
}
.timeline {
margin: 0;
padding: 0;
}
.tl-item {
display: block;
}
.tl-item:before,
.tl-item:after {
content: " ";
display: table;
}
.tl-item:after {
clear: both;
}
.visible-left {
display: none;
}
.tl-wrap {
display: block;
margin-left: 4em;
padding: 15px 0 15px 20px;
border-style: solid;
border-color: var(--medium-orchid);
border-width: 0 0 0 4px;
}
.tl-wrap:before,
.tl-wrap:after {
content: " ";
display: table;
}
.tl-wrap:after {
clear: both;
}
.tl-wrap:before {
position: relative;
content: "";
float: left;
top: 15px;
margin-left: -27px;
width: 10px;
height: 10px;
border-color: inherit;
border-width: 3px;
border-radius: 50%;
border-style: solid;
background: #edf1f2;
box-shadow: 0 0 0 4px #f0f3f4;
}
.tl-wrap:hover:before {
background: var(--medium-orchid);
border-color: var(--medium-orchid);
}
.tl-date {
position: relative;
top: 10px;
float: left;
margin-left: -7.5em;
display: block;
width: 4.5em;
text-align: right;
font-family: 'Sen', sans-serif;
font-weight: bold;
font-size: 1em;
color: var(--medium-orchid);
}
.tl-content {
display: inline-block;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
background-color: white;
font-family: 'Sen', sans-serif;
font-size: 1em;
min-width: 100%;
}
.tl-content.block {
display: block;
width: 100%;
}
.tl-content.panel {
margin-bottom: 0;
}
.tl-header {
display: block;
width: 12em;
text-align: center;
margin-left: 2px;
}
.timeline-center .tl-item {
margin-left: 50%;
}
.timeline-center .tl-item .tl-wrap {
margin-left: -2px;
}
.timeline-center .tl-header {
width: auto;
margin: 0;
}
.timeline-center .tl-left {
margin-left: 0;
margin-right: 50%;
}
.timeline-center .tl-left .hidden-left {
display: none !important;
}
.timeline-center .tl-left .visible-left {
display: inherit;
}
.timeline-center .tl-left .tl-wrap {
float: right;
margin-right: -2px;
border-left-width: 0;
border-right-width: 4px;
padding-left: 0;
padding-right: 20px;
}
.timeline-center .tl-left .tl-wrap:before {
float: right;
margin-left: 0;
margin-right: -27px;
}
.timeline-center .tl-left .tl-date {
float: right;
margin-left: 0;
margin-right: -8.5em;
text-align: left;
}
.arrow {
border-width: 9px;
z-index: 10;
}
.arrow,
.arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.arrow:after {
border-width: 8px;
content: "";
}
.arrow.top {
left: 50%;
margin-left: -9px;
border-top-width: 0;
border-bottom-color: rgba(0, 0, 0, 0.1);
top: -9px;
}
.arrow.top:after {
top: 1px;
margin-left: -8px;
border-top-width: 0;
border-bottom-color: #ffffff;
}
.arrow.top.arrow-primary:after {
border-bottom-color: #7266ba;
}
.arrow.top.arrow-info:after {
border-bottom-color: #23b7e5;
}
.arrow.top.arrow-success:after {
border-bottom-color: #27c24c;
}
.arrow.top.arrow-danger:after {
border-bottom-color: #f05050;
}
.arrow.top.arrow-warning:after {
border-bottom-color: #fad733;
}
.arrow.top.arrow-light:after {
border-bottom-color: #edf1f2;
}
.arrow.top.arrow-dark:after {
border-bottom-color: #3a3f51;
}
.arrow.top.arrow-black:after {
border-bottom-color: #13171e;
}
.arrow.right {
top: 50%;
right: -9px;
margin-top: -9px;
border-right-width: 0;
border-left-color: rgba(0, 0, 0, 0.1);
}
.arrow.right:after {
right: 1px;
bottom: -8px;
border-right-width: 0;
border-left-color: #ffffff;
}
.arrow.right.arrow-primary:after {
border-left-color: #7266ba;
}
.arrow.right.arrow-info:after {
border-left-color: #23b7e5;
}
.arrow.right.arrow-success:after {
border-left-color: #27c24c;
}
.arrow.right.arrow-danger:after {
border-left-color: #f05050;
}
.arrow.right.arrow-warning:after {
border-left-color: #fad733;
}
.arrow.right.arrow-light:after {
border-left-color: #edf1f2;
}
.arrow.right.arrow-dark:after {
border-left-color: #3a3f51;
}
.arrow.right.arrow-black:after {
border-left-color: #13171e;
}
.arrow.bottom {
left: 50%;
bottom: -9px;
margin-left: -9px;
border-bottom-width: 0;
border-top-color: rgba(0, 0, 0, 0.1);
}
.arrow.bottom:after {
bottom: 1px;
margin-left: -8px;
border-bottom-width: 0;
border-top-color: #ffffff;
}
.arrow.bottom.arrow-primary:after {
border-top-color: #7266ba;
}
.arrow.bottom.arrow-info:after {
border-top-color: #23b7e5;
}
.arrow.bottom.arrow-success:after {
border-top-color: #27c24c;
}
.arrow.bottom.arrow-danger:after {
border-top-color: #f05050;
}
.arrow.bottom.arrow-warning:after {
border-top-color: #fad733;
}
.arrow.bottom.arrow-light:after {
border-top-color: #edf1f2;
}
.arrow.bottom.arrow-dark:after {
border-top-color: #3a3f51;
}
.arrow.bottom.arrow-black:after {
border-top-color: #13171e;
}
.arrow.left {
top: 50%;
left: -9px;
margin-top: -9px;
border-left-width: 0;
border-right-color: rgba(0, 0, 0, 0.1);
}
.arrow.left:after {
left: 1px;
bottom: -8px;
border-left-width: 0;
border-right-color: #ffffff;
}
.arrow.left.arrow-primary:after {
border-right-color: #7266ba;
}
.arrow.left.arrow-info:after {
border-right-color: #23b7e5;
}
.arrow.left.arrow-success:after {
border-right-color: #27c24c;
}
.arrow.left.arrow-danger:after {
border-right-color: #f05050;
}
.arrow.left.arrow-warning:after {
border-right-color: #fad733;
}
.arrow.left.arrow-light:after {
border-right-color: #edf1f2;
}
.arrow.left.arrow-dark:after {
border-right-color: #3a3f51;
}
.arrow.left.arrow-black:after {
border-right-color: #13171e;
}
.arrow.pull-left {
left: 19px;
}
.arrow.pull-right {
left: auto;
right: 19px;
}
.arrow.pull-up {
top: 19px;
}
.arrow.pull-down {
top: auto;
bottom: 19px;
}
/* End Timeline Kinerja */


/* Table Edit */
.editable.editing{
    background: linear-gradient(140deg, #c94bcf, #952c9a);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset !important;
    color: #fff;
    font-weight: bold;
}
select.editable {
  width: 100%;
  color: #fff;
  background: transparent;
  border: none;]
  font-family: 'Sen', sans-serif;
}
select.editable:focus {
    color: #111;
}
.tableAddStyle{
    font-size: 1em;
    font-weight: normal;
    min-height: 45px;
    padding: 7px 20px;
    width: auto;
    min-width: 50px;
    height: auto;
    border-radius: 10px;
    margin:0px;
}
/* End Table Edit */

/* PBB QRIS */
.pbb-invoice-list.last-opened::before {
  content: "Baru saja dibuka";
  color: #fff;
  background: var(--medium-orchid);
  padding: 5px 13px;
  font-family: 'Sen', sans-serif;
  font-size: .8em;
  font-weight: normal;
  position: absolute;
  top: -2px;
  right: -2px;
  text-transform: uppercase;
  border-radius: 0px 0px 0px 10px;
}
.pbb-invoice-list{
    position: relative;
}

/* END PBB QRIS */



/* ANIMATIONS */

.blink-1 {
    -webkit-animation: blink-1 0.6s both;
            animation: blink-1 0.6s both;
}

@-webkit-keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}


.wobble-hor-bottom {
    -webkit-animation: wobble-hor-bottom 0.8s both;
            animation: wobble-hor-bottom 0.8s both;
}

@-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}

/* END ANIMATIONS */

/* Kiosk */
.tte-sign-list{
    background:rgba(174, 66, 179, .28);
    padding:3px 10px;
    border-radius:5px;
    text-align:center;
    color:#ae42b3;
    font-weight:bold;
    font-family:'Sen', sans-serif;
    font-size:.9em;
    display:inline-block;
    margin: 5px 0px 0px;
}

/* Admin  */
.bottom-right-sidebar-heading-float{
    flex: inherit !important;
}

/* TippyJS */
[data-tippy-root]{
    z-index: 999999 !important;
}