.input-style input[type=date] {
    padding-top: 0px !important;
    height: 40px !important;
}

.DRL{
    border-bottom: 3px solid #0076c0 !important;
    background-color: white !important;
}

.WLI{
    border-bottom: 3px solid #8dc725 !important;
    background-color: white !important;
}

.pull-right{
    /* float: right;
    display: block; */
}

#preloader{
    background-color: #00000050 !important;
}

table thead th{
    text-align: center;
    vertical-align: middle;
}

.table-compact{
    font-size: 11px !important;
}

.table-compact th, .table-compact td{
    padding-top: 0px;
    padding-bottom: 0px;
}

.highcharts-credits {
    display: none !important;
}

.chart-filter{
    position: absolute;
    z-index: 2;
    font-size: x-small;
    left: 30px;
    opacity: .5;
}

.chart-filter:hover{
    opacity: 1;
}

table.hdr-left th {
    text-align: left
}

.table-1 {
    border-collapse: collapse;
    background-color: #F1F1F1;
}

.table-1 .group {
    background: url('../icons/bullets/next1.png') no-repeat 3px center #EEF7FD;
    border-top: 1px solid #A4BED4;
    border-bottom: 1px solid #A4BED4;
    font-weight: bold;
}

    .table-1 .group td {
        padding: 5px 2px 3px 14px
    }

.table-1 th {
    background-color: #008080;
    color: white;
    border: 1px solid #A4BED4;
    padding: 5px;
}

    .table-1 th span {
        color: yellow;
        font-size: 10px
    }

.table-1 td {
    padding: 2px 3px;
    border: 1px dotted #ccc;
    font-size: 11px
}

.table-1 td.num {
    background-color: #EEF7FD;
    text-align: center
}

.table-1 .odd {
    background-color: #F1F6FD;
}

.table-1 caption {
    background-color: #E3F6CE
}

.table-1 h3 {
    font-size: 14px;
    padding: 12px 1px;
    margin: 0;
    color: #DC143C
}

caption {
    caption-side: top;
    text-align:center;
}

caption.INIT {
    background-color: #FFF5EE
}

caption.CANCELLED {
    background-color: red;
    color: yellow
}

caption.CANCELLED h3 {
    color: white
}

caption.NEED_REVISION {
    background-color: #FFE4C4;
    color: red
}

    caption.NEED_REVISION h3 {
        color: red
    }

caption.APPROVED {
    background-color: darkgreen;
    color: white
}

    caption.APPROVED h3 {
        color: yellow
    }

.panel-title {
    background: -webkit-linear-gradient(#e2efff,#d3e7ff);
    padding: 5px;
    margin-bottom: 0px;
}

input:hover, input:focus{
    -webkit-appearance: auto !important;
}

.snackbar-toast{
    z-index: 200;
}

.loading-screen {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 199;
    transition: all 200ms ease;
  }
  .loading-screen .spinner-border, .loading-screen div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
  }
  
  .theme-light .loading-screen {
    background-color: #FFF;
  }
  
  .theme-dark .loading-screen {
    background-color: #0f1117;
  }

  .fa-spin-fast {
    -webkit-animation: fa-spin 0.5s infinite linear !important;
    animation: fa-spin 0.5s infinite linear !important;
   }

#loading-spinner{
/* right: -65px !important;
left: auto !important; */
opacity: .9;
}
/*Added By Zona84*/
.alert-offline{
    position: fixed; 
    z-index: 9999; 
    width: 28px;
    height: 28px;
    top: 3px; 
    left: calc(50% - 14px); 
    border-radius: 50%;
    opacity: 70%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,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);       
}    
.blink{
    animation: blink-animation 2.5s steps(2, start) 2s infinite;
}
@keyframes blink {
    0%, 80% { opacity: 1; }   /* Tampil selama 2 detik dari total 2.5s */
    81%, 100% { opacity: 0; } /* Hilang selama 0.5 detik */
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 1px;
}
.pointer{cursor: pointer;}
.btn-xxxs, .icon-xxxs{
    width: 17px;
    line-height: 21px;
    font-size: 10px;
    height: 19px;
}
.rounded-xxs {
    border-radius: 3px !important;
}