@-webkit-keyframes spinner-border {

to {
  transform: rotate(360deg);
}

}

@keyframes spinner-border {

to {
  transform: rotate(360deg);
}

}

.spinner-border {

display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
border: 0.25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spinner-border .75s linear infinite;
animation: spinner-border .75s linear infinite;

}

.spinner-border-sm {

width: 1rem;
height: 1rem;
border-width: 0.2em;

}

@-webkit-keyframes spinner-grow {

0% {
  transform: scale(0);
}
50% {
  opacity: 1;
}

}

@keyframes spinner-grow {

0% {
  transform: scale(0);
}
50% {
  opacity: 1;
}

}

.spinner-grow {

display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
-webkit-animation: spinner-grow .75s linear infinite;
animation: spinner-grow .75s linear infinite;

}

.spinner-grow-sm {

width: 1rem;
height: 1rem;

}

.btn {

display: inline-block;
font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 400;
color: #212121;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 8px 16px;
font-size: 0.875rem;
line-height: 20px;
border-radius: 4px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

.btn {
  transition: none;
}

}

.btn:hover {

color: #212121;
text-decoration: none;

}

.btn:focus, .btn.focus {

outline: 0;
box-shadow: 0 0 4px 1px #1357ff;

}

.btn.disabled, .btn:disabled {

opacity: 0.65;

}

a.btn.disabled, fieldset:disabled a.btn {

pointer-events: none;

}

.btn-danger {

color: #fff;
background-color: #d74022;
border-color: #d74022;

}

.btn-danger:hover {

color: #fff;
background-color: #b6361d;
border-color: #ab331b;

}

.btn-danger:focus, .btn-danger.focus {

box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);

}

.btn-danger.disabled, .btn-danger:disabled {

color: #fff;
background-color: #d74022;
border-color: #d74022;

}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {

color: #fff;
background-color: #ab331b;
border-color: #a03019;

}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);

}

.btn-success {

color: #fff;
background-color: #009f61;
border-color: #009f61;

}

.btn-success:hover {

color: #fff;
background-color: #00794a;
border-color: #006c42;

}

.btn-success:focus, .btn-success.focus {

box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);

}

.btn-success.disabled, .btn-success:disabled {

color: #fff;
background-color: #009f61;
border-color: #009f61;

}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {

color: #fff;
background-color: #006c42;
border-color: #005f3a;

}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);

}

.btn-info {

color: #212529;
background-color: #ffeb99;
border-color: #ffeb99;

}

.btn-info:hover {

color: #212529;
background-color: #ffe473;
border-color: #ffe166;

}

.btn-info:focus, .btn-info.focus {

box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);

}

.btn-info.disabled, .btn-info:disabled {

color: #212529;
background-color: #ffeb99;
border-color: #ffeb99;

}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {

color: #212529;
background-color: #ffe166;
border-color: #ffdf59;

}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);

}

.btn-warning {

color: #212529;
background-color: #ffb700;
border-color: #ffb700;

}

.btn-warning:hover {

color: #212529;
background-color: #d99c00;
border-color: #cc9200;

}

.btn-warning:focus, .btn-warning.focus {

box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);

}

.btn-warning.disabled, .btn-warning:disabled {

color: #212529;
background-color: #ffb700;
border-color: #ffb700;

}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {

color: #fff;
background-color: #cc9200;
border-color: #bf8900;

}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);

}

.btn-primary {

color: #fff;
background-color: #005fbf;
border-color: #005fbf;

}

.btn-primary:hover {

color: #fff;
background-color: #004c99;
border-color: #00468c;

}

.btn-primary:focus, .btn-primary.focus {

box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);

}

.btn-primary.disabled, .btn-primary:disabled {

color: #fff;
background-color: #005fbf;
border-color: #005fbf;

}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {

color: #fff;
background-color: #00468c;
border-color: #003f7f;

}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);

}

.btn-jurnal {

color: #fff;
background-color: #009bde;
border-color: #009bde;

}

.btn-jurnal:hover {

color: #fff;
background-color: #0080b8;
border-color: #0077ab;

}

.btn-jurnal:focus, .btn-jurnal.focus {

box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);

}

.btn-jurnal.disabled, .btn-jurnal:disabled {

color: #fff;
background-color: #009bde;
border-color: #009bde;

}

.btn-jurnal:not(:disabled):not(.disabled):active, .btn-jurnal:not(:disabled):not(.disabled).active, .show > .btn-jurnal.dropdown-toggle {

color: #fff;
background-color: #0077ab;
border-color: #006e9e;

}

.btn-jurnal:not(:disabled):not(.disabled):active:focus, .btn-jurnal:not(:disabled):not(.disabled).active:focus, .show > .btn-jurnal.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);

}

.btn-talenta {

color: #fff;
background-color: #c02a34;
border-color: #c02a34;

}

.btn-talenta:hover {

color: #fff;
background-color: #a1232c;
border-color: #962129;

}

.btn-talenta:focus, .btn-talenta.focus {

box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);

}

.btn-talenta.disabled, .btn-talenta:disabled {

color: #fff;
background-color: #c02a34;
border-color: #c02a34;

}

.btn-talenta:not(:disabled):not(.disabled):active, .btn-talenta:not(:disabled):not(.disabled).active, .show > .btn-talenta.dropdown-toggle {

color: #fff;
background-color: #962129;
border-color: #8c1f26;

}

.btn-talenta:not(:disabled):not(.disabled):active:focus, .btn-talenta:not(:disabled):not(.disabled).active:focus, .show > .btn-talenta.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);

}

.btn-klikpajak {

color: #fff;
background-color: #f96d01;
border-color: #f96d01;

}

.btn-klikpajak:hover {

color: #fff;
background-color: #d35c01;
border-color: #c65701;

}

.btn-klikpajak:focus, .btn-klikpajak.focus {

box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);

}

.btn-klikpajak.disabled, .btn-klikpajak:disabled {

color: #fff;
background-color: #f96d01;
border-color: #f96d01;

}

.btn-klikpajak:not(:disabled):not(.disabled):active, .btn-klikpajak:not(:disabled):not(.disabled).active, .show > .btn-klikpajak.dropdown-toggle {

color: #fff;
background-color: #c65701;
border-color: #ba5101;

}

.btn-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-klikpajak:not(:disabled):not(.disabled).active:focus, .show > .btn-klikpajak.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);

}

.btn-mekari {

color: #fff;
background-color: #6d48e5;
border-color: #6d48e5;

}

.btn-mekari:hover {

color: #fff;
background-color: #5227e0;
border-color: #4b1fdb;

}

.btn-mekari:focus, .btn-mekari.focus {

box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);

}

.btn-mekari.disabled, .btn-mekari:disabled {

color: #fff;
background-color: #6d48e5;
border-color: #6d48e5;

}

.btn-mekari:not(:disabled):not(.disabled):active, .btn-mekari:not(:disabled):not(.disabled).active, .show > .btn-mekari.dropdown-toggle {

color: #fff;
background-color: #4b1fdb;
border-color: #481ed0;

}

.btn-mekari:not(:disabled):not(.disabled):active:focus, .btn-mekari:not(:disabled):not(.disabled).active:focus, .show > .btn-mekari.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);

}

.btn-dark {

color: #fff;
background-color: #212121;
border-color: #212121;

}

.btn-dark:hover {

color: #fff;
background-color: #0e0e0e;
border-color: #080808;

}

.btn-dark:focus, .btn-dark.focus {

box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);

}

.btn-dark.disabled, .btn-dark:disabled {

color: #fff;
background-color: #212121;
border-color: #212121;

}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {

color: #fff;
background-color: #080808;
border-color: #010101;

}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);

}

.btn-slate {

color: #fff;
background-color: #777;
border-color: #777;

}

.btn-slate:hover {

color: #fff;
background-color: #646464;
border-color: #5e5e5e;

}

.btn-slate:focus, .btn-slate.focus {

box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);

}

.btn-slate.disabled, .btn-slate:disabled {

color: #fff;
background-color: #777;
border-color: #777;

}

.btn-slate:not(:disabled):not(.disabled):active, .btn-slate:not(:disabled):not(.disabled).active, .show > .btn-slate.dropdown-toggle {

color: #fff;
background-color: #5e5e5e;
border-color: #575757;

}

.btn-slate:not(:disabled):not(.disabled):active:focus, .btn-slate:not(:disabled):not(.disabled).active:focus, .show > .btn-slate.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);

}

.btn-muted {

color: #212529;
background-color: #b4b4b4;
border-color: #b4b4b4;

}

.btn-muted:hover {

color: #212529;
background-color: #a1a1a1;
border-color: #9b9b9b;

}

.btn-muted:focus, .btn-muted.focus {

box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);

}

.btn-muted.disabled, .btn-muted:disabled {

color: #212529;
background-color: #b4b4b4;
border-color: #b4b4b4;

}

.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active, .show > .btn-muted.dropdown-toggle {

color: #212529;
background-color: #9b9b9b;
border-color: #949494;

}

.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-muted.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);

}

.btn-smoke {

color: #212529;
background-color: #e2e2e2;
border-color: #e2e2e2;

}

.btn-smoke:hover {

color: #212529;
background-color: #cfcfcf;
border-color: #c9c9c9;

}

.btn-smoke:focus, .btn-smoke.focus {

box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);

}

.btn-smoke.disabled, .btn-smoke:disabled {

color: #212529;
background-color: #e2e2e2;
border-color: #e2e2e2;

}

.btn-smoke:not(:disabled):not(.disabled):active, .btn-smoke:not(:disabled):not(.disabled).active, .show > .btn-smoke.dropdown-toggle {

color: #212529;
background-color: #c9c9c9;
border-color: #c2c2c2;

}

.btn-smoke:not(:disabled):not(.disabled):active:focus, .btn-smoke:not(:disabled):not(.disabled).active:focus, .show > .btn-smoke.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);

}

.btn-light {

color: #212529;
background-color: #fbfbfb;
border-color: #fbfbfb;

}

.btn-light:hover {

color: #212529;
background-color: #e8e8e8;
border-color: #e2e2e2;

}

.btn-light:focus, .btn-light.focus {

box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);

}

.btn-light.disabled, .btn-light:disabled {

color: #212529;
background-color: #fbfbfb;
border-color: #fbfbfb;

}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {

color: #212529;
background-color: #e2e2e2;
border-color: #dbdbdb;

}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);

}

.btn-cloud {

color: #212529;
background-color: #f2f4f7;
border-color: #f2f4f7;

}

.btn-cloud:hover {

color: #212529;
background-color: #dae0e8;
border-color: #d2d9e4;

}

.btn-cloud:focus, .btn-cloud.focus {

box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);

}

.btn-cloud.disabled, .btn-cloud:disabled {

color: #212529;
background-color: #f2f4f7;
border-color: #f2f4f7;

}

.btn-cloud:not(:disabled):not(.disabled):active, .btn-cloud:not(:disabled):not(.disabled).active, .show > .btn-cloud.dropdown-toggle {

color: #212529;
background-color: #d2d9e4;
border-color: #cbd3df;

}

.btn-cloud:not(:disabled):not(.disabled):active:focus, .btn-cloud:not(:disabled):not(.disabled).active:focus, .show > .btn-cloud.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);

}

.btn-link {

color: #fff;
background-color: #1357ff;
border-color: #1357ff;

}

.btn-hover {

color: #fff;
background-color: #0044ec;
border-color: #0040df;

}

.btn-focus, .btn-link.focus {

box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);

}

.btn-link.disabled, .btn-disabled {

color: #fff;
background-color: #1357ff;
border-color: #1357ff;

}

.btn-not(:disabled):not(.disabled):active, .btn-not(:disabled):not(.disabled).active, .show > .btn-link.dropdown-toggle {

color: #fff;
background-color: #0040df;
border-color: #003dd2;

}

.btn-not(:disabled):not(.disabled):active:focus, .btn-not(:disabled):not(.disabled).active:focus, .show > .btn-link.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);

}

.btn-white {

color: #212529;
background-color: #fff;
border-color: #fff;

}

.btn-white:hover {

color: #212529;
background-color: #ececec;
border-color: #e6e6e6;

}

.btn-white:focus, .btn-white.focus {

box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);

}

.btn-white.disabled, .btn-white:disabled {

color: #212529;
background-color: #fff;
border-color: #fff;

}

.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle {

color: #212529;
background-color: #e6e6e6;
border-color: #dfdfdf;

}

.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);

}

.btn-outline-danger {

color: #d74022;
border-color: #d74022;

}

.btn-outline-danger:hover {

color: #fff;
background-color: #d74022;
border-color: #d74022;

}

.btn-outline-danger:focus, .btn-outline-danger.focus {

box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);

}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {

color: #d74022;
background-color: transparent;

}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {

color: #fff;
background-color: #d74022;
border-color: #d74022;

}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);

}

.btn-outline-success {

color: #009f61;
border-color: #009f61;

}

.btn-outline-success:hover {

color: #fff;
background-color: #009f61;
border-color: #009f61;

}

.btn-outline-success:focus, .btn-outline-success.focus {

box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);

}

.btn-outline-success.disabled, .btn-outline-success:disabled {

color: #009f61;
background-color: transparent;

}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {

color: #fff;
background-color: #009f61;
border-color: #009f61;

}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);

}

.btn-outline-info {

color: #ffeb99;
border-color: #ffeb99;

}

.btn-outline-info:hover {

color: #212529;
background-color: #ffeb99;
border-color: #ffeb99;

}

.btn-outline-info:focus, .btn-outline-info.focus {

box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);

}

.btn-outline-info.disabled, .btn-outline-info:disabled {

color: #ffeb99;
background-color: transparent;

}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {

color: #212529;
background-color: #ffeb99;
border-color: #ffeb99;

}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);

}

.btn-outline-warning {

color: #ffb700;
border-color: #ffb700;

}

.btn-outline-warning:hover {

color: #212529;
background-color: #ffb700;
border-color: #ffb700;

}

.btn-outline-warning:focus, .btn-outline-warning.focus {

box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);

}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {

color: #ffb700;
background-color: transparent;

}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {

color: #212529;
background-color: #ffb700;
border-color: #ffb700;

}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);

}

.btn-outline-primary {

color: #005fbf;
border-color: #005fbf;

}

.btn-outline-primary:hover {

color: #fff;
background-color: #005fbf;
border-color: #005fbf;

}

.btn-outline-primary:focus, .btn-outline-primary.focus {

box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);

}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {

color: #005fbf;
background-color: transparent;

}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {

color: #fff;
background-color: #005fbf;
border-color: #005fbf;

}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);

}

.btn-outline-jurnal {

color: #009bde;
border-color: #009bde;

}

.btn-outline-jurnal:hover {

color: #fff;
background-color: #009bde;
border-color: #009bde;

}

.btn-outline-jurnal:focus, .btn-outline-jurnal.focus {

box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);

}

.btn-outline-jurnal.disabled, .btn-outline-jurnal:disabled {

color: #009bde;
background-color: transparent;

}

.btn-outline-jurnal:not(:disabled):not(.disabled):active, .btn-outline-jurnal:not(:disabled):not(.disabled).active, .show > .btn-outline-jurnal.dropdown-toggle {

color: #fff;
background-color: #009bde;
border-color: #009bde;

}

.btn-outline-jurnal:not(:disabled):not(.disabled):active:focus, .btn-outline-jurnal:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-jurnal.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);

}

.btn-outline-talenta {

color: #c02a34;
border-color: #c02a34;

}

.btn-outline-talenta:hover {

color: #fff;
background-color: #c02a34;
border-color: #c02a34;

}

.btn-outline-talenta:focus, .btn-outline-talenta.focus {

box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);

}

.btn-outline-talenta.disabled, .btn-outline-talenta:disabled {

color: #c02a34;
background-color: transparent;

}

.btn-outline-talenta:not(:disabled):not(.disabled):active, .btn-outline-talenta:not(:disabled):not(.disabled).active, .show > .btn-outline-talenta.dropdown-toggle {

color: #fff;
background-color: #c02a34;
border-color: #c02a34;

}

.btn-outline-talenta:not(:disabled):not(.disabled):active:focus, .btn-outline-talenta:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-talenta.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);

}

.btn-outline-klikpajak {

color: #f96d01;
border-color: #f96d01;

}

.btn-outline-klikpajak:hover {

color: #fff;
background-color: #f96d01;
border-color: #f96d01;

}

.btn-outline-klikpajak:focus, .btn-outline-klikpajak.focus {

box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);

}

.btn-outline-klikpajak.disabled, .btn-outline-klikpajak:disabled {

color: #f96d01;
background-color: transparent;

}

.btn-outline-klikpajak:not(:disabled):not(.disabled):active, .btn-outline-klikpajak:not(:disabled):not(.disabled).active, .show > .btn-outline-klikpajak.dropdown-toggle {

color: #fff;
background-color: #f96d01;
border-color: #f96d01;

}

.btn-outline-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-outline-klikpajak:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-klikpajak.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);

}

.btn-outline-mekari {

color: #6d48e5;
border-color: #6d48e5;

}

.btn-outline-mekari:hover {

color: #fff;
background-color: #6d48e5;
border-color: #6d48e5;

}

.btn-outline-mekari:focus, .btn-outline-mekari.focus {

box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);

}

.btn-outline-mekari.disabled, .btn-outline-mekari:disabled {

color: #6d48e5;
background-color: transparent;

}

.btn-outline-mekari:not(:disabled):not(.disabled):active, .btn-outline-mekari:not(:disabled):not(.disabled).active, .show > .btn-outline-mekari.dropdown-toggle {

color: #fff;
background-color: #6d48e5;
border-color: #6d48e5;

}

.btn-outline-mekari:not(:disabled):not(.disabled):active:focus, .btn-outline-mekari:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-mekari.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);

}

.btn-outline-dark {

color: #212121;
border-color: #212121;

}

.btn-outline-dark:hover {

color: #fff;
background-color: #212121;
border-color: #212121;

}

.btn-outline-dark:focus, .btn-outline-dark.focus {

box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);

}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {

color: #212121;
background-color: transparent;

}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {

color: #fff;
background-color: #212121;
border-color: #212121;

}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);

}

.btn-outline-slate {

color: #777;
border-color: #777;

}

.btn-outline-slate:hover {

color: #fff;
background-color: #777;
border-color: #777;

}

.btn-outline-slate:focus, .btn-outline-slate.focus {

box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);

}

.btn-outline-slate.disabled, .btn-outline-slate:disabled {

color: #777;
background-color: transparent;

}

.btn-outline-slate:not(:disabled):not(.disabled):active, .btn-outline-slate:not(:disabled):not(.disabled).active, .show > .btn-outline-slate.dropdown-toggle {

color: #fff;
background-color: #777;
border-color: #777;

}

.btn-outline-slate:not(:disabled):not(.disabled):active:focus, .btn-outline-slate:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-slate.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);

}

.btn-outline-muted {

color: #b4b4b4;
border-color: #b4b4b4;

}

.btn-outline-muted:hover {

color: #212529;
background-color: #b4b4b4;
border-color: #b4b4b4;

}

.btn-outline-muted:focus, .btn-outline-muted.focus {

box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);

}

.btn-outline-muted.disabled, .btn-outline-muted:disabled {

color: #b4b4b4;
background-color: transparent;

}

.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active, .show > .btn-outline-muted.dropdown-toggle {

color: #212529;
background-color: #b4b4b4;
border-color: #b4b4b4;

}

.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-muted.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);

}

.btn-outline-smoke {

color: #e2e2e2;
border-color: #e2e2e2;

}

.btn-outline-smoke:hover {

color: #212529;
background-color: #e2e2e2;
border-color: #e2e2e2;

}

.btn-outline-smoke:focus, .btn-outline-smoke.focus {

box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);

}

.btn-outline-smoke.disabled, .btn-outline-smoke:disabled {

color: #e2e2e2;
background-color: transparent;

}

.btn-outline-smoke:not(:disabled):not(.disabled):active, .btn-outline-smoke:not(:disabled):not(.disabled).active, .show > .btn-outline-smoke.dropdown-toggle {

color: #212529;
background-color: #e2e2e2;
border-color: #e2e2e2;

}

.btn-outline-smoke:not(:disabled):not(.disabled):active:focus, .btn-outline-smoke:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-smoke.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);

}

.btn-outline-light {

color: #fbfbfb;
border-color: #fbfbfb;

}

.btn-outline-light:hover {

color: #212529;
background-color: #fbfbfb;
border-color: #fbfbfb;

}

.btn-outline-light:focus, .btn-outline-light.focus {

box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);

}

.btn-outline-light.disabled, .btn-outline-light:disabled {

color: #fbfbfb;
background-color: transparent;

}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {

color: #212529;
background-color: #fbfbfb;
border-color: #fbfbfb;

}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);

}

.btn-outline-cloud {

color: #f2f4f7;
border-color: #f2f4f7;

}

.btn-outline-cloud:hover {

color: #212529;
background-color: #f2f4f7;
border-color: #f2f4f7;

}

.btn-outline-cloud:focus, .btn-outline-cloud.focus {

box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);

}

.btn-outline-cloud.disabled, .btn-outline-cloud:disabled {

color: #f2f4f7;
background-color: transparent;

}

.btn-outline-cloud:not(:disabled):not(.disabled):active, .btn-outline-cloud:not(:disabled):not(.disabled).active, .show > .btn-outline-cloud.dropdown-toggle {

color: #212529;
background-color: #f2f4f7;
border-color: #f2f4f7;

}

.btn-outline-cloud:not(:disabled):not(.disabled):active:focus, .btn-outline-cloud:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-cloud.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);

}

.btn-outline-link {

color: #1357ff;
border-color: #1357ff;

}

.btn-outline-hover {

color: #fff;
background-color: #1357ff;
border-color: #1357ff;

}

.btn-outline-focus, .btn-outline-link.focus {

box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);

}

.btn-outline-link.disabled, .btn-outline-disabled {

color: #1357ff;
background-color: transparent;

}

.btn-outline-not(:disabled):not(.disabled):active, .btn-outline-not(:disabled):not(.disabled).active, .show > .btn-outline-link.dropdown-toggle {

color: #fff;
background-color: #1357ff;
border-color: #1357ff;

}

.btn-outline-not(:disabled):not(.disabled):active:focus, .btn-outline-not(:disabled):not(.disabled).active:focus, .show > .btn-outline-link.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);

}

.btn-outline-white {

color: #fff;
border-color: #fff;

}

.btn-outline-white:hover {

color: #212529;
background-color: #fff;
border-color: #fff;

}

.btn-outline-white:focus, .btn-outline-white.focus {

box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);

}

.btn-outline-white.disabled, .btn-outline-white:disabled {

color: #fff;
background-color: transparent;

}

.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle {

color: #212529;
background-color: #fff;
border-color: #fff;

}

.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus {

box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);

}

.btn-link {

font-weight: 400;
color: #1357ff;
text-decoration: none;

}

.btn-hover {

color: #0039c6;
text-decoration: underline;

}

.btn-focus, .btn-link.focus {

text-decoration: underline;
box-shadow: none;

}

.btn-disabled, .btn-link.disabled {

color: #f2f4f7;
pointer-events: none;

}

.btn-lg, .btn-group-lg > .btn {

padding: 8px 16px;
font-size: 1rem;
line-height: 24px;
border-radius: 4px;

}

.btn-sm, .btn-group-sm > .btn {

padding: 2px 8px;
font-size: 0.875rem;
line-height: 20px;
border-radius: 4px;

}

.btn-block {

display: block;
width: 100%;

}

.btn-block + .btn-block {

margin-top: 0.5rem;

}

input.btn-block, input.btn-block, input.btn-block {

width: 100%;

}

.btn-group, .btn-group-vertical {

position: relative;
display: inline-flex;
vertical-align: middle;

}

.btn-group > .btn, .btn-group-vertical > .btn {

position: relative;
flex: 1 1 auto;

}

.btn-group > .btn:hover, .btn-group-vertical > .btn:hover {

z-index: 1;

}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {

z-index: 1;

}

.btn-toolbar {

display: flex;
flex-wrap: wrap;
justify-content: flex-start;

}

.btn-toolbar .input-group {

width: auto;

}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {

margin-left: -1px;

}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {

border-top-right-radius: 0;
border-bottom-right-radius: 0;

}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {

border-top-left-radius: 0;
border-bottom-left-radius: 0;

}

.dropdown-toggle-split {

padding-right: 12px;
padding-left: 12px;

}

.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {

margin-left: 0;

}

.dropleft .dropdown-toggle-split::before {

margin-right: 0;

}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {

padding-right: 6px;
padding-left: 6px;

}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {

padding-right: 12px;
padding-left: 12px;

}

.btn-group-vertical {

flex-direction: column;
align-items: flex-start;
justify-content: center;

}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {

width: 100%;

}

.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {

margin-top: -1px;

}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {

border-bottom-right-radius: 0;
border-bottom-left-radius: 0;

}

.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn {

border-top-left-radius: 0;
border-top-right-radius: 0;

}

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {

margin-bottom: 0;

}

.btn-group-toggle > .btn input, .btn-group-toggle > .btn input, .btn-group-toggle > .btn-group > .btn input, .btn-group-toggle > .btn-group > .btn input {

position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;

}

.btn.btn-link, .btn.btn-not(:disabled):not(.disabled):active, .btn-group.show > .btn-link {

color: #1357ff;
background-color: transparent;
border-color: transparent;

}

.btn.btn-ghost, .btn.btn-icon-only {

color: #777;
background-color: transparent;
border: 1px solid transparent;

}

.btn.btn-ghost:not(:disabled):not(.disabled):hover, .btn.btn-icon-only:not(:disabled):not(.disabled):hover {

background-color: #f2f4f7;
border-color: #f2f4f7;

}

.btn.btn-ghost:not(:disabled):not(.disabled):focus, .btn.btn-icon-only:not(:disabled):not(.disabled):focus {

background-color: transparent;
border-color: #1357ff;
box-shadow: 0 0 4px 1px #1357ff;

}

.btn.btn-basic, .btn.btn-secondary, .btn.btn-basic:not(:disabled):not(.disabled):active, .btn.btn-basic.active:not(:disabled):not(.disabled), .show > .btn.btn-basic.dropdown-toggle, .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary.active:not(:disabled):not(.disabled), .show > .btn.btn-secondary.dropdown-toggle {

color: #777;
background-color: #fbfbfb;
border: 1px solid #e2e2e2;

}

.btn.btn-basic:not(:disabled):not(.disabled):hover, .btn.btn-secondary:not(:disabled):not(.disabled):hover {

border-color: #005fbf;

}

.btn.btn-basic:not(:disabled):not(.disabled):focus, .btn.btn-secondary:not(:disabled):not(.disabled):focus {

border-color: #005fbf;
box-shadow: 0 0 4px 1px #005fbf;

}

.btn.btn-ghost:not(:disabled):not(.disabled):focus {

background-color: transparent;
border-color: #005fbf;
box-shadow: 0 0 4px 1px #005fbf;

}

.btn.btn-link {

height: auto;
padding: 0 4px;
border-radius: 2px;

}

.btn.btn-not(:disabled):not(.disabled):focus {

text-decoration: none;
box-shadow: 0 0 0 2px rgba(19, 87, 255, 0.3);

}

.btn.btn-disabled, .btn.btn-link.disabled {

text-decoration: none;
pointer-events: auto;
background-color: transparent;
border: none;

}

.btn.btn-primary.btn-with-icon .ic::before {

color: #fff !important;

}

.btn.btn-primary.btn-icon-only .ic::before {

color: inherit !important;

}

.btn.is-loading {

position: relative;
min-height: 38px;
pointer-events: none;

}

.btn.is-loading::before {

position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
content: "";
background-color: inherit;
border-radius: 4px;

}

.btn.is-loading::after {

position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 4;
display: inline-block;
width: 18px;
height: 18px;
margin: auto;
content: "";
background: center center no-repeat;
background-size: cover;
border: 2px solid #fff;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spinner-border .75s linear infinite;
animation: spinner-border .75s linear infinite;

}

.btn.is-loading.btn-basic::after, .btn.is-loading.btn-secondary::after {

border-color: #777;
border-right-color: transparent;

}

.btn.is-loading.btn-ghost {

color: transparent;

}

.btn.is-loading.btn-ghost::after {

border-color: #777;
border-right-color: transparent;

}

.btn.btn-with-icon .ic, .btn.btn-with-icon span {

vertical-align: top;
border: none;

}

.btn.btn-with-icon .ic {

width: 20px;
height: 20px;
padding: 0;
font-size: 16px;
color: inherit;

}

.btn.btn-with-icon .ic.is-left {

margin-right: 8px;

}

.btn.btn-with-icon .ic.is-right {

margin-left: 8px;

}

.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic, .btn.btn-with-icon.btn-sm span, .btn-group-sm > .btn.btn-with-icon span {

line-height: 16px;
vertical-align: baseline;
border: none;

}

.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic, .btn.btn-with-icon.btn-sm .is-left, .btn-group-sm > .btn.btn-with-icon .is-left {

margin-right: 0;

}

.btn.btn-with-icon.btn-sm .is-right, .btn-group-sm > .btn.btn-with-icon .is-right {

margin-left: 0;

}

.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic, .btn.btn-with-icon.btn-lg span, .btn-group-lg > .btn.btn-with-icon span {

vertical-align: top;
border: none;

}

.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic {

width: 24px;
height: 24px;
padding: 0;
font-size: 20px;

}

.btn.btn-with-icon.btn-lg span, .btn-group-lg > .btn.btn-with-icon span {

line-height: 24px;

}

.btn.disabled, .btn:disabled {

color: #b4b4b4;
cursor: not-allowed;
background-color: #f2f4f7;
border: 1px solid #f2f4f7;
opacity: 1;

}

.btn.disabled.btn-ghost, .btn:disabled.btn-ghost {

background-color: transparent;
border-color: transparent;

}

.btn.dropdown-toggle::before {

margin-right: 16px;

}

.btn.dropdown-toggle::after {

margin-left: 16px;

}

.btn-group .btn:first-child:not(:only-child):not(.dropdown-toggle) {

padding-right: 8px;

}

.btn-group .btn:last-child:not(:only-child) {

padding-left: 8px;

}

.btn-group .dropdown-toggle-split {

min-width: 38px;
padding-right: 8px;
padding-left: 8px;

}

.btn-group .dropdown-toggle-split::before {

margin-right: 0;

}

.btn-group .dropdown-toggle-split::after {

margin-left: 0;

}

.btn-group .dropdown-toggle-split.btn-basic:not(:hover):not(:focus), .btn-group .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {

padding-left: 9px;
border-left: none;

}

.btn-group.dropleft .dropdown-toggle-split.btn-basic, .btn-group.dropleft .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {

padding-left: 8px;
border-left: 1px solid #e2e2e2;

}

.btn-group.dropleft ~ .btn-basic:not(:hover):not(:focus), .btn-group.dropleft ~ .btn-secondary:not(:hover):not(:focus) {

padding-left: 9px;
border-left: none;

}

.btn.btn-sm, .btn-group-sm > .btn {

height: 24px;

}

.btn.btn-lg, .btn-group-lg > .btn {

height: 40px;

}

.btn.btn-icon-only {

width: 38px;
height: 38px;
padding: 8px;
font-size: 18px;
line-height: 18px;

}

.btn.btn-icon-only > .ic {

width: 18px;
height: 18px;
padding: 0;
font-size: 18px;

}

.btn-with-badge__wrapper {

position: relative;
display: inline-flex;
align-items: flex-end;

}

.btn-with-badge__wrapper .btn {

position: relative;
width: 38px;
height: 38px;
padding: 4px;

}

.btn-with-badge__wrapper .btn .ic {

width: 24px !important;
height: 24px !important;
font-size: 24px !important;
line-height: 24px !important;

}

.btn-with-badge__wrapper .badge {

position: relative;
right: 16px;
bottom: 0;

} /*# sourceMappingURL=mekari-ui-button.css.map */