a {
  color: #28b162;
}

.btn-add {
  margin-bottom: 11px;
}

.btn-add-datatables {
  margin-bottom: .5rem;
}

.btn-xs {
  border-radius: .15rem;
  font-size: .7875rem;
  line-height: 1.5;
  padding: 0 .25rem;
}

.btn-action {
  min-width: 97px;
  margin-bottom: 4px;
}

.btn-action-2 {
  width: 107px;
  margin-bottom: 4px;
}

.table-50 {
  width: 50px;
}

.table-70 {
  width: 70px;
}

.right {
  float: right;
}

.flex-right {
  justify-content: flex-end;
}

.border-primary {
  border: 1px solid #3490dc;
}

.border-success {
  border: 1px solid #38c172;
}

.border-info {
  border: 1px solid rgba(56, 193, 114, 0.2) !important;
}

.border-danger {
  border: 1px solid #e3342f;
}

.input-primary {
  border: 1px solid #3490dc;
}

.input-success {
  border: 1px solid #38c172;
}

.head-primary {
  background: #3490dc !important;
  color: #fff;
}

thead.sticky-primary {
  position: -webkit-sticky;
  position: sticky;
  top: 55px;
  z-index: 1;
  background: #3490dc;
}

.head-success {
  background: #38c172 !important;
  color: #fff;
}

thead.sticky-success {
  position: -webkit-sticky;
  position: sticky;
  top: 55px;
  z-index: 1;
  background: #38c172;
}

.head-info {
  background: rgba(56, 193, 114, 0.2) !important;
  color: #000;
}

.head-danger {
  background: #e3342f !important;
  color: #fff;
}

thead.sticky-danger {
  position: -webkit-sticky;
  position: sticky;
  top: 55px;
  z-index: 1;
  background: #e3342f;
}

thead[class^=sticky] th {
  box-shadow: inset .1px .1px 0 #dee2e6;
}

.label-kirim td {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.bg-empty {
  background: rgba(0, 0, 0, 0.05) !important;
}

.bg-primary-15 {
  background-color: rgb(52, 144, 220, .15);
}

.bg-gray-3 {
  background-color: rgba(201, 203, 207, .25);
}

.bg-success-15 {
  background-color: rgb(56, 193, 114, .15);
}

.bg-success-10 {
  background-color: rgb(56, 193, 114, .1);
}

.bg-success-05 {
  background-color: rgb(56, 193, 114, .05);
}

.bg-danger-15 {
  background-color: rgb(227, 52, 47, .15);
}

.bg-purple {
  background-color: var(--purple);
}

.bg-pink {
  background-color: var(--pink);
}

.text-sm {
  font-size: .7rem;
}

.text-sm-i {
  font-size: .7rem;
  font-style: italic;
}

.text-lg {
  font-size: 1.15rem;
}

.text-sm-b {
  font-size: 1.15rem;
  font-weight: bold;
}

.text-b {
  font-weight: bold;
}

.text-i {
  font-style: italic;
}

.text-u {
  text-decoration: underline;
}

.table th,
.td-middle {
  vertical-align: middle !important;
}

.span-cod {
  font-size: 1.1rem;
}

.span-border {
  padding: 3px;
  border: 2px solid #000;
}

.table-center th {
  text-align: center;
}

.td-space {
  padding: 0.1rem !important;
}

.checkbox-success {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  outline: none;
  content: none;
}

.checkbox-success:before {
  font-family: "FontAwesome";
  content: "\f00c";
  font-size: 10px;
  color: transparent !important;
  background: transparent;
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #38c172;
  margin-right: 10px;
}

.checkbox-success:checked:before {
  background: #38c172 !important;
}

.content {
  margin-top: 75px;
}

.h-80 {
  min-height: 80vh;
}

.card-thin {
  min-height: 0;
}

.card-login {
  min-height: 0vh;
}

.dialog-wide {
  max-width: 1000px;
}

.border-top td {
  margin-top: 10px;
  padding-top: 10px;
}

.border-top-only {
  border-top: 1px solid black;
}

.border-bottom-only {
  border-bottom: 1px solid black;
}

.form-border {
  border: 1px solid #ced4da;
  border-radius: .25rem;
  padding: 1rem;
}

.form-disabled-color {
  background-color: #f3f7f9 !important;
}

.cek-ongkir {
  padding-top: 10px;
}

.mw-25 {
  min-width: 25px;
}

.rem-1 {
  font-size: 1rem
}

.middle {
  vertical-align: middle !important;
}

.border-top td {
  border-top: 0.5mm solid #000;
}

/* .print-label-item{
  width: 100%;
}
.print-label-item tr .td-top{
  padding-right: 2mm;
  vertical-align: top;
}
.print-label-item tr .td-cod{
  vertical-align: middle;
  text-align: center;
}
.td-space{
  padding: 0;
}
.td-alamat{
  line-height: 1.29em;
}
.td-alamat div{
  width: auto;
}
.div-cod{
  font-size: 1.25rem;
}
.b-cod{
  border: 0.3mm solid #000;
} */

@media (min-width: 0px) {
  .form-inline .form-group {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 0;
  }
}

.text-pre-line {
  white-space: pre-line;
}

.text-strike {
  text-decoration: line-through;
}

.td-fit {
  width: 1%;
  white-space: nowrap;
}

.nowrap {
  white-space: nowrap;
}

.opacity-0 {
  opacity: 0;
}

.opacity-1 {
  opacity: 0.1;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-5 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

.w-100 {
  width: 100%;
}

.easyeditor-toolbar {
  padding: 10px 10px 5px 10px !important;
}

.easyeditor-toolbar>ul {
  margin-bottom: 0;
}

.modal-container {
  max-width: 1140px;
}

.copy {
  padding: .3rem;
}

.copy:hover {
  color: #38c172;
}

.progress-bar-animated-reverse {
  animation-direction: reverse;
}

@media print {
  .pagebreak {
    page-break-before: always;
  }

  /* page-break-after works, as well */
}

pre {
  white-space: pre-wrap;
}

.form-control-min {
  background-color: #fff;
  border-radius: .25rem;
  border: 1px solid #ced4da;
  color: #495057;
  padding-left: .55rem;
  padding-right: .55rem;
}

.hover-success:hover {
  background-color: rgba(56, 193, 114, .15) !important;
  transition: 0.25s;
}