@-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-link:hover { color: #fff; background-color: #0044ec; border-color: #0040df; } .btn-link:focus, .btn-link.focus { box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5); } .btn-link.disabled, .btn-link:disabled { color: #fff; background-color: #1357ff; border-color: #1357ff; } .btn-link:not(:disabled):not(.disabled):active, .btn-link:not(:disabled):not(.disabled).active, .show > .btn-link.dropdown-toggle { color: #fff; background-color: #0040df; border-color: #003dd2; } .btn-link:not(:disabled):not(.disabled):active:focus, .btn-link: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-link:hover { color: #fff; background-color: #1357ff; border-color: #1357ff; } .btn-outline-link:focus, .btn-outline-link.focus { box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5); } .btn-outline-link.disabled, .btn-outline-link:disabled { color: #1357ff; background-color: transparent; } .btn-outline-link:not(:disabled):not(.disabled):active, .btn-outline-link:not(:disabled):not(.disabled).active, .show > .btn-outline-link.dropdown-toggle { color: #fff; background-color: #1357ff; border-color: #1357ff; } .btn-outline-link:not(:disabled):not(.disabled):active:focus, .btn-outline-link: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-link:hover { color: #0039c6; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link: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[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].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[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn.btn-link, .btn.btn-link: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-link:not(:disabled):not(.disabled):focus { text-decoration: none; box-shadow: 0 0 0 2px rgba(19, 87, 255, 0.3); } .btn.btn-link: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: 20px; 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 { margin-right: 0; line-height: 18px; } .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: 24px; } .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 */