.feather-small{
width: 14px!important;
height: 14px!important;
}

.tabbed {
	overflow-x: hidden; /* so we could easily hide the radio inputs */
	margin: 16px 0;
	padding-bottom: 16px;
	border-bottom: 1px solid #ccc;
}

.tabbed [type="radio"] {
	/* hiding the inputs */
	display: none;
}

.tabs {
	display: flex;
	align-items: stretch;
	list-style: none;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
.tab > label {
	display: block;
	margin-bottom: -1px;
	padding: 12px 15px;
	border: 1px solid #ccc;
	background: #eee;
	color: #666;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	transition: all 0.3s;
}
.tab:hover label {
	border-top-color: #333;
	color: #333;
}

.tab-content {
	display: none;
	color: #777;
}

/* As we cannot replace the numbers with variables or calls to element properties, the number of this selector parts is our tab count limit */
.tabbed [type="radio"]:nth-of-type(1):checked ~ .tabs .tab:nth-of-type(1) label,
.tabbed [type="radio"]:nth-of-type(2):checked ~ .tabs .tab:nth-of-type(2) label,
.tabbed [type="radio"]:nth-of-type(3):checked ~ .tabs .tab:nth-of-type(3) label,
.tabbed [type="radio"]:nth-of-type(4):checked ~ .tabs .tab:nth-of-type(4) label,
.tabbed [type="radio"]:nth-of-type(5):checked ~ .tabs .tab:nth-of-type(5) label {
	border-bottom-color: #fff;
	border-top-color: #B721FF;
	background: #fff;
	color: #222;
}

.tabbed [type="radio"]:nth-of-type(1):checked ~ .tab-content:nth-of-type(1),
.tabbed [type="radio"]:nth-of-type(2):checked ~ .tab-content:nth-of-type(2),
.tabbed [type="radio"]:nth-of-type(3):checked ~ .tab-content:nth-of-type(3),
.tabbed [type="radio"]:nth-of-type(4):checked ~ .tab-content:nth-of-type(4) {
	display: block;
}
table.dataTable.no-footer {border:none!important}
table#customer_data tr td:first-child {width:60px!important}

.heading-2 {padding:10px 4px 2px 30px;background:#4E9B47}
.heading-1 {padding:10px 4px 2px 30px;background:#FF9900}
.heading-2 h5, .heading-1 h5 {color:#fff!important;font-weight:800!important}

.dash1 {background:#52006A;}
.dash2 {background:#CD113B;}
.dash3 {background:#FF7600;}
.dash4 {background:#FFA900;}
.dash1,.dash2,.dash3,.dash4 {padding:40px 0; text-align:center}
.dash1 a,.dash2 a,.dash3 a,.dash4 a {color:#fff; font-size:2em}

.feather-big{
width: 30px!important;
height: 30px!important;
}
.peringatan {border-radius: .2rem;border:1px solid #dc3545;padding:10px}
.lunas {background:#1cbb8c;padding:5px;width:70px;text-align:center;color:#fff}
#notagih_length {margin-bottom:20px;display:none}

#print_filter {}


.custom-dropdown {
    /*position: relative;*/
    display: inline-block;
    vertical-align: middle;

  }

  .custom-dropdown select {
    background-color: #6E650F;
    color: #fff;
    font-size: inherit;
    padding: .5em;
    padding-right: 2.5em;
    border: 0;
    margin: 0;
    border-radius: 3px;
    text-indent: 0.01px;
    text-overflow: '';
    -webkit-appearance: button; /* hide default arrow in chrome OSX */
  }

  .custom-dropdown::before,
  .custom-dropdown::after {
    content: "";
    position: absolute;
    pointer-events: none;
  }
/*
  .custom-dropdown::after {
    content: "\25BC";
    height: 1em;
    font-size: .625em;
    line-height: 1;
    right: 1.2em;
    top: 50%;
    margin-top: -.5em;
  }

  .custom-dropdown::before {
    width: 2em;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0;
  }
*/
  .custom-dropdown select[disabled] {
    color: rgba(0,0,0,.3);
  }

  .custom-dropdown select[disabled]::after {
    color: rgba(0,0,0,.1);
  }

  .custom-dropdown::before {
    background-color: rgba(0,0,0,.15);
  }

  .custom-dropdown::after {
    color: rgba(0,0,0,.4);
  }

  @media (min-width:1000px) {
  .d1000d {display:none}
}
@media (max-width:999px) {
  .d1000u {display:none}
}