body{
  font-size:13px;
}

.font-bold {
  font-weight: 600;}
.font-10 { font-size: 10px !important; }
.font-11 { font-size: 11px !important; }
.font-12 {
  font-size: 12px;
  line-height: 1.2em;}
.font-12a { font-size: 12px; }
.font-13 { font-size: 13px; }
.font13 { font-size: 13px !important; }
.font14 { font-size: 14px !important; }
.font15 { font-size: 15px !important; }
.font16 { font-size: 16px !important; }
.font18 { font-size: 18px !important; }
.font20 { font-size: 20px !important; }

.fw500 { font-weight: 500;}
.fontIDR {
  font-family: monospace; }

.mb5 { margin-bottom: 5px; }
.mb8 { margin-bottom: 8px; }
.mb-10a { margin-bottom: 10px !important; }
.mb-20a { margin-bottom: 20px !important; }
.mbi0,
.mbx-010,
.mbx-05 {margin-bottom: 0px !important;}
.mbx-0 { margin-bottom: 0px; }
.mb-5-0 { margin-bottom: 5px; }
.mb-10-0 { margin-bottom: 10px; }
.mt5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.pl0 { padding-left: 0px; }
.pl2i { padding-left: 2px !important; }
.pl5, .plx5 { padding-left: 5px; }
.pl10 { padding-left: 10px !important; }
.pl-20a { padding-left: 20px !important; }
.pr0 { padding-right: 0px; }
.pr2i { padding-right: 2px !important; }
.p5 { padding: 5px !important; }
.prc-5-0,.pr5,.prx5 {
  padding-right: 5px; }
.px-5-5-15-5,
.px-5-5-5-15,
.px-5-5-15-15 {
  padding-left: 5px;
  padding-right: 5px;}
.pr10 { padding-right: 10px; }
.pt0 { padding-top: 0px !important; }
.pt2 { padding-top: 2px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb2 { padding-bottom: 2px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.px2 {
  padding-left: 2px !important;
  padding-right: 2px !important; }
.py2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;}
.py5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;}
.pxy0 { padding: 0px !important; }
.pxy2 { padding: 2px !important; }
.w16 { width: 16px; }
.w20 { width: 20px; }
.w25 { width: 25px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w230 { width: 230px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w330 { width: 330px; }
.w350 { width: 350px; }
.wi33 { width: 33% !important; }
.wi50 { width: 50% !important; }
.wi66 { width: 66%; }
.wi100 { width: 100px !important; }
.h30 { height: 30px !important; }
.h35 { height: 35px !important; }
.pointer { cursor: pointer; }
.align-top {align-content: flex-start;}
.no-list-border{
  border-top: none;
  border-left: none;
  border-right: none;}
.no-border{
  border: none;}
.bg-alice { background-color: aliceblue !important; }
.tesborder {border:1px solid #CC0000 !important;}
.custom-ol, .custom-ul {
  margin: 15px;
  list-style: auto;}
.alert-close {
  font-size: 16px;
  line-height: 10px;}
.user-info-dropdown {
  padding: 5px 20px 5px 0;}
.user-info-dropdown .dropdown-toggle {
  padding: 10px 0;
  font-size: 16px;}
.user-info-dropdown .dropdown-toggle .user-icon {
  width: 35px;
  height: 35px;}
.brand-logo a .svg,
.brand-logo a img {
  margin-left: auto;
  margin-right: auto;}
.left-side-bar .brand-logo a .svg,
.left-side-bar .brand-logo a img {
  margin-left: 5px;
  margin-right: auto;
  height: auto;
  max-width: 180px;}
.table td {
  font-size: 12px;
  padding: 8px 10px;}
.table thead th {
  font-size: 13px;}
.bootstrap-select.btn-group .dropdown-menu.inner,
table.dataTable > tbody > tr.child ul.dtr-details .dtr-title {
  display: inline-block;
  padding: 5px 10px;}
.dtr-data .dropdown {
  display: inherit;}
table.dataTable td.dataTables_empty,
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty {
  padding: 20px 10px;}
div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_info {
  font-size: 14px;}
.lno{border-left: none !important;}
.rno{border-right: none !important;}
.tno{border-top: none !important;}
.bno{border-bottom: none !important;}
.xno{border: none !important;}
.page-link {
  font-size: 13px;}
.custom-file-label {
  padding-top: 8px;
  font-size: 12px;
  height: 35px;}
.form-control {
  font-size: 12px;}
textarea.form-control {
  height: unset;
  min-height: 50px;}
.form-group {
  margin-bottom: 10px;}
.card-title {
  float: left;
  font-size: 16px;
  margin: 0;}
.card-header > .card-tools {
  float: right;
  margin-right: -0.625rem;}
.btn-tool {
  background-color: transparent;
  color: #adb5bd;
  font-size: 0.875rem;
  margin: -0.75rem 0;
  padding: 0.25rem 0.5rem;}
.btn-detail {
  background-color: #6c757d;
  color: white;
  border-radius: 50%;
  padding: 1px 7px;}
.btn-detail:hover {
  background-color: #17a2b8;
  color: white;}
.collapse-content {
  margin-top: 0px;
  padding: 10px;}
.align-center{
  align-items: center;}
.card-det {
  background-color: #f4fff7;
  padding: 0.5rem;}
.det-dl dt {
  padding: 2px 5px 4px 15px;}
.det-dl dd {
  padding: 2px 5px 4px 5px;
  margin-bottom: 0px;}
.alink {
  border-radius: 5px;
  padding: 0px 7px 2px;
  background-color: #dd1f1f;
  color: white;
  font-size: 12px;}
.alink:hover {
  background-color:#990033;
  color: white;}
.viewlink {
  border-radius: 5px;
  padding: 2px 10px 3px;
  background-color: #3EBB3E;
  color: white;
  font-size: 10px;}
.viewlink:hover{
  background-color:#339933;
  color: white;}
.page-header {
  margin-bottom: 20px;}
.footer-wrap {
  margin-bottom: 20px;
  margin-top: 20px;}
.pull-left {
  float: left;}
.no-att{
  text-decoration: none !important;}
.form-group > label {
  font-size: 13px;}
.input-purchase-qty{
  text-align: center;
  max-width:50px;
  padding: 3px 5px;
  border: 1px solid #A6A6A6;
  border-radius:3px;}
.input-purchase-price{
  text-align: right;
  max-width:100px;
  padding: 3px 5px;
  border: 1px solid #A6A6A6;
  border-radius:3px;}
.input-purchase-diskon{
  text-align: right;
  max-width:80px;
  padding: 3px 5px;
  border: 1px solid #A6A6A6;
  border-radius:3px;}
.panel-container{
  display: flex;}
.panel-left{
  display: inline-block;
  text-align: left;
  width: 70%;
  align-self: center;}
.panel-right{
  display: inline-block;
  text-align: right;
  width: 30%;
  align-self: center;}
.swal2-popup .swal2-title {
  font-size: 20px !important;}
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
  border-radius: 10px;}
.select2-container--default {
  font-size: 13px;}
.xshow {
  display: contents;}
.poslr {
  text-align: right;}
.btn-border {
  border: 1px solid #DBDBDB;}
.border-badge {
  border: 1px solid #DBDBDB;
  padding: 5px;
  font-size: 9px;
  font-weight: 500;
  min-width: 70px;}
.box-idr,
.box-upline,
.box-number {
  padding: 0px 4px;
  font-size: 10px;
  border: 1px solid #99A3AD;
  border-radius: 5px;
  margin-right: 3px;}
.box-number {
  background-color: #E6E6E6;}
.box-upline {
  background-color: #FFF0D1;}
.box-idr {
  background-color: #C9EDC9;}
.sidebar-menu > ul > li > .dropdown-toggle.active {
  background-color: rgb(255 0 0 / 40%);}
.badge-green {
  background-color: #66CC66;
  color: #FFF;}
.badge-alternate{
  background-color: #B20077;
  color: #FFF;}
.badge-blue {
  background-color: #219EDC;
  color: #FFF;}
.badge-purple {
  background-color: #996699;
  color: #FFF;}
.badge-pink {
  background-color: #FF6699;}
.pd-ltr-20 {
  padding: 10px 0px;}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;}
.btn-det {
  padding: 3px 12px;
  border-radius: 5px;
  font-size: 12px;
  margin-bottom: 3px;}
.badget-pright{
  float: right;
  border-radius: inherit;
  font-size: 10px;
  margin-right: -5px;
  padding: 5px 8px 3px 8px;}
.disp-wide, .unproc {
  display: block;}
.disp-less, .unprocx {
  display:none;}
.disp-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;}
.v-align {
  justify-content: center;
  display: flex;
  align-items: center;}
.info-trx {
  font-size: 13px;
  color: #ffffff;
  padding: 3px 10px;
  border-radius: 5px;
  background-color: #17a2b8;}
.header-middle {
  display: none;}
.card-header {
  font-size: 15px;}
.grecaptcha-badge{
  display: none !important;}
textarea {
  resize: vertical;}
.btn-link-icon {
  padding: 0px 10px !important;
  background-color: rgba(0, 123, 255, 0.25);}
.card-body-white {
  background-color: white;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;}
.dash-bottom {
  border-bottom: 2px dashed #ecf0f4;
  margin-bottom: 20px;
}

.form-nom{
  height: 30px !important;}
.form_nominal { width: 100%;}
.form_sin { max-width: 80px;}
.form_nom { max-width: 100px;}
.form_nominal,.form_sin,.form_nom {
  border-radius: 4px;
  border: 1px solid darkgrey;
  padding: 6px 5px;
  font-size: 12px;}
.form_nomx {
  width: 100%;
  border-radius: 4px;
  border: 1px solid darkgrey;
  padding: 2px 5px;
  font-size: 11px;}
.form-table {
  padding: 5px 10px;
  height: 35px;
  border-radius: 4px;}
.pxc { padding: 2px 8px !important;}
.pb2 { padding-bottom: 2px;}

.custom-modal .modal-body{
  padding: 0px !important;
}

@media (max-width: 576px) {
  .wm90 { width: 90px !important; }
  .mbx-0 { margin-bottom: 10px; }
  .mbx-05 { margin-bottom: 5px !important; }
  .mbx-010 { margin-bottom: 10px !important; }
  .mb-5-0,
  .mb-10-0 { margin-bottom: 0px; }
  .plq5,
  .plc-5 { padding-left: 5px; }
  .plc-10 { padding-left: 10px; }
  .plc-15, .plx5 { padding-left: 15px; }
  .plc-20 { padding-left: 20px; }
  .prc-5-0 { padding-right: 0px; }
  .prq5,
  .prc-5 { padding-right: 5px; }
  .prc-10 { padding-right: 10px; }
  .prc-15 { padding-right: 15px; }
  .prc-20 { padding-right: 20px; }
  .prx5 { padding-right: 15px; }
  .px-5-5-5-15 {
    padding-left: 5px;
    padding-right: 15px;}
  .px-5-5-15-5 {
    padding-left: 15px;
    padding-right: 5px;}
  .px-5-5-15-15 {
    padding-left: 15px;
    padding-right: 15px;}
  .pbx-5 { padding-bottom: 5px; }
  .prx0 {
    padding-left: 0px;
    padding-right: 0px;}
  .page-header {
    margin-bottom: 10px;}
  .footer-wrap {
    margin-bottom: 20px;
    margin-top: 10px;}
  .pd-ltr-20 {
    padding: 5px 5px 0;}
  .form-group > label {
    font-size: 12px;
    line-height: 1.2;}
  .table td {
    padding: 10px;}
  .pcustom { padding: 0px 0px 2px !important; }
  .hidden-disp {
    display: none!important;}
  .tablex table {
    width: 100%;}
  .tablex thead th.column-primary {
    width: 100%;
    /*border-top-right-radius: 10px;
    border-top-left-radius: 10px;*/
    border: none;}
  .tablex thead th:not(.column-primary) {
    display:none;}
  th[scope="row"] {
    vertical-align: top;
    text-align: center;}
  .tablex td.undisp {
    display:none !important;}
  .tablex td.noborder{
    border: none;}
  .disp-wide, .unproc {
    display:none !important;}
  .disp-less, .unprocx {
    display:block !important;}
  .cust-header{
    padding: 5px 10px !important;
    font-size: 13px;
    background-color: #0893D8 !important;
    color: #fffff;}
  .tablex td {
    display: block;
    width: auto;
    background-color: #e6e6e6;
    font-size: 13px !important;}
  .tablex thead th::before {
    content: attr(data-header);}
  .tablex thead th span {
    display: none;}
  .tablex td::before {
    display: block;
    white-space: pre;
    float: left;
    content: attr(data-header);}
  .inline-table {
    background-color: #FFFFFF !important;}
  .inline-table td {
    display: table-cell;
    border-bottom: 1px solid #EBEBEB;
    background-color: #FFFFFF;}
  .inline-table td.lnob{
    border-left: none !important;}
  .inline-table td.rnob{
    border-right: none !important;}
  .inline-table td.tnob{
    border-top: none !important;}
  .inline-table td.bnob{
    border-bottom: none !important;}
  .inline-table td.xnob{
    border: none !important;}
  .mbody {
    padding: 0px;}
  .mbody-10 {
    padding: 10px;}
  .mbody-15 {
    padding: 15px;}
  .input-purchase-price, .input-purchase-diskon,
  .input-purchase-qty{
    padding: 7px 5px;}
  .modal-body {
    padding:6px;}
  .xshow {
    display: none;}
  .first-line {
    display: inline-block;
    padding-top: 2px;}
  .poslr {
    text-align: left;}
  .collapse-content {
    padding: 0px 10px;}
  .card-det {
    font-size: 12px;}

  .header {
    display: flex;
    justify-content: space-between;}
  .header-left,
  .header-right {
    width: unset !important;}
  .header-middle {
    color: white;
    display: flex;
    text-align: center;
    align-items: center;}
}

@media (min-width: 576px) {
  .hidden-exp {
    display: none !important;}
  .tablex td {
    font-size: 12px !important;}
  .tablet td {
    padding: 2px 8px !important;}
  .rpad5{
    padding-right:5px !important;}
  .rleft5{
    padding-left:5px !important;}
  .dflex14{
    flex: 0 0 14% !important;}

}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 13px;}

/* LOADER */
.app-drawer-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 1100;
  background: rgba(0, 0, 0, 0.4);
  display: block;
  content: '';
  left: 0;
  top: 0}
.d-none {
  display: none !important}
.animated,
.TabsAnimation-appear {
  -webkit-animation-duration: calc( 1s);
  animation-duration: calc( 1s);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn}
.loader-custom{
  top: 50%;
  left: 50%;
  position: absolute;
  margin-left: -45px;
  margin-top: -15px;}
.align-items-center {
  align-items: center !important;}
.justify-content-center {
  justify-content: center !important;}
*,
*::before,
*::after {
  box-sizing: border-box}
.fancytree-helper-spin {
  -webkit-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);}
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);}
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);}
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);}
}
@keyframes fadeIn {
  0% {
    opacity: 0}
  100% {
    opacity: 1}
}

@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    transform: scale(0.4)}
  100% {
    opacity: 1;
    transform: scale(1)}
}

@keyframes ball-grid-pulse {
  0% {
    transform: scale(1)}
  50% {
    transform: scale(0.5);
    opacity: 0.7}
  100% {
    transform: scale(1);
    opacity: 1}
}

.ball-grid-pulse {
  width: 57px}
.ball-grid-pulse>div:nth-child(1) {
  animation-delay: -.07s;
  animation-duration: .94s}
.ball-grid-pulse>div:nth-child(2) {
  animation-delay: .09s;
  animation-duration: 1s}
.ball-grid-pulse>div:nth-child(3) {
  animation-delay: .05s;
  animation-duration: .64s}
.ball-grid-pulse>div:nth-child(4) {
  animation-delay: -.02s;
  animation-duration: 1.6s}
.ball-grid-pulse>div:nth-child(5) {
  animation-delay: -.06s;
  animation-duration: 1.54s}
.ball-grid-pulse>div:nth-child(6) {
  animation-delay: -.05s;
  animation-duration: .68s}
.ball-grid-pulse>div:nth-child(7) {
  animation-delay: .69s;
  animation-duration: .78s}
.ball-grid-pulse>div:nth-child(8) {
  animation-delay: .17s;
  animation-duration: 1.25s}
.ball-grid-pulse>div:nth-child(9) {
  animation-delay: .52s;
  animation-duration: 1.37s}
.ball-grid-pulse>div {
  background-color: #0893d8;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
  float: left;
  animation-name: ball-grid-pulse;
  animation-iteration-count: infinite;
  animation-delay: 0}
.ball-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -10px}
.ball-spin-fade-loader>div:nth-child(1) {
  top: 25px;
  left: 0;
  animation: ball-spin-fade-loader 1s -.96s infinite linear}
.ball-spin-fade-loader>div:nth-child(2) {
  top: 17.04545px;
  left: 17.04545px;
  animation: ball-spin-fade-loader 1s -.84s infinite linear}
.ball-spin-fade-loader>div:nth-child(3) {
  top: 0;
  left: 25px;
  animation: ball-spin-fade-loader 1s -.72s infinite linear}
.ball-spin-fade-loader>div:nth-child(4) {
  top: -17.04545px;
  left: 17.04545px;
  animation: ball-spin-fade-loader 1s -.6s infinite linear}
.ball-spin-fade-loader>div:nth-child(5) {
  top: -25px;
  left: 0;
  animation: ball-spin-fade-loader 1s -.48s infinite linear}
.ball-spin-fade-loader>div:nth-child(6) {
  top: -17.04545px;
  left: -17.04545px;
  animation: ball-spin-fade-loader 1s -.36s infinite linear}
.ball-spin-fade-loader>div:nth-child(7) {
  top: 0;
  left: -25px;
  animation: ball-spin-fade-loader 1s -.24s infinite linear}
.ball-spin-fade-loader>div:nth-child(8) {
  top: 17.04545px;
  left: -17.04545px;
  animation: ball-spin-fade-loader 1s -.12s infinite linear}
.ball-spin-fade-loader>div {
  background-color: #0893d8;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  animation-fill-mode: both;
  position: absolute}

@keyframes ball-spin-loader {
  75% {
    opacity: 0.2}
  100% {
    opacity: 1}
}

.ball-spin-loader {
  position: relative}
.ball-spin-loader>span:nth-child(1) {
  top: 45px;
  left: 0;
  animation: ball-spin-loader 2s .9s infinite linear}
.ball-spin-loader>span:nth-child(2) {
  top: 30.68182px;
  left: 30.68182px;
  animation: ball-spin-loader 2s 1.8s infinite linear}
.ball-spin-loader>span:nth-child(3) {
  top: 0;
  left: 45px;
  animation: ball-spin-loader 2s 2.7s infinite linear}
.ball-spin-loader>span:nth-child(4) {
  top: -30.68182px;
  left: 30.68182px;
  animation: ball-spin-loader 2s 3.6s infinite linear}
.ball-spin-loader>span:nth-child(5) {
  top: -45px;
  left: 0;
  animation: ball-spin-loader 2s 4.5s infinite linear}
.ball-spin-loader>span:nth-child(6) {
  top: -30.68182px;
  left: -30.68182px;
  animation: ball-spin-loader 2s 5.4s infinite linear}
.ball-spin-loader>span:nth-child(7) {
  top: 0;
  left: -45px;
  animation: ball-spin-loader 2s 6.3s infinite linear}
.ball-spin-loader>span:nth-child(8) {
  top: 30.68182px;
  left: -30.68182px;
  animation: ball-spin-loader 2s 7.2s infinite linear}
.ball-spin-loader>div {
  animation-fill-mode: both;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: green}

/* SWITCHERRY */
.switchery {
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  position: relative;
  vertical-align: middle;
  width: 50px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: content-box;
  background-clip: content-box;
  margin-top: 5px;}
.switchery > small {
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  height: 30px;
  position: absolute;
  top: 0;
  width: 30px;}
.switchery-small {
  border-radius: 20px;
  height: 20px;
  width: 33px;}
.switchery-small > small {
  height: 20px;
  width: 20px;}
.switchery-large {
border-radius: 40px;
height: 40px;
width: 66px;}
.switchery-large > small {
  height: 40px;
  width: 40px;}
.labelx {
  height: 100%;
  line-height: 1.7;}
.labelx::after {
  line-height: 2;}

.note-editing-area ol {
  list-style-type: decimal;
  padding: 0px 20px 0px;}

.bootbox {
  &.modal {
    &.my-modal {
      .modal-dialog{
        @media (min-width: 1300px) {
          width: 1266px;
          max-width:1500px;}
      }
    }
  }
}

.ol-decimal{
  list-style-type: decimal;
  padding-left: 15px;
}

.imgthumb {
    padding: 2px;
    border-radius: 5px;
    height: 49px;
    width: 49px;
    border: 1px solid #BDC3C7;
}
.pointer {
    cursor: pointer;
}

.imgBox {
    width: 160px;
    height: 160px;
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
    color: #ecf0f1;
    border-radius: 4px;
    border: 1px solid #ddd;
    /*cursor: pointer;*/
}

.image-upload {
    position: absolute;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
    width: inherit !important;
    height: 33px;
    top: 125px;
    left: 0px;
}

.image-label {
    position: absolute;
    z-index: 5;
    opacity: 0.8;
    cursor: pointer;
    background-color: #bdc3c7;
    width: 160px;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    text-transform: uppercase;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}
.image-del {
    position: absolute;
    z-index: 5;
    opacity: 0.8;
    cursor: pointer;
    background-color: #FFCCFF;
    width: 10px;
    height: 10px;
    /*left: 0;*/
    right: 10;
    bottom: 10;
    margin: auto;
}
[item] .trash-image{
    position:absolute;
    left:20px;
    top:3px;
    z-index:10;
    cursor: pointer;
}
.imgBox{
    display:table;
}
.imgBox .add-image{
    display:table-cell;
    vertical-align:middle;
}
.imgBox .add-image img{
    width:75px;
    height:75px;
    opacity:.5
}
.thumb{
    width: 50px;
    height:50px;
}

ol, ul {
  padding-bottom: 10px;
}
.table-detail ul, .table-detail ol,
.ck-content ul, .ck-content ol {
  list-style-type: disc; /* menampilkan bullet bulat default */
  list-style-position: outside; /* posisi bullet di luar teks */
  margin-left: 10px; /* beri jarak dari kiri */
  padding-left: 15px; /* pastikan ada padding agar bullet tampak */
}

.table-detail li,
.ck-content li {
  margin-bottom: 1px;
}

.table-detail p,
.ck-content p {
  margin-bottom: 2px;
}