@-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 */