@charset “UTF-8”; :root {
--blue: #1357ff; --indigo: #6610f2; --purple: #6d48e5; --pink: #e83e8c; --red: #d74022; --orange: #ffb700; --yellow: #ffc107; --green: #009f61; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --noir: #212121; --dark: #212121; --slate: #777; --muted: #b4b4b4; --smoke: #e2e2e2; --snow: #fbfbfb; --cloud: #f2f4f7; --crimson: #c02a34; --azure: #009bde; --salamander: #f96d01; --sapphire: #005fbf; --light-yellow: #ffeb99; --primary: #005fbf; --secondary: #777; --success: #009f61; --info: #ffeb99; --warning: #ffb700; --danger: #d74022; --light: #fbfbfb; --dark: #212121; --jurnal: #009bde; --talenta: #c02a34; --klikpajak: #f96d01; --mekari: #6d48e5; --slate: #777; --muted: #b4b4b4; --smoke: #e2e2e2; --cloud: #f2f4f7; --link: #1357ff; --white: #fff; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1272px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: monospace;
}
*, *::before, *::after {
box-sizing: border-box;
}
html {
font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0; font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 0.875rem; font-weight: 400; line-height: 1.4285; color: #212121; text-align: left; background-color: #fff;
}
[tabindex=“-1”]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box; height: 0; overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0; margin-bottom: 0.5rem;
}
p {
margin-top: 0; margin-bottom: 1rem;
}
text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem; font-style: normal; line-height: inherit;
}
ol, ul, dl {
margin-top: 0; margin-bottom: 1rem;
}
ol ol, ul ul, ol ul, ul ol {
margin-bottom: 0;
}
dt {
font-weight: 500;
}
dd {
margin-bottom: .5rem; margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b, strong {
font-weight: 500;
}
small {
font-size: 80%;
}
sub, sup {
position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
a {
color: #1357ff; text-decoration: none; background-color: transparent;
}
a:hover {
color: #0039c6; text-decoration: underline;
}
color: inherit; text-decoration: none;
}
a:not():not():hover, a:not():not():focus {
color: inherit; text-decoration: none;
}
outline: 0;
}
pre, code, kbd, samp {
font-family: monospace; font-size: 1em;
}
pre {
margin-top: 0; margin-bottom: 1rem; overflow: auto;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle; border-style: none;
}
svg {
overflow: hidden; vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem; padding-bottom: 0.75rem; color: #b4b4b4; text-align: left; caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block; margin-bottom: 8px;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color;
}
input, button, select, optgroup, textarea {
margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
select {
word-wrap: normal;
}
button, [type=“button”], [type=“reset”],
- type=“submit”
-
{
-webkit-appearance: button;
}
button:not(:disabled), [type=“button”]:not(:disabled), [type=“reset”]:not(:disabled), [type=“submit”]:not(:disabled) {
cursor: pointer;
}
button::-moz-focus-inner, [type=“button”]::-moz-focus-inner, [type=“reset”]::-moz-focus-inner, [type=“submit”]::-moz-focus-inner {
padding: 0; border-style: none;
}
box-sizing: border-box; padding: 0;
}
-webkit-appearance: listbox;
}
textarea {
overflow: auto; resize: vertical;
}
fieldset {
min-width: 0; padding: 0; margin: 0; border: 0;
}
legend {
display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=“number”]::-webkit-inner-spin-button, [type=“number”]::-webkit-outer-spin-button {
height: auto;
}
- type=“search”
-
{
outline-offset: -2px; -webkit-appearance: none;
}
[type=“search”]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit; -webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item; cursor: pointer;
}
template {
display: none;
}
- hidden
-
{
display: none !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2;
}
h1, .h1 {
font-size: 2.1875rem;
}
h2, .h2 {
font-size: 1.75rem;
}
h3, .h3 {
font-size: 1.53125rem;
}
h4, .h4 {
font-size: 1.3125rem;
}
h5, .h5 {
font-size: 1rem;
}
h6, .h6 {
font-size: 0.875rem;
}
.lead {
font-size: 1.09375rem; font-weight: 300;
}
.display-1 {
font-size: 6rem; font-weight: 300; line-height: 1.2;
}
.display-2 {
font-size: 5.5rem; font-weight: 300; line-height: 1.2;
}
.display-3 {
font-size: 4.5rem; font-weight: 300; line-height: 1.2;
}
.display-4 {
font-size: 3.5rem; font-weight: 300; line-height: 1.2;
}
hr {
margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small, .small {
font-size: 80%; font-weight: 400;
}
mark, .mark {
padding: 0.2em; background-color: #fcf8e3;
}
.list-unstyled {
padding-left: 0; list-style: none;
}
.list-inline {
padding-left: 0; list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 0.5rem;
}
.initialism {
font-size: 90%; text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem; font-size: 1.09375rem;
}
.blockquote-footer {
display: block; font-size: 80%; color: #6c757d;
}
.blockquote-footer::before {
content: "\2014\00A0";
}
.img-fluid {
max-width: 100%; height: auto;
}
.img-thumbnail {
padding: 4px; background-color: #fff; border: 1px solid #e2e2e2; border-radius: 4px; max-width: 100%; height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem; line-height: 1;
}
.figure-caption {
font-size: 90%; color: #777;
}
code {
font-size: 87.5%; color: #e83e8c; word-break: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 3.2px;
}
kbd kbd {
padding: 0; font-size: 100%; font-weight: 500;
}
pre {
display: block; font-size: 87.5%; color: #212529;
}
pre code {
font-size: inherit; color: inherit; word-break: normal;
}
.pre-scrollable {
max-height: 340px; overflow-y: scroll;
}
.container {
width: 100%; padding-right: 12px; padding-left: 12px; margin-right: auto; margin-left: auto;
}
@media (min-width: 576px) {
.container { max-width: 540px; }
}
@media (min-width: 768px) {
.container { max-width: 720px; }
}
@media (min-width: 992px) {
.container { max-width: 960px; }
}
@media (min-width: 1272px) {
.container { max-width: 1224px; }
}
.container-fluid {
width: 100%; padding-right: 12px; padding-left: 12px; margin-right: auto; margin-left: auto;
}
.row {
display: flex; flex-wrap: wrap; margin-right: -12px; margin-left: -12px;
}
.no-gutters {
margin-right: 0; margin-left: 0;
}
.no-gutters > .col, .no-gutters > [class*=“col-”] {
padding-right: 0; padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
position: relative; width: 100%; padding-right: 12px; padding-left: 12px;
}
.col {
flex-basis: 0; flex-grow: 1; max-width: 100%;
}
.col-auto {
flex: 0 0 auto; width: auto; max-width: 100%;
}
.col-1 {
flex: 0 0 8.333333%; max-width: 8.333333%;
}
.col-2 {
flex: 0 0 16.666667%; max-width: 16.666667%;
}
.col-3 {
flex: 0 0 25%; max-width: 25%;
}
.col-4 {
flex: 0 0 33.333333%; max-width: 33.333333%;
}
.col-5 {
flex: 0 0 41.666667%; max-width: 41.666667%;
}
.col-6 {
flex: 0 0 50%; max-width: 50%;
}
.col-7 {
flex: 0 0 58.333333%; max-width: 58.333333%;
}
.col-8 {
flex: 0 0 66.666667%; max-width: 66.666667%;
}
.col-9 {
flex: 0 0 75%; max-width: 75%;
}
.col-10 {
flex: 0 0 83.333333%; max-width: 83.333333%;
}
.col-11 {
flex: 0 0 91.666667%; max-width: 91.666667%;
}
.col-12 {
flex: 0 0 100%; max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; }
}
@media (min-width: 768px) {
.col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; }
}
@media (min-width: 992px) {
.col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; }
}
@media (min-width: 1272px) {
.col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; }
}
.table {
width: 100%; margin-bottom: 1rem; color: #212121;
}
.table th, .table td {
padding: 0.75rem; vertical-align: top; border-top: 1px solid #e2e2e2;
}
.table thead th {
vertical-align: bottom; border-bottom: 2px solid #e2e2e2;
}
.table tbody + tbody {
border-top: 2px solid #e2e2e2;
}
.table-sm th, .table-sm td {
padding: 0.3rem;
}
.table-bordered {
border: 1px solid #e2e2e2;
}
.table-bordered th, .table-bordered td {
border: 1px solid #e2e2e2;
}
.table-bordered thead th, .table-bordered thead td {
border-bottom-width: 2px;
}
.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
color: #212121; background-color: #f2f4f7;
}
.table-primary, .table-primary > th, .table-primary > td {
background-color: #b8d2ed;
}
.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
border-color: #7aacde;
}
.table-hover .table-primary:hover {
background-color: #a4c5e8;
}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
background-color: #a4c5e8;
}
.table-secondary, .table-secondary > th, .table-secondary > td {
background-color: #d9d9d9;
}
.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody {
border-color: #b8b8b8;
}
.table-hover .table-secondary:hover {
background-color: #cccccc;
}
.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
background-color: #cccccc;
}
.table-success, .table-success > th, .table-success > td {
background-color: #b8e4d3;
}
.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
border-color: #7acdad;
}
.table-hover .table-success:hover {
background-color: #a6ddc8;
}
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
background-color: #a6ddc8;
}
.table-info, .table-info > th, .table-info > td {
background-color: #fff9e2;
}
.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
border-color: #fff5ca;
}
.table-hover .table-info:hover {
background-color: #fff4c9;
}
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
background-color: #fff4c9;
}
.table-warning, .table-warning > th, .table-warning > td {
background-color: #ffebb8;
}
.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
border-color: #ffda7a;
}
.table-hover .table-warning:hover {
background-color: #ffe49f;
}
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
background-color: #ffe49f;
}
.table-danger, .table-danger > th, .table-danger > td {
background-color: #f4cac1;
}
.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
border-color: #ea9c8c;
}
.table-hover .table-danger:hover {
background-color: #f0b7ab;
}
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
background-color: #f0b7ab;
}
.table-light, .table-light > th, .table-light > td {
background-color: #fefefe;
}
.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody {
border-color: #fdfdfd;
}
.table-hover .table-light:hover {
background-color: #f1f1f1;
}
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
background-color: #f1f1f1;
}
.table-dark, .table-dark > th, .table-dark > td {
background-color: #c1c1c1;
}
.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
border-color: #8c8c8c;
}
.table-hover .table-dark:hover {
background-color: #b4b4b4;
}
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
background-color: #b4b4b4;
}
.table-jurnal, .table-jurnal > th, .table-jurnal > td {
background-color: #b8e3f6;
}
.table-jurnal th, .table-jurnal td, .table-jurnal thead th, .table-jurnal tbody + tbody {
border-color: #7acbee;
}
.table-hover .table-jurnal:hover {
background-color: #a1daf3;
}
.table-hover .table-jurnal:hover > td, .table-hover .table-jurnal:hover > th {
background-color: #a1daf3;
}
.table-talenta, .table-talenta > th, .table-talenta > td {
background-color: #edc3c6;
}
.table-talenta th, .table-talenta td, .table-talenta thead th, .table-talenta tbody + tbody {
border-color: #de9095;
}
.table-hover .table-talenta:hover {
background-color: #e7afb3;
}
.table-hover .table-talenta:hover > td, .table-hover .table-talenta:hover > th {
background-color: #e7afb3;
}
.table-klikpajak, .table-klikpajak > th, .table-klikpajak > td {
background-color: #fdd6b8;
}
.table-klikpajak th, .table-klikpajak td, .table-klikpajak thead th, .table-klikpajak tbody + tbody {
border-color: #fcb37b;
}
.table-hover .table-klikpajak:hover {
background-color: #fcc89f;
}
.table-hover .table-klikpajak:hover > td, .table-hover .table-klikpajak:hover > th {
background-color: #fcc89f;
}
.table-mekari, .table-mekari > th, .table-mekari > td {
background-color: #d6ccf8;
}
.table-mekari th, .table-mekari td, .table-mekari thead th, .table-mekari tbody + tbody {
border-color: #b3a0f1;
}
.table-hover .table-mekari:hover {
background-color: #c4b6f5;
}
.table-hover .table-mekari:hover > td, .table-hover .table-mekari:hover > th {
background-color: #c4b6f5;
}
.table-slate, .table-slate > th, .table-slate > td {
background-color: #d9d9d9;
}
.table-slate th, .table-slate td, .table-slate thead th, .table-slate tbody + tbody {
border-color: #b8b8b8;
}
.table-hover .table-slate:hover {
background-color: #cccccc;
}
.table-hover .table-slate:hover > td, .table-hover .table-slate:hover > th {
background-color: #cccccc;
}
.table-muted, .table-muted > th, .table-muted > td {
background-color: #eaeaea;
}
.table-muted th, .table-muted td, .table-muted thead th, .table-muted tbody + tbody {
border-color: #d8d8d8;
}
.table-hover .table-muted:hover {
background-color: #dddddd;
}
.table-hover .table-muted:hover > td, .table-hover .table-muted:hover > th {
background-color: #dddddd;
}
.table-smoke, .table-smoke > th, .table-smoke > td {
background-color: #f7f7f7;
}
.table-smoke th, .table-smoke td, .table-smoke thead th, .table-smoke tbody + tbody {
border-color: #f0f0f0;
}
.table-hover .table-smoke:hover {
background-color: #eaeaea;
}
.table-hover .table-smoke:hover > td, .table-hover .table-smoke:hover > th {
background-color: #eaeaea;
}
.table-cloud, .table-cloud > th, .table-cloud > td {
background-color: #fbfcfd;
}
.table-cloud th, .table-cloud td, .table-cloud thead th, .table-cloud tbody + tbody {
border-color: #f8f9fb;
}
.table-hover .table-cloud:hover {
background-color: #eaeff5;
}
.table-hover .table-cloud:hover > td, .table-hover .table-cloud:hover > th {
background-color: #eaeff5;
}
.table-link, .table-link > th, .table-link > td {
background-color: #bdd0ff;
}
.table-link th, .table-link td, .table-link thead th, .table-link tbody + tbody {
border-color: #84a8ff;
}
.table-hover .table-hover {
background-color: #a4beff;
}
.table-hover .table-hover > td, .table-hover .table-hover > th {
background-color: #a4beff;
}
.table-white, .table-white > th, .table-white > td {
background-color: white;
}
.table-white th, .table-white td, .table-white thead th, .table-white tbody + tbody {
border-color: white;
}
.table-hover .table-white:hover {
background-color: #f2f2f2;
}
.table-hover .table-white:hover > td, .table-hover .table-white:hover > th {
background-color: #f2f2f2;
}
.table-active, .table-active > th, .table-active > td {
background-color: #f2f4f7;
}
.table-hover .table-active:hover {
background-color: #e2e7ed;
}
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
background-color: #e2e7ed;
}
.table .thead-dark th {
color: #fff; background-color: #777; border-color: #8a8a8a;
}
.table .thead-light th {
color: #212121; background-color: #fff; border-color: #e2e2e2;
}
.table-dark {
color: #fff; background-color: #777;
}
.table-dark th, .table-dark td, .table-dark thead th {
border-color: #8a8a8a;
}
.table-dark.table-bordered {
border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
color: #fff; background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
.table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; }
}
@media (max-width: 767.98px) {
.table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; }
}
@media (max-width: 991.98px) {
.table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; }
}
@media (max-width: 1271.98px) {
.table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; }
}
.table-responsive {
display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
border: 0;
}
.form-control {
display: block; width: 100%; height: 38px; padding: 0.375rem 0.75rem; font-size: 0.875rem; font-weight: 400; line-height: 1.4285; color: #212121; background-color: #fff; background-clip: padding-box; border: 1px solid #e2e2e2; border-radius: 4px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control { transition: none; }
}
.form-control::-ms-expand {
background-color: transparent; border: 0;
}
.form-control:focus {
color: #212121; background-color: #fff; border-color: #005fbf; outline: 0; box-shadow: 0 0 4px 1px rgba(0, 95, 191, 0.3);
}
.form-control::-webkit-input-placeholder {
color: #b4b4b4; opacity: 1;
}
.form-control::-moz-placeholder {
color: #b4b4b4; opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #b4b4b4; opacity: 1;
}
.form-control::-ms-input-placeholder {
color: #b4b4b4; opacity: 1;
}
.form-control::placeholder {
color: #b4b4b4; opacity: 1;
}
.form-control:disabled, .form-control {
background-color: #f2f4f7; opacity: 1;
}
select.form-control:focus::-ms-value {
color: #212121; background-color: #fff;
}
.form-control-file, .form-control-range {
display: block; width: 100%;
}
.col-form-label {
padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.4285;
}
.col-form-label-lg {
padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.4285;
}
.col-form-label-sm {
padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.75rem; line-height: 1.4285;
}
.form-control-plaintext {
display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.4285; color: #212121; background-color: transparent; border: solid transparent; border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
padding-right: 0; padding-left: 0;
}
.form-control-sm {
height: calc(1.4285em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.4285; border-radius: 4px;
}
.form-control-lg {
height: calc(1.4285em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.4285; border-radius: 4px;
}
select.form-control, select.form-control {
height: auto;
}
textarea.form-control {
height: auto;
}
.form-group {
margin-bottom: 20px;
}
.form-text {
display: block; margin-top: 0;
}
.form-row {
display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px;
}
.form-row > .col, .form-row > [class*=“col-”] {
padding-right: 5px; padding-left: 5px;
}
.form-check {
position: relative; display: block; padding-left: 1.25rem;
}
.form-check-input {
position: absolute; margin-top: 0.3rem; margin-left: -1.25rem;
}
.form-check-input:disabled ~ .form-check-label {
color: #b4b4b4;
}
.form-check-label {
margin-bottom: 0;
}
.form-check-inline {
display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0;
}
.valid-feedback {
display: none; width: 100%; margin-top: 0; font-size: 0.75rem; color: #009f61;
}
.valid-tooltip {
position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.75rem; line-height: 1.4285; color: #fff; background-color: rgba(0, 159, 97, 0.9); border-radius: 4px;
}
.was-validated .form-control:valid, .form-control.is-valid {
border-color: #009f61;
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: #009f61; box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);
}
.was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .custom-select:valid, .custom-select.is-valid {
border-color: #009f61;
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
border-color: #009f61; box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);
}
.was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #009f61;
}
.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
color: #009f61;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
border-color: #009f61;
}
.was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
border-color: #00d280; background-color: #00d280;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #009f61;
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #009f61;
}
.was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
border-color: #009f61; box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);
}
.invalid-feedback {
display: none; width: 100%; margin-top: 0; font-size: 0.75rem; color: #d74022;
}
.invalid-tooltip {
position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.75rem; line-height: 1.4285; color: #fff; background-color: rgba(215, 64, 34, 0.9); border-radius: 4px;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
border-color: #d74022;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: #d74022; box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);
}
.was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .custom-select:invalid, .custom-select.is-invalid {
border-color: #d74022;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
border-color: #d74022; box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);
}
.was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #d74022;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
color: #d74022;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
border-color: #d74022;
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
border-color: #e2634a; background-color: #e2634a;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #d74022;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #d74022;
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
border-color: #d74022; box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);
}
.form-inline {
display: flex; flex-flow: row wrap; align-items: center;
}
.form-inline .form-check {
width: 100%;
}
@media (min-width: 576px) {
.form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; }
}
.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-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-secondary {
color: #fff; background-color: #777; border-color: #777;
}
.btn-secondary:hover {
color: #fff; background-color: #646464; border-color: #5e5e5e;
}
.btn-secondary:focus, .btn-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff; background-color: #777; border-color: #777;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
color: #fff; background-color: #5e5e5e; border-color: #575757;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 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-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-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-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-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-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-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-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-secondary {
color: #777; border-color: #777;
}
.btn-outline-secondary:hover {
color: #fff; background-color: #777; border-color: #777;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #777; background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
color: #fff; background-color: #777; border-color: #777;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 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-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-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-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-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-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-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%;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade { transition: none; }
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
position: relative; height: 0; overflow: hidden; transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing { transition: none; }
}
.dropup, .dropright, .dropdown, .dropleft {
position: relative;
}
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-toggle::after {
display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
margin-left: 0;
}
.dropdown-menu {
position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 0.875rem; color: #212121; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px;
}
.dropdown-menu-left {
right: auto; left: 0;
}
.dropdown-menu-right {
right: 0; left: auto;
}
@media (min-width: 576px) {
.dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; }
}
@media (min-width: 768px) {
.dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; }
}
@media (min-width: 992px) {
.dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; }
}
@media (min-width: 1272px) {
.dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; }
}
.dropup .dropdown-menu {
top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropright .dropdown-menu {
top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropright .dropdown-toggle::after {
vertical-align: 0;
}
.dropleft .dropdown-menu {
top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: "";
}
.dropleft .dropdown-toggle::after {
display: none;
}
.dropleft .dropdown-toggle::before {
display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropleft .dropdown-toggle::before {
vertical-align: 0;
}
.dropdown-menu, .dropdown-menu, .dropdown-menu, .dropdown-menu {
right: auto; bottom: auto;
}
.dropdown-divider {
height: 0; margin: 8px 0; overflow: hidden; border-top: 1px solid #e9ecef;
}
.dropdown-item {
display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
color: #16181b; text-decoration: none; background-color: #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff; text-decoration: none; background-color: #005fbf;
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #b4b4b4; pointer-events: none; background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.75rem; color: #6c757d; white-space: nowrap;
}
.dropdown-item-text {
display: block; padding: 0.25rem 1.5rem; color: #212529;
}
.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;
}
.input-group {
position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%;
}
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0;
}
.input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file {
margin-left: -1px;
}
.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
z-index: 4;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
border-top-right-radius: 0; border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
border-top-left-radius: 0; border-bottom-left-radius: 0;
}
.input-group > .custom-file {
display: flex; align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0; border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0; border-bottom-left-radius: 0;
}
.input-group-prepend, .input-group-append {
display: flex;
}
.input-group-prepend .btn, .input-group-append .btn {
position: relative; z-index: 2;
}
.input-group-prepend .btn:focus, .input-group-append .btn:focus {
z-index: 3;
}
.input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn {
margin-left: -1px;
}
.input-group-prepend {
margin-right: -1px;
}
.input-group-append {
margin-left: -1px;
}
.input-group-text {
display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 0.875rem; font-weight: 400; line-height: 1.4285; color: #212121; text-align: center; white-space: nowrap; background-color: #f2f4f7; border: 1px solid #e2e2e2; border-radius: 4px;
}
.input-group-text input, .input-group-text input {
margin-top: 0;
}
.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select {
height: calc(1.4285em + 1rem + 2px);
}
.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.4285; border-radius: 4px;
}
.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
height: calc(1.4285em + 0.5rem + 2px);
}
.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {
padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.4285; border-radius: 4px;
}
.input-group-lg > .custom-select, .input-group-sm > .custom-select {
padding-right: 1.75rem;
}
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
border-top-right-radius: 0; border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
border-top-left-radius: 0; border-bottom-left-radius: 0;
}
.custom-control {
position: relative; display: block; min-height: 1.249938rem; padding-left: 1.5rem;
}
.custom-control-inline {
display: inline-flex; margin-right: 1rem;
}
.custom-control-input {
position: absolute; z-index: -1; opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff; border-color: #005fbf; background-color: #005fbf;
}
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #409fff;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff; background-color: #73b8ff; border-color: #73b8ff;
}
.custom-control-input:disabled ~ .custom-control-label {
color: #b4b4b4;
}
.custom-control-input:disabled ~ .custom-control-label::before {
background-color: #f2f4f7;
}
.custom-control-label {
position: relative; margin-bottom: 0; vertical-align: top;
}
.custom-control-label::before {
position: absolute; top: 0.124969rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px;
}
.custom-control-label::after {
position: absolute; top: 0.124969rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%;
}
.custom-checkbox .custom-control-label::before {
border-radius: 4px;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23ffffff'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
border-color: #005fbf; background-color: #005fbf;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 6 6'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 95, 191, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(0, 95, 191, 0.5);
}
.custom-radio .custom-control-label::before {
border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 95, 191, 0.5);
}
.custom-switch {
padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
top: calc(0.124969rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 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) {
.custom-switch .custom-control-label::after { transition: none; }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff; transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 95, 191, 0.5);
}
.custom-select {
display: inline-block; width: 100%; height: calc(1.4285em + 0.75rem + 2px); padding: 8px 1.75rem 8px 0.75rem; font-size: 0.875rem; font-weight: 400; line-height: 1.4285; color: #777; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23777' d='M6.28178611,7.34112994 C5.98969924,7.04743259 5.5148273,7.04612703 5.22112994,7.33821389 C4.92743259,7.63030076 4.92612703,8.1051727 5.21821389,8.39887006 L9.44490899,12.6488701 C9.73699896,12.9425705 10.2118771,12.9438725 10.5055731,12.6517782 L14.7788781,8.40177816 C15.072571,8.10968687 15.0738694,7.63481492 14.7817782,7.34112195 C14.4896869,7.04742898 14.0148149,7.04613056 13.7211219,7.33822184 L9.9796032,11.0593358 L6.28178611,7.34112994 Z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/24px; background-color: #fff; border: 1px solid #e2e2e2; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.custom-select:focus {
border-color: #409fff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);
}
.custom-select:focus::-ms-value {
color: #212121; background-color: #fff;
}
.custom-select, .custom-select:not() {
height: auto; padding-right: 0.75rem; background-image: none;
}
.custom-select:disabled {
color: #b4b4b4; background-color: #f2f4f7;
}
.custom-select::-ms-expand {
display: none;
}
.custom-select-sm {
height: calc(1.4285em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.75rem;
}
.custom-select-lg {
height: calc(1.4285em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem;
}
.custom-file {
position: relative; display: inline-block; width: 100%; height: calc(1.4285em + 0.75rem + 2px); margin-bottom: 0;
}
.custom-file-input {
position: relative; z-index: 2; width: 100%; height: calc(1.4285em + 0.75rem + 2px); margin: 0; opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
border-color: #409fff; box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);
}
.custom-file-input:disabled ~ .custom-file-label {
background-color: #f2f4f7;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
content: "Choose file";
}
.custom-file-input:lang(id) ~ .custom-file-label::after {
content: "Pilih file";
}
.custom-file-input ~ .custom-file-label::after {
content: attr(data-browse);
}
.custom-file-label {
position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.4285em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.4285; color: #212121; background-color: #fff; border: 1px solid #e2e2e2; border-radius: 4px;
}
.custom-file-label::after {
position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.4285em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.4285; color: #212121; content: "Browse"; background-color: #f2f4f7; border-left: inherit; border-radius: 0 4px 4px 0;
}
.custom-range {
width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
.custom-range:focus {
outline: none;
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);
}
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);
}
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);
}
.custom-range::-moz-focus-outer {
border: 0;
}
.custom-range::-webkit-slider-thumb {
width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #005fbf; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-webkit-slider-thumb { transition: none; }
}
.custom-range::-webkit-slider-thumb:active {
background-color: #73b8ff;
}
.custom-range::-webkit-slider-runnable-track {
width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
width: 1rem; height: 1rem; background-color: #005fbf; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-moz-range-thumb { transition: none; }
}
.custom-range::-moz-range-thumb:active {
background-color: #73b8ff;
}
.custom-range::-moz-range-track {
width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem;
}
.custom-range::-ms-thumb {
width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #005fbf; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none;
}
@media (prefers-reduced-motion: reduce) {
.custom-range::-ms-thumb { transition: none; }
}
.custom-range::-ms-thumb:active {
background-color: #73b8ff;
}
.custom-range::-ms-track {
width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
background-color: #dee2e6; border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
margin-right: 15px; background-color: #dee2e6; border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
cursor: default;
}
.custom-range:disabled::-ms-thumb {
background-color: #adb5bd;
}
.custom-control-label::before, .custom-file-label, .custom-select {
transition: 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) {
.custom-control-label::before, .custom-file-label, .custom-select { transition: none; }
}
.nav {
display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none;
}
.nav-link {
display: block; padding: 8px 16px;
}
text-decoration: none;
}
.nav-link.disabled {
color: #b4b4b4; pointer-events: none; cursor: default;
}
.nav-tabs {
border-bottom: 1px solid #e2e2e2;
}
.nav-tabs .nav-item {
margin-bottom: -1px;
}
.nav-tabs .nav-link {
border: 1px solid transparent; border-top-left-radius: 0; border-top-right-radius: 0;
}
.nav-tabs .nav-hover, .nav-tabs .nav-focus {
border-color: transparent;
}
.nav-tabs .nav-link.disabled {
color: #b4b4b4; background-color: transparent; border-color: transparent;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
color: #212121; background-color: transparent; border-color: transparent;
}
.nav-tabs .dropdown-menu {
margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0;
}
.nav-pills .nav-link {
border-radius: 4px;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #fff; background-color: #005fbf;
}
.nav-fill .nav-item {
flex: 1 1 auto; text-align: center;
}
.nav-justified .nav-item {
flex-basis: 0; flex-grow: 1; text-align: center;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.navbar {
position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 8px 16px;
}
.navbar > .container, .navbar > .container-fluid {
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
}
.navbar-brand {
display: inline-block; padding-top: calc(calc(calc(0.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2; padding-bottom: calc(calc(calc(0.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2; margin-right: 16px; font-size: 1.25rem; line-height: inherit; white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none;
}
.navbar-nav {
display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none;
}
.navbar-nav .nav-link {
padding-right: 0; padding-left: 0;
}
.navbar-nav .dropdown-menu {
position: static; float: none;
}
.navbar-text {
display: inline-block; padding-top: 8px; padding-bottom: 8px;
}
.navbar-collapse {
flex-basis: 100%; flex-grow: 1; align-items: center;
}
.navbar-toggler {
padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 4px;
}
.navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none;
}
.navbar-toggler-icon {
display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%;
}
@media (max-width: 575.98px) {
.navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; }
}
@media (min-width: 576px) {
.navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 8px; padding-left: 8px; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; }
}
@media (max-width: 767.98px) {
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; }
}
@media (min-width: 768px) {
.navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 8px; padding-left: 8px; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; }
}
@media (max-width: 991.98px) {
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; }
}
@media (min-width: 992px) {
.navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 8px; padding-left: 8px; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; }
}
@media (max-width: 1271.98px) {
.navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; }
}
@media (min-width: 1272px) {
.navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 8px; padding-left: 8px; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; }
}
.navbar-expand {
flex-flow: row nowrap; justify-content: flex-start;
}
.navbar-expand > .container, .navbar-expand > .container-fluid {
padding-right: 0; padding-left: 0;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-right: 8px; padding-left: 8px;
}
.navbar-expand > .container, .navbar-expand > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
display: flex !important; flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-hover, .navbar-light .navbar-nav .nav-focus {
color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-hover, .navbar-dark .navbar-nav .nav-focus {
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
color: #fff;
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
color: #fff;
}
.card {
position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 4px;
}
.card > hr {
margin-right: 0; margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 4px; border-top-right-radius: 4px;
}
.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;
}
.card-body {
flex: 1 1 auto; padding: 1.25rem;
}
.card-title {
margin-bottom: 0.75rem;
}
.card-subtitle {
margin-top: -0.375rem; margin-bottom: 0;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-hover {
text-decoration: none;
}
.card-link + .card-link {
margin-left: 1.25rem;
}
.card-header {
padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
border-radius: calc(4px - 1px) calc(4px - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
border-top: 0;
}
.card-footer {
padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
border-radius: 0 0 calc(4px - 1px) calc(4px - 1px);
}
.card-header-tabs {
margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0;
}
.card-header-pills {
margin-right: -0.625rem; margin-left: -0.625rem;
}
.card-img-overlay {
position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem;
}
.card-img {
width: 100%; border-radius: calc(4px - 1px);
}
.card-img-top {
width: 100%; border-top-left-radius: calc(4px - 1px); border-top-right-radius: calc(4px - 1px);
}
.card-img-bottom {
width: 100%; border-bottom-right-radius: calc(4px - 1px); border-bottom-left-radius: calc(4px - 1px);
}
.card-deck {
display: flex; flex-direction: column;
}
.card-deck .card {
margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; }
}
.card-group {
display: flex; flex-direction: column;
}
.card-group > .card {
margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; }
}
.card-columns .card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; }
}
.accordion > .card {
overflow: hidden;
}
.accordion > .card:not(:first-of-type) .card-header:first-child {
border-radius: 0;
}
.accordion > .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0; border-radius: 0;
}
.accordion > .card:first-of-type {
border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;
}
.accordion > .card:last-of-type {
border-top-left-radius: 0; border-top-right-radius: 0;
}
.accordion > .card .card-header {
margin-bottom: -1px;
}
.breadcrumb {
display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 0; list-style: none; background-color: transparent; border-radius: 4px;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 4px;
}
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block; padding-right: 4px; color: #777; content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none;
}
.breadcrumb-item.active {
color: #212121;
}
.pagination {
display: flex; padding-left: 0; list-style: none; border-radius: 4px;
}
.page-link {
position: relative; display: block; padding: 8px 12px; margin-left: -1px; line-height: 20px; color: #1357ff; background-color: #fff; border: 1px solid #e2e2e2;
}
.page-hover {
z-index: 2; color: #0039c6; text-decoration: none; background-color: #e2e2e2; border-color: #b4b4b4;
}
.page-focus {
z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem #005fbf;
}
.page-item:first-child .page-link {
margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;
}
.page-item:last-child .page-link {
border-top-right-radius: 4px; border-bottom-right-radius: 4px;
}
.page-item.active .page-link {
z-index: 1; color: #fff; background-color: #005fbf; border-color: #005fbf;
}
.page-item.disabled .page-link {
color: #777; pointer-events: none; cursor: auto; background-color: #fff; border-color: #e2e2e2;
}
.pagination-lg .page-link {
padding: 12px 24px; font-size: 1.25rem; line-height: 32px;
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 5.4px; border-bottom-left-radius: 5.4px;
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 5.4px; border-bottom-right-radius: 5.4px;
}
.pagination-sm .page-link {
padding: 4px 8px; font-size: 0.75rem; line-height: 1.4285;
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 3.2px; border-bottom-left-radius: 3.2px;
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 3.2px; border-bottom-right-radius: 3.2px;
}
.badge {
display: inline-block; padding: 4px 8px; font-size: 0.875rem; font-weight: 400; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; 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) {
.badge { transition: none; }
}
a.badge:hover, a.badge:focus {
text-decoration: none;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative; top: -1px;
}
.badge-pill {
padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem;
}
.badge-primary {
color: #fff; background-color: #005fbf;
}
a.badge-primary:hover, a.badge-primary:focus {
color: #fff; background-color: #00468c;
}
a.badge-primary:focus, a.badge-primary.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(0, 95, 191, 0.5);
}
.badge-secondary {
color: #fff; background-color: #777;
}
a.badge-secondary:hover, a.badge-secondary:focus {
color: #fff; background-color: #5e5e5e;
}
a.badge-secondary:focus, a.badge-secondary.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(119, 119, 119, 0.5);
}
.badge-success {
color: #fff; background-color: #009f61;
}
a.badge-success:hover, a.badge-success:focus {
color: #fff; background-color: #006c42;
}
a.badge-success:focus, a.badge-success.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(0, 159, 97, 0.5);
}
.badge-info {
color: #212529; background-color: #ffeb99;
}
a.badge-info:hover, a.badge-info:focus {
color: #212529; background-color: #ffe166;
}
a.badge-info:focus, a.badge-info.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(255, 235, 153, 0.5);
}
.badge-warning {
color: #212529; background-color: #ffb700;
}
a.badge-warning:hover, a.badge-warning:focus {
color: #212529; background-color: #cc9200;
}
a.badge-warning:focus, a.badge-warning.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(255, 183, 0, 0.5);
}
.badge-danger {
color: #fff; background-color: #d74022;
}
a.badge-danger:hover, a.badge-danger:focus {
color: #fff; background-color: #ab331b;
}
a.badge-danger:focus, a.badge-danger.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(215, 64, 34, 0.5);
}
.badge-light {
color: #212529; background-color: #fbfbfb;
}
a.badge-light:hover, a.badge-light:focus {
color: #212529; background-color: #e2e2e2;
}
a.badge-light:focus, a.badge-light.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(251, 251, 251, 0.5);
}
.badge-dark {
color: #fff; background-color: #212121;
}
a.badge-dark:hover, a.badge-dark:focus {
color: #fff; background-color: #080808;
}
a.badge-dark:focus, a.badge-dark.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(33, 33, 33, 0.5);
}
.badge-jurnal {
color: #fff; background-color: #009bde;
}
a.badge-jurnal:hover, a.badge-jurnal:focus {
color: #fff; background-color: #0077ab;
}
a.badge-jurnal:focus, a.badge-jurnal.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(0, 155, 222, 0.5);
}
.badge-talenta {
color: #fff; background-color: #c02a34;
}
a.badge-talenta:hover, a.badge-talenta:focus {
color: #fff; background-color: #962129;
}
a.badge-talenta:focus, a.badge-talenta.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(192, 42, 52, 0.5);
}
.badge-klikpajak {
color: #fff; background-color: #f96d01;
}
a.badge-klikpajak:hover, a.badge-klikpajak:focus {
color: #fff; background-color: #c65701;
}
a.badge-klikpajak:focus, a.badge-klikpajak.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(249, 109, 1, 0.5);
}
.badge-mekari {
color: #fff; background-color: #6d48e5;
}
a.badge-mekari:hover, a.badge-mekari:focus {
color: #fff; background-color: #4b1fdb;
}
a.badge-mekari:focus, a.badge-mekari.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(109, 72, 229, 0.5);
}
.badge-slate {
color: #fff; background-color: #777;
}
a.badge-slate:hover, a.badge-slate:focus {
color: #fff; background-color: #5e5e5e;
}
a.badge-slate:focus, a.badge-slate.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(119, 119, 119, 0.5);
}
.badge-muted {
color: #212529; background-color: #b4b4b4;
}
a.badge-muted:hover, a.badge-muted:focus {
color: #212529; background-color: #9b9b9b;
}
a.badge-muted:focus, a.badge-muted.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(180, 180, 180, 0.5);
}
.badge-smoke {
color: #212529; background-color: #e2e2e2;
}
a.badge-smoke:hover, a.badge-smoke:focus {
color: #212529; background-color: #c9c9c9;
}
a.badge-smoke:focus, a.badge-smoke.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(226, 226, 226, 0.5);
}
.badge-cloud {
color: #212529; background-color: #f2f4f7;
}
a.badge-cloud:hover, a.badge-cloud:focus {
color: #212529; background-color: #d2d9e4;
}
a.badge-cloud:focus, a.badge-cloud.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(242, 244, 247, 0.5);
}
.badge-link {
color: #fff; background-color: #1357ff;
}
a.badge-link:hover, a.badge-link:focus {
color: #fff; background-color: #0040df;
}
a.badge-link:focus, a.badge-link.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(19, 87, 255, 0.5);
}
.badge-white {
color: #212529; background-color: #fff;
}
a.badge-white:hover, a.badge-white:focus {
color: #212529; background-color: #e6e6e6;
}
a.badge-white:focus, a.badge-white.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(255, 255, 255, 0.5);
}
.alert {
position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 4px;
}
.alert-heading {
color: inherit;
}
.alert-link {
font-weight: 500;
}
.alert-dismissible {
padding-right: 3.8125rem;
}
.alert-dismissible .close {
position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit;
}
.alert-primary {
color: #003163; background-color: #ccdff2; border-color: #b8d2ed;
}
.alert-primary hr {
border-top-color: #a4c5e8;
}
.alert-primary .alert-link {
color: #001830;
}
.alert-secondary {
color: #3e3e3e; background-color: #e4e4e4; border-color: #d9d9d9;
}
.alert-secondary hr {
border-top-color: #cccccc;
}
.alert-secondary .alert-link {
color: #252525;
}
.alert-success {
color: #005332; background-color: #ccecdf; border-color: #b8e4d3;
}
.alert-success hr {
border-top-color: #a6ddc8;
}
.alert-success .alert-link {
color: #002013;
}
.alert-info {
color: #857a50; background-color: #fffbeb; border-color: #fff9e2;
}
.alert-info hr {
border-top-color: #fff4c9;
}
.alert-info .alert-link {
color: #655d3d;
}
.alert-warning {
color: #855f00; background-color: #fff1cc; border-color: #ffebb8;
}
.alert-warning hr {
border-top-color: #ffe49f;
}
.alert-warning .alert-link {
color: #523b00;
}
.alert-danger {
color: #702112; background-color: #f7d9d3; border-color: #f4cac1;
}
.alert-danger hr {
border-top-color: #f0b7ab;
}
.alert-danger .alert-link {
color: #44140b;
}
.alert-light {
color: #838383; background-color: #fefefe; border-color: #fefefe;
}
.alert-light hr {
border-top-color: #f1f1f1;
}
.alert-light .alert-link {
color: #6a6a6a;
}
.alert-dark {
color: #111111; background-color: lightgray; border-color: #c1c1c1;
}
.alert-dark hr {
border-top-color: #b4b4b4;
}
.alert-dark .alert-link {
color: black;
}
.alert-jurnal {
color: #005173; background-color: #ccebf8; border-color: #b8e3f6;
}
.alert-jurnal hr {
border-top-color: #a1daf3;
}
.alert-jurnal .alert-link {
color: #002d40;
}
.alert-talenta {
color: #64161b; background-color: #f2d4d6; border-color: #edc3c6;
}
.alert-talenta hr {
border-top-color: #e7afb3;
}
.alert-talenta .alert-link {
color: #3a0d10;
}
.alert-klikpajak {
color: #813901; background-color: #fee2cc; border-color: #fdd6b8;
}
.alert-klikpajak hr {
border-top-color: #fcc89f;
}
.alert-klikpajak .alert-link {
color: #4e2301;
}
.alert-mekari {
color: #392577; background-color: #e2dafa; border-color: #d6ccf8;
}
.alert-mekari hr {
border-top-color: #c4b6f5;
}
.alert-mekari .alert-link {
color: #261950;
}
.alert-slate {
color: #3e3e3e; background-color: #e4e4e4; border-color: #d9d9d9;
}
.alert-slate hr {
border-top-color: #cccccc;
}
.alert-slate .alert-link {
color: #252525;
}
.alert-muted {
color: #5e5e5e; background-color: #f0f0f0; border-color: #eaeaea;
}
.alert-muted hr {
border-top-color: #dddddd;
}
.alert-muted .alert-link {
color: #454545;
}
.alert-smoke {
color: #767676; background-color: #f9f9f9; border-color: #f7f7f7;
}
.alert-smoke hr {
border-top-color: #eaeaea;
}
.alert-smoke .alert-link {
color: #5d5d5d;
}
.alert-cloud {
color: #7e7f80; background-color: #fcfdfd; border-color: #fbfcfd;
}
.alert-cloud hr {
border-top-color: #eaeff5;
}
.alert-cloud .alert-link {
color: #656666;
}
.alert-link {
color: #0a2d85; background-color: #d0ddff; border-color: #bdd0ff;
}
.alert-link hr {
border-top-color: #a4beff;
}
.alert-link .alert-link {
color: #061d56;
}
.alert-white {
color: #858585; background-color: white; border-color: white;
}
.alert-white hr {
border-top-color: #f2f2f2;
}
.alert-white .alert-link {
color: #6c6c6c;
}
@-webkit-keyframes progress-bar-stripes {
from { background-position: 1rem 0; } to { background-position: 0 0; }
}
@keyframes progress-bar-stripes {
from { background-position: 1rem 0; } to { background-position: 0 0; }
}
.progress {
display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 4px;
}
.progress-bar {
display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: theme-color("primary"); transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar { transition: none; }
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem;
}
.progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar-animated { -webkit-animation: none; animation: none; }
}
.list-group {
display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0;
}
.list-group-item-action {
width: 100%; color: #495057; text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa;
}
.list-group-item-action:active {
color: #212121; background-color: #e9ecef;
}
.list-group-item {
position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
border-top-left-radius: 4px; border-top-right-radius: 4px;
}
.list-group-item:last-child {
margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;
}
.list-group-item.disabled, .list-group-item:disabled {
color: #6c757d; pointer-events: none; background-color: #fff;
}
.list-group-item.active {
z-index: 2; color: #fff; background-color: #005fbf; border-color: #005fbf;
}
.list-group-horizontal {
flex-direction: row;
}
.list-group-horizontal .list-group-item {
margin-right: -1px; margin-bottom: 0;
}
.list-group-horizontal .list-group-item:first-child {
border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
margin-right: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0;
}
@media (min-width: 576px) {
.list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; }
}
@media (min-width: 768px) {
.list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; }
}
@media (min-width: 992px) {
.list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; }
}
@media (min-width: 1272px) {
.list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; }
}
.list-group-flush .list-group-item {
border-right: 0; border-left: 0; border-radius: 0;
}
.list-group-flush .list-group-item:last-child {
margin-bottom: -1px;
}
.list-group-flush:first-child .list-group-item:first-child {
border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
margin-bottom: 0; border-bottom: 0;
}
.list-group-item-primary {
color: #003163; background-color: #b8d2ed;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #003163; background-color: #a4c5e8;
}
.list-group-item-primary.list-group-item-action.active {
color: #fff; background-color: #003163; border-color: #003163;
}
.list-group-item-secondary {
color: #3e3e3e; background-color: #d9d9d9;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #3e3e3e; background-color: #cccccc;
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff; background-color: #3e3e3e; border-color: #3e3e3e;
}
.list-group-item-success {
color: #005332; background-color: #b8e4d3;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #005332; background-color: #a6ddc8;
}
.list-group-item-success.list-group-item-action.active {
color: #fff; background-color: #005332; border-color: #005332;
}
.list-group-item-info {
color: #857a50; background-color: #fff9e2;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #857a50; background-color: #fff4c9;
}
.list-group-item-info.list-group-item-action.active {
color: #fff; background-color: #857a50; border-color: #857a50;
}
.list-group-item-warning {
color: #855f00; background-color: #ffebb8;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #855f00; background-color: #ffe49f;
}
.list-group-item-warning.list-group-item-action.active {
color: #fff; background-color: #855f00; border-color: #855f00;
}
.list-group-item-danger {
color: #702112; background-color: #f4cac1;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #702112; background-color: #f0b7ab;
}
.list-group-item-danger.list-group-item-action.active {
color: #fff; background-color: #702112; border-color: #702112;
}
.list-group-item-light {
color: #838383; background-color: #fefefe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #838383; background-color: #f1f1f1;
}
.list-group-item-light.list-group-item-action.active {
color: #fff; background-color: #838383; border-color: #838383;
}
.list-group-item-dark {
color: #111111; background-color: #c1c1c1;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #111111; background-color: #b4b4b4;
}
.list-group-item-dark.list-group-item-action.active {
color: #fff; background-color: #111111; border-color: #111111;
}
.list-group-item-jurnal {
color: #005173; background-color: #b8e3f6;
}
.list-group-item-jurnal.list-group-item-action:hover, .list-group-item-jurnal.list-group-item-action:focus {
color: #005173; background-color: #a1daf3;
}
.list-group-item-jurnal.list-group-item-action.active {
color: #fff; background-color: #005173; border-color: #005173;
}
.list-group-item-talenta {
color: #64161b; background-color: #edc3c6;
}
.list-group-item-talenta.list-group-item-action:hover, .list-group-item-talenta.list-group-item-action:focus {
color: #64161b; background-color: #e7afb3;
}
.list-group-item-talenta.list-group-item-action.active {
color: #fff; background-color: #64161b; border-color: #64161b;
}
.list-group-item-klikpajak {
color: #813901; background-color: #fdd6b8;
}
.list-group-item-klikpajak.list-group-item-action:hover, .list-group-item-klikpajak.list-group-item-action:focus {
color: #813901; background-color: #fcc89f;
}
.list-group-item-klikpajak.list-group-item-action.active {
color: #fff; background-color: #813901; border-color: #813901;
}
.list-group-item-mekari {
color: #392577; background-color: #d6ccf8;
}
.list-group-item-mekari.list-group-item-action:hover, .list-group-item-mekari.list-group-item-action:focus {
color: #392577; background-color: #c4b6f5;
}
.list-group-item-mekari.list-group-item-action.active {
color: #fff; background-color: #392577; border-color: #392577;
}
.list-group-item-slate {
color: #3e3e3e; background-color: #d9d9d9;
}
.list-group-item-slate.list-group-item-action:hover, .list-group-item-slate.list-group-item-action:focus {
color: #3e3e3e; background-color: #cccccc;
}
.list-group-item-slate.list-group-item-action.active {
color: #fff; background-color: #3e3e3e; border-color: #3e3e3e;
}
.list-group-item-muted {
color: #5e5e5e; background-color: #eaeaea;
}
.list-group-item-muted.list-group-item-action:hover, .list-group-item-muted.list-group-item-action:focus {
color: #5e5e5e; background-color: #dddddd;
}
.list-group-item-muted.list-group-item-action.active {
color: #fff; background-color: #5e5e5e; border-color: #5e5e5e;
}
.list-group-item-smoke {
color: #767676; background-color: #f7f7f7;
}
.list-group-item-smoke.list-group-item-action:hover, .list-group-item-smoke.list-group-item-action:focus {
color: #767676; background-color: #eaeaea;
}
.list-group-item-smoke.list-group-item-action.active {
color: #fff; background-color: #767676; border-color: #767676;
}
.list-group-item-cloud {
color: #7e7f80; background-color: #fbfcfd;
}
.list-group-item-cloud.list-group-item-action:hover, .list-group-item-cloud.list-group-item-action:focus {
color: #7e7f80; background-color: #eaeff5;
}
.list-group-item-cloud.list-group-item-action.active {
color: #fff; background-color: #7e7f80; border-color: #7e7f80;
}
.list-group-item-link {
color: #0a2d85; background-color: #bdd0ff;
}
.list-group-item-link.list-group-item-action:hover, .list-group-item-link.list-group-item-action:focus {
color: #0a2d85; background-color: #a4beff;
}
.list-group-item-link.list-group-item-action.active {
color: #fff; background-color: #0a2d85; border-color: #0a2d85;
}
.list-group-item-white {
color: #858585; background-color: white;
}
.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus {
color: #858585; background-color: #f2f2f2;
}
.list-group-item-white.list-group-item-action.active {
color: #fff; background-color: #858585; border-color: #858585;
}
.close {
float: right; font-size: 1.3125rem; font-weight: 500; line-height: 1; color: #777; text-shadow: 0 1px 0 #fff; opacity: .5;
}
.close:hover {
color: #777; text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
opacity: .75;
}
button.close {
padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}
a.close.disabled {
pointer-events: none;
}
.modal-open {
overflow: hidden;
}
.modal-open .modal {
overflow-x: hidden; overflow-y: auto;
}
.modal {
position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0;
}
.modal-dialog {
position: relative; width: auto; margin: 0.5rem; pointer-events: none;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out; transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog { transition: none; }
}
.modal.show .modal-dialog {
transform: none;
}
.modal-dialog-scrollable {
display: flex; max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem); overflow: hidden;
}
.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {
flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}
.modal-dialog-centered {
display: flex; align-items: center; min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
display: block; height: calc(100vh - 1rem); content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
flex-direction: column; justify-content: center; height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none;
}
.modal-content {
position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid #e2e2e2; border-radius: 0.3rem; outline: 0;
}
.modal-backdrop {
position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.75;
}
.modal-header {
display: flex; align-items: flex-start; justify-content: space-between; padding: 16px 16px; border-bottom: 1px solid #e2e2e2; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem;
}
.modal-header .close {
padding: 16px 16px; margin: -16px -16px -16px auto;
}
.modal-title {
margin-bottom: 0; line-height: 20px;
}
.modal-body {
position: relative; flex: 1 1 auto; padding: 24px;
}
.modal-footer {
display: flex; align-items: center; justify-content: flex-end; padding: 24px; border-top: 1px solid #e2e2e2; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem;
}
.modal-footer > :not(:first-child) {
margin-left: .25rem;
}
.modal-footer > :not(:last-child) {
margin-right: .25rem;
}
.modal-scrollbar-measure {
position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;
}
@media (min-width: 576px) {
.modal-dialog { max-width: 600px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 392px; }
}
@media (min-width: 992px) {
.modal-lg, .modal-xl { max-width: 808px; }
}
@media (min-width: 1272px) {
.modal-xl { max-width: 1140px; }
}
.tooltip {
position: absolute; z-index: 1070; display: block; margin: 0.5rem; font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-style: normal; font-weight: 400; line-height: 1.4285; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.75rem; word-wrap: break-word; opacity: 0;
}
.tooltip.show {
opacity: 0.9;
}
.tooltip .arrow {
position: absolute; display: block; width: 0; height: 0.5rem;
}
.tooltip .arrow::before {
position: absolute; content: ""; border-color: transparent; border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto {
padding: 0.5rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto .arrow {
bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto .arrow::before {
top: 0; border-width: 0.5rem 0 0; border-top-color: #212121;
}
.bs-tooltip-right, .bs-tooltip-auto {
padding: 0 0.5rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto .arrow {
left: 0; width: 0.5rem; height: 0;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto .arrow::before {
right: 0; border-width: 0 0.5rem 0 0; border-right-color: #212121;
}
.bs-tooltip-bottom, .bs-tooltip-auto {
padding: 0.5rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto .arrow {
top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto .arrow::before {
bottom: 0; border-width: 0 0 0.5rem; border-bottom-color: #212121;
}
.bs-tooltip-left, .bs-tooltip-auto {
padding: 0 0.5rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto .arrow {
right: 0; width: 0.5rem; height: 0;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto .arrow::before {
left: 0; border-width: 0 0 0 0.5rem; border-left-color: #212121;
}
.tooltip-inner {
max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #212121; border-radius: 4px;
}
.popover {
position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 480px; font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-style: normal; font-weight: 400; line-height: 1.4285; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 0 solid #fff; border-radius: 4px;
}
.popover .arrow {
position: absolute; display: block; width: 0; height: 0.5rem; margin: 0 5.4px;
}
.popover .arrow::before, .popover .arrow::after {
position: absolute; display: block; content: ""; border-color: transparent; border-style: solid;
}
.bs-popover-top, .bs-popover-auto {
margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto > .arrow {
bottom: calc((0.5rem + 0) * -1);
}
.bs-popover-top > .arrow::before, .bs-popover-auto > .arrow::before {
bottom: 0; border-width: 0.5rem 0 0; border-top-color: #fff;
}
.bs-popover-top > .arrow::after, .bs-popover-auto > .arrow::after {
bottom: 0; border-width: 0.5rem 0 0; border-top-color: #fff;
}
.bs-popover-right, .bs-popover-auto {
margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto > .arrow {
left: calc((0.5rem + 0) * -1); width: 0.5rem; height: 0; margin: 5.4px 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto > .arrow::before {
left: 0; border-width: 0 0.5rem 0 0; border-right-color: #fff;
}
.bs-popover-right > .arrow::after, .bs-popover-auto > .arrow::after {
left: 0; border-width: 0 0.5rem 0 0; border-right-color: #fff;
}
.bs-popover-bottom, .bs-popover-auto {
margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto > .arrow {
top: calc((0.5rem + 0) * -1);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto > .arrow::before {
top: 0; border-width: 0 0 0.5rem 0; border-bottom-color: #fff;
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto > .arrow::after {
top: 0; border-width: 0 0 0.5rem 0; border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto .popover-header::before {
position: absolute; top: 0; left: 50%; display: block; width: 0; margin-left: 0; content: ""; border-bottom: 0 solid #fff;
}
.bs-popover-left, .bs-popover-auto {
margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto > .arrow {
right: calc((0.5rem + 0) * -1); width: 0.5rem; height: 0; margin: 5.4px 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto > .arrow::before {
right: 0; border-width: 0 0 0 0.5rem; border-left-color: #fff;
}
.bs-popover-left > .arrow::after, .bs-popover-auto > .arrow::after {
right: 0; border-width: 0 0 0 0.5rem; border-left-color: #fff;
}
.popover-header {
padding: 1rem 1rem; margin-bottom: 0; font-size: 0.875rem; background-color: #fff; border-bottom: 0 solid #f2f2f2; border-top-left-radius: calc(5.4px - 0); border-top-right-radius: calc(5.4px - 0);
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: 1rem 1rem; color: #212121;
}
@-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;
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.bg-primary {
background-color: #005fbf !important;
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
background-color: #00468c !important;
}
.bg-secondary {
background-color: #777 !important;
}
a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
background-color: #5e5e5e !important;
}
.bg-success {
background-color: #009f61 !important;
}
a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
background-color: #006c42 !important;
}
.bg-info {
background-color: #ffeb99 !important;
}
a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
background-color: #ffe166 !important;
}
.bg-warning {
background-color: #ffb700 !important;
}
a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
background-color: #cc9200 !important;
}
.bg-danger {
background-color: #d74022 !important;
}
a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
background-color: #ab331b !important;
}
.bg-light {
background-color: #fbfbfb !important;
}
a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
background-color: #e2e2e2 !important;
}
.bg-dark {
background-color: #212121 !important;
}
a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
background-color: #080808 !important;
}
.bg-jurnal {
background-color: #009bde !important;
}
a.bg-jurnal:hover, a.bg-jurnal:focus, button.bg-jurnal:hover, button.bg-jurnal:focus {
background-color: #0077ab !important;
}
.bg-talenta {
background-color: #c02a34 !important;
}
a.bg-talenta:hover, a.bg-talenta:focus, button.bg-talenta:hover, button.bg-talenta:focus {
background-color: #962129 !important;
}
.bg-klikpajak {
background-color: #f96d01 !important;
}
a.bg-klikpajak:hover, a.bg-klikpajak:focus, button.bg-klikpajak:hover, button.bg-klikpajak:focus {
background-color: #c65701 !important;
}
.bg-mekari {
background-color: #6d48e5 !important;
}
a.bg-mekari:hover, a.bg-mekari:focus, button.bg-mekari:hover, button.bg-mekari:focus {
background-color: #4b1fdb !important;
}
.bg-slate {
background-color: #777 !important;
}
a.bg-slate:hover, a.bg-slate:focus, button.bg-slate:hover, button.bg-slate:focus {
background-color: #5e5e5e !important;
}
.bg-muted {
background-color: #b4b4b4 !important;
}
a.bg-muted:hover, a.bg-muted:focus, button.bg-muted:hover, button.bg-muted:focus {
background-color: #9b9b9b !important;
}
.bg-smoke {
background-color: #e2e2e2 !important;
}
a.bg-smoke:hover, a.bg-smoke:focus, button.bg-smoke:hover, button.bg-smoke:focus {
background-color: #c9c9c9 !important;
}
.bg-cloud {
background-color: #f2f4f7 !important;
}
a.bg-cloud:hover, a.bg-cloud:focus, button.bg-cloud:hover, button.bg-cloud:focus {
background-color: #d2d9e4 !important;
}
.bg-link {
background-color: #1357ff !important;
}
a.bg-link:hover, a.bg-link:focus, button.bg-link:hover, button.bg-link:focus {
background-color: #0040df !important;
}
.bg-white {
background-color: #fff !important;
}
a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus {
background-color: #e6e6e6 !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.border {
border: 1px solid #e2e2e2 !important;
}
.border-top {
border-top: 1px solid #e2e2e2 !important;
}
.border-right {
border-right: 1px solid #e2e2e2 !important;
}
.border-bottom {
border-bottom: 1px solid #e2e2e2 !important;
}
.border-left {
border-left: 1px solid #e2e2e2 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.border-primary {
border-color: #005fbf !important;
}
.border-secondary {
border-color: #777 !important;
}
.border-success {
border-color: #009f61 !important;
}
.border-info {
border-color: #ffeb99 !important;
}
.border-warning {
border-color: #ffb700 !important;
}
.border-danger {
border-color: #d74022 !important;
}
.border-light {
border-color: #fbfbfb !important;
}
.border-dark {
border-color: #212121 !important;
}
.border-jurnal {
border-color: #009bde !important;
}
.border-talenta {
border-color: #c02a34 !important;
}
.border-klikpajak {
border-color: #f96d01 !important;
}
.border-mekari {
border-color: #6d48e5 !important;
}
.border-slate {
border-color: #777 !important;
}
.border-muted {
border-color: #b4b4b4 !important;
}
.border-smoke {
border-color: #e2e2e2 !important;
}
.border-cloud {
border-color: #f2f4f7 !important;
}
.border-link {
border-color: #1357ff !important;
}
.border-white {
border-color: #fff !important;
}
.border-white {
border-color: #fff !important;
}
.rounded-sm {
border-radius: 3.2px !important;
}
.rounded {
border-radius: 4px !important;
}
.rounded-top {
border-top-left-radius: 4px !important; border-top-right-radius: 4px !important;
}
.rounded-right {
border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important;
}
.rounded-bottom {
border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important;
}
.rounded-left {
border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important;
}
.rounded-lg {
border-radius: 5.4px !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: 50rem !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.clearfix::after {
display: block; clear: both; content: "";
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; }
}
@media (min-width: 768px) {
.d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; }
}
@media (min-width: 992px) {
.d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; }
}
@media (min-width: 1272px) {
.d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; }
}
@media print {
.d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; }
}
.embed-responsive {
position: relative; display: block; width: 100%; padding: 0; overflow: hidden;
}
.embed-responsive::before {
display: block; content: "";
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.embed-responsive-21by9::before {
padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; }
}
@media (min-width: 768px) {
.flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; }
}
@media (min-width: 992px) {
.flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; }
}
@media (min-width: 1272px) {
.flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; }
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 576px) {
.float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; }
}
@media (min-width: 768px) {
.float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; }
}
@media (min-width: 992px) {
.float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; }
}
@media (min-width: 1272px) {
.float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; }
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: -webkit-sticky !important; position: sticky !important;
}
.fixed-top {
position: fixed; top: 0; right: 0; left: 0; z-index: 1030;
}
.fixed-bottom {
position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
.sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; }
}
.sr-only {
position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal;
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
box-shadow: none !important;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.vw-100 {
width: 100vw !important;
}
.vh-100 {
height: 100vh !important;
}
.stretched-:after {
position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0);
}
.m-0 {
margin: 0 !important;
}
.mt-0, .my-0 {
margin-top: 0 !important;
}
.mr-0, .mx-0 {
margin-right: 0 !important;
}
.mb-0, .my-0 {
margin-bottom: 0 !important;
}
.ml-0, .mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1, .my-1 {
margin-top: 0.25rem !important;
}
.mr-1, .mx-1 {
margin-right: 0.25rem !important;
}
.mb-1, .my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1, .mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2, .my-2 {
margin-top: 0.5rem !important;
}
.mr-2, .mx-2 {
margin-right: 0.5rem !important;
}
.mb-2, .my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2, .mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3, .my-3 {
margin-top: 1rem !important;
}
.mr-3, .mx-3 {
margin-right: 1rem !important;
}
.mb-3, .my-3 {
margin-bottom: 1rem !important;
}
.ml-3, .mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4, .my-4 {
margin-top: 1.5rem !important;
}
.mr-4, .mx-4 {
margin-right: 1.5rem !important;
}
.mb-4, .my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4, .mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 2rem !important;
}
.mt-5, .my-5 {
margin-top: 2rem !important;
}
.mr-5, .mx-5 {
margin-right: 2rem !important;
}
.mb-5, .my-5 {
margin-bottom: 2rem !important;
}
.ml-5, .mx-5 {
margin-left: 2rem !important;
}
.m-6 {
margin: 2.5rem !important;
}
.mt-6, .my-6 {
margin-top: 2.5rem !important;
}
.mr-6, .mx-6 {
margin-right: 2.5rem !important;
}
.mb-6, .my-6 {
margin-bottom: 2.5rem !important;
}
.ml-6, .mx-6 {
margin-left: 2.5rem !important;
}
.m-7 {
margin: 5rem !important;
}
.mt-7, .my-7 {
margin-top: 5rem !important;
}
.mr-7, .mx-7 {
margin-right: 5rem !important;
}
.mb-7, .my-7 {
margin-bottom: 5rem !important;
}
.ml-7, .mx-7 {
margin-left: 5rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0, .py-0 {
padding-top: 0 !important;
}
.pr-0, .px-0 {
padding-right: 0 !important;
}
.pb-0, .py-0 {
padding-bottom: 0 !important;
}
.pl-0, .px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1, .py-1 {
padding-top: 0.25rem !important;
}
.pr-1, .px-1 {
padding-right: 0.25rem !important;
}
.pb-1, .py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1, .px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2, .py-2 {
padding-top: 0.5rem !important;
}
.pr-2, .px-2 {
padding-right: 0.5rem !important;
}
.pb-2, .py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2, .px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3, .py-3 {
padding-top: 1rem !important;
}
.pr-3, .px-3 {
padding-right: 1rem !important;
}
.pb-3, .py-3 {
padding-bottom: 1rem !important;
}
.pl-3, .px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4, .py-4 {
padding-top: 1.5rem !important;
}
.pr-4, .px-4 {
padding-right: 1.5rem !important;
}
.pb-4, .py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4, .px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 2rem !important;
}
.pt-5, .py-5 {
padding-top: 2rem !important;
}
.pr-5, .px-5 {
padding-right: 2rem !important;
}
.pb-5, .py-5 {
padding-bottom: 2rem !important;
}
.pl-5, .px-5 {
padding-left: 2rem !important;
}
.p-6 {
padding: 2.5rem !important;
}
.pt-6, .py-6 {
padding-top: 2.5rem !important;
}
.pr-6, .px-6 {
padding-right: 2.5rem !important;
}
.pb-6, .py-6 {
padding-bottom: 2.5rem !important;
}
.pl-6, .px-6 {
padding-left: 2.5rem !important;
}
.p-7 {
padding: 5rem !important;
}
.pt-7, .py-7 {
padding-top: 5rem !important;
}
.pr-7, .px-7 {
padding-right: 5rem !important;
}
.pb-7, .py-7 {
padding-bottom: 5rem !important;
}
.pl-7, .px-7 {
padding-left: 5rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1, .my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1, .mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1, .my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1, .mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2, .my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2, .mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2, .my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2, .mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3, .my-n3 {
margin-top: -1rem !important;
}
.mr-n3, .mx-n3 {
margin-right: -1rem !important;
}
.mb-n3, .my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3, .mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4, .my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4, .mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4, .my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4, .mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -2rem !important;
}
.mt-n5, .my-n5 {
margin-top: -2rem !important;
}
.mr-n5, .mx-n5 {
margin-right: -2rem !important;
}
.mb-n5, .my-n5 {
margin-bottom: -2rem !important;
}
.ml-n5, .mx-n5 {
margin-left: -2rem !important;
}
.m-n6 {
margin: -2.5rem !important;
}
.mt-n6, .my-n6 {
margin-top: -2.5rem !important;
}
.mr-n6, .mx-n6 {
margin-right: -2.5rem !important;
}
.mb-n6, .my-n6 {
margin-bottom: -2.5rem !important;
}
.ml-n6, .mx-n6 {
margin-left: -2.5rem !important;
}
.m-n7 {
margin: -5rem !important;
}
.mt-n7, .my-n7 {
margin-top: -5rem !important;
}
.mr-n7, .mx-n7 {
margin-right: -5rem !important;
}
.mb-n7, .my-n7 {
margin-bottom: -5rem !important;
}
.ml-n7, .mx-n7 {
margin-left: -5rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto, .my-auto {
margin-top: auto !important;
}
.mr-auto, .mx-auto {
margin-right: auto !important;
}
.mb-auto, .my-auto {
margin-bottom: auto !important;
}
.ml-auto, .mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 2rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 2rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 2rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 2rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 2rem !important; } .m-sm-6 { margin: 2.5rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 2.5rem !important; } .mr-sm-6, .mx-sm-6 { margin-right: 2.5rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 2.5rem !important; } .ml-sm-6, .mx-sm-6 { margin-left: 2.5rem !important; } .m-sm-7 { margin: 5rem !important; } .mt-sm-7, .my-sm-7 { margin-top: 5rem !important; } .mr-sm-7, .mx-sm-7 { margin-right: 5rem !important; } .mb-sm-7, .my-sm-7 { margin-bottom: 5rem !important; } .ml-sm-7, .mx-sm-7 { margin-left: 5rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 2rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 2rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 2rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 2rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 2rem !important; } .p-sm-6 { padding: 2.5rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 2.5rem !important; } .pr-sm-6, .px-sm-6 { padding-right: 2.5rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 2.5rem !important; } .pl-sm-6, .px-sm-6 { padding-left: 2.5rem !important; } .p-sm-7 { padding: 5rem !important; } .pt-sm-7, .py-sm-7 { padding-top: 5rem !important; } .pr-sm-7, .px-sm-7 { padding-right: 5rem !important; } .pb-sm-7, .py-sm-7 { padding-bottom: 5rem !important; } .pl-sm-7, .px-sm-7 { padding-left: 5rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -2rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -2rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -2rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -2rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -2rem !important; } .m-sm-n6 { margin: -2.5rem !important; } .mt-sm-n6, .my-sm-n6 { margin-top: -2.5rem !important; } .mr-sm-n6, .mx-sm-n6 { margin-right: -2.5rem !important; } .mb-sm-n6, .my-sm-n6 { margin-bottom: -2.5rem !important; } .ml-sm-n6, .mx-sm-n6 { margin-left: -2.5rem !important; } .m-sm-n7 { margin: -5rem !important; } .mt-sm-n7, .my-sm-n7 { margin-top: -5rem !important; } .mr-sm-n7, .mx-sm-n7 { margin-right: -5rem !important; } .mb-sm-n7, .my-sm-n7 { margin-bottom: -5rem !important; } .ml-sm-n7, .mx-sm-n7 { margin-left: -5rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; }
}
@media (min-width: 768px) {
.m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 2rem !important; } .mt-md-5, .my-md-5 { margin-top: 2rem !important; } .mr-md-5, .mx-md-5 { margin-right: 2rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 2rem !important; } .ml-md-5, .mx-md-5 { margin-left: 2rem !important; } .m-md-6 { margin: 2.5rem !important; } .mt-md-6, .my-md-6 { margin-top: 2.5rem !important; } .mr-md-6, .mx-md-6 { margin-right: 2.5rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 2.5rem !important; } .ml-md-6, .mx-md-6 { margin-left: 2.5rem !important; } .m-md-7 { margin: 5rem !important; } .mt-md-7, .my-md-7 { margin-top: 5rem !important; } .mr-md-7, .mx-md-7 { margin-right: 5rem !important; } .mb-md-7, .my-md-7 { margin-bottom: 5rem !important; } .ml-md-7, .mx-md-7 { margin-left: 5rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 2rem !important; } .pt-md-5, .py-md-5 { padding-top: 2rem !important; } .pr-md-5, .px-md-5 { padding-right: 2rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 2rem !important; } .pl-md-5, .px-md-5 { padding-left: 2rem !important; } .p-md-6 { padding: 2.5rem !important; } .pt-md-6, .py-md-6 { padding-top: 2.5rem !important; } .pr-md-6, .px-md-6 { padding-right: 2.5rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 2.5rem !important; } .pl-md-6, .px-md-6 { padding-left: 2.5rem !important; } .p-md-7 { padding: 5rem !important; } .pt-md-7, .py-md-7 { padding-top: 5rem !important; } .pr-md-7, .px-md-7 { padding-right: 5rem !important; } .pb-md-7, .py-md-7 { padding-bottom: 5rem !important; } .pl-md-7, .px-md-7 { padding-left: 5rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -2rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -2rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -2rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -2rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -2rem !important; } .m-md-n6 { margin: -2.5rem !important; } .mt-md-n6, .my-md-n6 { margin-top: -2.5rem !important; } .mr-md-n6, .mx-md-n6 { margin-right: -2.5rem !important; } .mb-md-n6, .my-md-n6 { margin-bottom: -2.5rem !important; } .ml-md-n6, .mx-md-n6 { margin-left: -2.5rem !important; } .m-md-n7 { margin: -5rem !important; } .mt-md-n7, .my-md-n7 { margin-top: -5rem !important; } .mr-md-n7, .mx-md-n7 { margin-right: -5rem !important; } .mb-md-n7, .my-md-n7 { margin-bottom: -5rem !important; } .ml-md-n7, .mx-md-n7 { margin-left: -5rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; }
}
@media (min-width: 992px) {
.m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 2rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 2rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 2rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 2rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 2rem !important; } .m-lg-6 { margin: 2.5rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 2.5rem !important; } .mr-lg-6, .mx-lg-6 { margin-right: 2.5rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 2.5rem !important; } .ml-lg-6, .mx-lg-6 { margin-left: 2.5rem !important; } .m-lg-7 { margin: 5rem !important; } .mt-lg-7, .my-lg-7 { margin-top: 5rem !important; } .mr-lg-7, .mx-lg-7 { margin-right: 5rem !important; } .mb-lg-7, .my-lg-7 { margin-bottom: 5rem !important; } .ml-lg-7, .mx-lg-7 { margin-left: 5rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 2rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 2rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 2rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 2rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 2rem !important; } .p-lg-6 { padding: 2.5rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 2.5rem !important; } .pr-lg-6, .px-lg-6 { padding-right: 2.5rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 2.5rem !important; } .pl-lg-6, .px-lg-6 { padding-left: 2.5rem !important; } .p-lg-7 { padding: 5rem !important; } .pt-lg-7, .py-lg-7 { padding-top: 5rem !important; } .pr-lg-7, .px-lg-7 { padding-right: 5rem !important; } .pb-lg-7, .py-lg-7 { padding-bottom: 5rem !important; } .pl-lg-7, .px-lg-7 { padding-left: 5rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -2rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -2rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -2rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -2rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -2rem !important; } .m-lg-n6 { margin: -2.5rem !important; } .mt-lg-n6, .my-lg-n6 { margin-top: -2.5rem !important; } .mr-lg-n6, .mx-lg-n6 { margin-right: -2.5rem !important; } .mb-lg-n6, .my-lg-n6 { margin-bottom: -2.5rem !important; } .ml-lg-n6, .mx-lg-n6 { margin-left: -2.5rem !important; } .m-lg-n7 { margin: -5rem !important; } .mt-lg-n7, .my-lg-n7 { margin-top: -5rem !important; } .mr-lg-n7, .mx-lg-n7 { margin-right: -5rem !important; } .mb-lg-n7, .my-lg-n7 { margin-bottom: -5rem !important; } .ml-lg-n7, .mx-lg-n7 { margin-left: -5rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; }
}
@media (min-width: 1272px) {
.m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 2rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 2rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 2rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 2rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 2rem !important; } .m-xl-6 { margin: 2.5rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 2.5rem !important; } .mr-xl-6, .mx-xl-6 { margin-right: 2.5rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 2.5rem !important; } .ml-xl-6, .mx-xl-6 { margin-left: 2.5rem !important; } .m-xl-7 { margin: 5rem !important; } .mt-xl-7, .my-xl-7 { margin-top: 5rem !important; } .mr-xl-7, .mx-xl-7 { margin-right: 5rem !important; } .mb-xl-7, .my-xl-7 { margin-bottom: 5rem !important; } .ml-xl-7, .mx-xl-7 { margin-left: 5rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 2rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 2rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 2rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 2rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 2rem !important; } .p-xl-6 { padding: 2.5rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 2.5rem !important; } .pr-xl-6, .px-xl-6 { padding-right: 2.5rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 2.5rem !important; } .pl-xl-6, .px-xl-6 { padding-left: 2.5rem !important; } .p-xl-7 { padding: 5rem !important; } .pt-xl-7, .py-xl-7 { padding-top: 5rem !important; } .pr-xl-7, .px-xl-7 { padding-right: 5rem !important; } .pb-xl-7, .py-xl-7 { padding-bottom: 5rem !important; } .pl-xl-7, .px-xl-7 { padding-left: 5rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -2rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -2rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -2rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -2rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -2rem !important; } .m-xl-n6 { margin: -2.5rem !important; } .mt-xl-n6, .my-xl-n6 { margin-top: -2.5rem !important; } .mr-xl-n6, .mx-xl-n6 { margin-right: -2.5rem !important; } .mb-xl-n6, .my-xl-n6 { margin-bottom: -2.5rem !important; } .ml-xl-n6, .mx-xl-n6 { margin-left: -2.5rem !important; } .m-xl-n7 { margin: -5rem !important; } .mt-xl-n7, .my-xl-n7 { margin-top: -5rem !important; } .mr-xl-n7, .mx-xl-n7 { margin-right: -5rem !important; } .mb-xl-n7, .my-xl-n7 { margin-bottom: -5rem !important; } .ml-xl-n7, .mx-xl-n7 { margin-left: -5rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; }
}
.text-monospace {
font-family: monospace !important;
}
.text-justify {
text-align: justify !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; }
}
@media (min-width: 768px) {
.text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; }
}
@media (min-width: 992px) {
.text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; }
}
@media (min-width: 1272px) {
.text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; }
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 400 !important;
}
.font-weight-lighter {
font-weight: 400 !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 500 !important;
}
.font-weight-bolder {
font-weight: 500 !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #005fbf !important;
}
a.text-primary:hover, a.text-primary:focus {
color: #003973 !important;
}
.text-secondary {
color: #777 !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: #515151 !important;
}
.text-success {
color: #009f61 !important;
}
a.text-success:hover, a.text-success:focus {
color: #005332 !important;
}
.text-info {
color: #ffeb99 !important;
}
a.text-info:hover, a.text-info:focus {
color: #ffdc4d !important;
}
.text-warning {
color: #ffb700 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: #b38000 !important;
}
.text-danger {
color: #d74022 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: #952c18 !important;
}
.text-light {
color: #fbfbfb !important;
}
a.text-light:hover, a.text-light:focus {
color: #d5d5d5 !important;
}
.text-dark {
color: #212121 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: black !important;
}
.text-jurnal {
color: #009bde !important;
}
a.text-jurnal:hover, a.text-jurnal:focus {
color: #006692 !important;
}
.text-talenta {
color: #c02a34 !important;
}
a.text-talenta:hover, a.text-talenta:focus {
color: #811c23 !important;
}
.text-klikpajak {
color: #f96d01 !important;
}
a.text-klikpajak:hover, a.text-klikpajak:focus {
color: #ad4c01 !important;
}
.text-mekari {
color: #6d48e5 !important;
}
a.text-mekari:hover, a.text-mekari:focus {
color: #441cc5 !important;
}
.text-slate {
color: #777 !important;
}
a.text-slate:hover, a.text-slate:focus {
color: #515151 !important;
}
.text-muted {
color: #b4b4b4 !important;
}
a.text-muted:hover, a.text-muted:focus {
color: #8e8e8e !important;
}
.text-smoke {
color: #e2e2e2 !important;
}
a.text-smoke:hover, a.text-smoke:focus {
color: #bcbcbc !important;
}
.text-cloud {
color: #f2f4f7 !important;
}
a.text-cloud:hover, a.text-cloud:focus {
color: #c3ccda !important;
}
.text-link {
color: #1357ff !important;
}
a.text-link:hover, a.text-link:focus {
color: #0039c6 !important;
}
.text-white {
color: #fff !important;
}
a.text-white:hover, a.text-white:focus {
color: #d9d9d9 !important;
}
.text-body {
color: #212121 !important;
}
.text-muted {
color: #b4b4b4 !important;
}
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-break {
word-break: break-word !important; overflow-wrap: break-word !important;
}
.text-reset {
color: inherit !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media print {
*, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #e2e2e2; } .table .thead-dark th { color: inherit; border-color: #e2e2e2; }
}
@font-face {
font-family: "Roboto"; font-style: normal; font-weight: 300; src: local("Roboto"); src: url("../../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Roboto"; font-style: normal; font-weight: 400; src: local("Roboto"); src: url("../../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
}
@font-face {
font-family: "Roboto"; font-style: normal; font-weight: 500; src: local("Roboto"); src: url("../../fonts/Roboto/Roboto-Medium.ttf") format("truetype");
}
@font-face {
font-family: "Roboto"; font-style: normal; font-weight: 700; src: local("Roboto"); src: url("../../fonts/Roboto/Roboto-Medium.ttf") format("truetype");
}
@font-face {
font-family: "Roboto"; font-style: normal; font-weight: 900; src: local("Roboto"); src: url("../../fonts/Roboto/Roboto-Medium.ttf") format("truetype");
}
body, p, .font-size-default {
font-size: 0.875rem; line-height: 20px; letter-spacing: 0.2px;
}
small, .small, .badge, .dropdown-item–title, .tooltip {
font-size: 0.75rem; line-height: 16px; letter-spacing: 0.2px;
}
h1, .h1 {
margin-bottom: 0; font-size: 24px; line-height: 32px; color: #212121; letter-spacing: 0.2px;
}
h2, .h2 {
margin-bottom: 0; font-size: 20px; line-height: 28px; color: #212121; letter-spacing: 0.2px;
}
h3, .h3 {
margin-bottom: 0; font-size: 16px; line-height: 24px; color: #212121; letter-spacing: 0.2px;
}
body, p, .font-size-default {
margin-bottom: 0;
}
small, .small {
color: #777;
}
:disabled,
- readonly
-
{
color: #b4b4b4;
}
.text-base {
font-size: 0.875rem;
}
.text-lg {
font-size: 1.25rem;
}
.text-sm {
font-size: 0.75rem;
}
.large-title {
font-size: 32px; font-weight: 500; line-height: 48px; letter-spacing: 0.2px;
}
@font-face {
font-family: "Mekari-Icon-Regular"; font-style: normal; font-weight: 400; src: url("../../webfonts/Mekari-Icon-Regular.eot?4revhd"); src: url("../../webfonts/Mekari-Icon-Regular.eot?4revhd#iefix") format("embedded-opentype"), url("../../webfonts/Mekari-Icon-Regular.ttf?4revhd") format("truetype"), url("../../webfonts/Mekari-Icon-Regular.woff?4revhd") format("woff"), url("../../webfonts/Mekari-Icon-Regular.svg?4revhd#Mekari-Icon-Regular") format("svg"); font-display: block;
}
body, p, .font-size-default {
font-size: 0.875rem; line-height: 20px; letter-spacing: 0.2px;
}
small, .small, .badge, .dropdown-item–title, .tooltip {
font-size: 0.75rem; line-height: 16px; letter-spacing: 0.2px;
}
body, p, .font-size-default {
font-size: 0.875rem; line-height: 20px; letter-spacing: 0.2px;
}
small, .small, .badge, .dropdown-item–title, .tooltip {
font-size: 0.75rem; line-height: 16px; letter-spacing: 0.2px;
}
.container {
width: 100%; padding-right: 12px; padding-left: 12px; margin-right: auto; margin-left: auto;
}
@media (min-width: 576px) {
.container { max-width: 540px; }
}
@media (min-width: 768px) {
.container { max-width: 720px; }
}
@media (min-width: 992px) {
.container { max-width: 960px; }
}
@media (min-width: 1272px) {
.container { max-width: 1224px; }
}
.container-fluid {
width: 100%; padding-right: 12px; padding-left: 12px; margin-right: auto; margin-left: auto;
}
.row {
display: flex; flex-wrap: wrap; margin-right: -12px; margin-left: -12px;
}
.no-gutters {
margin-right: 0; margin-left: 0;
}
.no-gutters > .col, .no-gutters > [class*=“col-”] {
padding-right: 0; padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
position: relative; width: 100%; padding-right: 12px; padding-left: 12px;
}
.col {
flex-basis: 0; flex-grow: 1; max-width: 100%;
}
.col-auto {
flex: 0 0 auto; width: auto; max-width: 100%;
}
.col-1 {
flex: 0 0 8.333333%; max-width: 8.333333%;
}
.col-2 {
flex: 0 0 16.666667%; max-width: 16.666667%;
}
.col-3 {
flex: 0 0 25%; max-width: 25%;
}
.col-4 {
flex: 0 0 33.333333%; max-width: 33.333333%;
}
.col-5 {
flex: 0 0 41.666667%; max-width: 41.666667%;
}
.col-6 {
flex: 0 0 50%; max-width: 50%;
}
.col-7 {
flex: 0 0 58.333333%; max-width: 58.333333%;
}
.col-8 {
flex: 0 0 66.666667%; max-width: 66.666667%;
}
.col-9 {
flex: 0 0 75%; max-width: 75%;
}
.col-10 {
flex: 0 0 83.333333%; max-width: 83.333333%;
}
.col-11 {
flex: 0 0 91.666667%; max-width: 91.666667%;
}
.col-12 {
flex: 0 0 100%; max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; }
}
@media (min-width: 768px) {
.col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; }
}
@media (min-width: 992px) {
.col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; }
}
@media (min-width: 1272px) {
.col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; }
}
body, p, .font-size-default {
font-size: 0.875rem; line-height: 20px; letter-spacing: 0.2px;
}
small, .small, .badge, .dropdown-item–title, .tooltip {
font-size: 0.75rem; line-height: 16px; letter-spacing: 0.2px;
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.bg-danger {
background-color: #d74022 !important;
}
a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
background-color: #ab331b !important;
}
.bg-success {
background-color: #009f61 !important;
}
a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
background-color: #006c42 !important;
}
.bg-info {
background-color: #ffeb99 !important;
}
a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
background-color: #ffe166 !important;
}
.bg-warning {
background-color: #ffb700 !important;
}
a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
background-color: #cc9200 !important;
}
.bg-primary {
background-color: #005fbf !important;
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
background-color: #00468c !important;
}
.bg-jurnal {
background-color: #009bde !important;
}
a.bg-jurnal:hover, a.bg-jurnal:focus, button.bg-jurnal:hover, button.bg-jurnal:focus {
background-color: #0077ab !important;
}
.bg-talenta {
background-color: #c02a34 !important;
}
a.bg-talenta:hover, a.bg-talenta:focus, button.bg-talenta:hover, button.bg-talenta:focus {
background-color: #962129 !important;
}
.bg-klikpajak {
background-color: #f96d01 !important;
}
a.bg-klikpajak:hover, a.bg-klikpajak:focus, button.bg-klikpajak:hover, button.bg-klikpajak:focus {
background-color: #c65701 !important;
}
.bg-mekari {
background-color: #6d48e5 !important;
}
a.bg-mekari:hover, a.bg-mekari:focus, button.bg-mekari:hover, button.bg-mekari:focus {
background-color: #4b1fdb !important;
}
.bg-dark {
background-color: #212121 !important;
}
a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
background-color: #080808 !important;
}
.bg-slate {
background-color: #777 !important;
}
a.bg-slate:hover, a.bg-slate:focus, button.bg-slate:hover, button.bg-slate:focus {
background-color: #5e5e5e !important;
}
.bg-muted {
background-color: #b4b4b4 !important;
}
a.bg-muted:hover, a.bg-muted:focus, button.bg-muted:hover, button.bg-muted:focus {
background-color: #9b9b9b !important;
}
.bg-smoke {
background-color: #e2e2e2 !important;
}
a.bg-smoke:hover, a.bg-smoke:focus, button.bg-smoke:hover, button.bg-smoke:focus {
background-color: #c9c9c9 !important;
}
.bg-light {
background-color: #fbfbfb !important;
}
a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
background-color: #e2e2e2 !important;
}
.bg-cloud {
background-color: #f2f4f7 !important;
}
a.bg-cloud:hover, a.bg-cloud:focus, button.bg-cloud:hover, button.bg-cloud:focus {
background-color: #d2d9e4 !important;
}
.bg-link {
background-color: #1357ff !important;
}
a.bg-link:hover, a.bg-link:focus, button.bg-link:hover, button.bg-link:focus {
background-color: #0040df !important;
}
.bg-white {
background-color: #fff !important;
}
a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus {
background-color: #e6e6e6 !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.border {
border: 1px solid #e2e2e2 !important;
}
.border-top {
border-top: 1px solid #e2e2e2 !important;
}
.border-right {
border-right: 1px solid #e2e2e2 !important;
}
.border-bottom {
border-bottom: 1px solid #e2e2e2 !important;
}
.border-left {
border-left: 1px solid #e2e2e2 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.border-danger {
border-color: #d74022 !important;
}
.border-success {
border-color: #009f61 !important;
}
.border-info {
border-color: #ffeb99 !important;
}
.border-warning {
border-color: #ffb700 !important;
}
.border-primary {
border-color: #005fbf !important;
}
.border-jurnal {
border-color: #009bde !important;
}
.border-talenta {
border-color: #c02a34 !important;
}
.border-klikpajak {
border-color: #f96d01 !important;
}
.border-mekari {
border-color: #6d48e5 !important;
}
.border-dark {
border-color: #212121 !important;
}
.border-slate {
border-color: #777 !important;
}
.border-muted {
border-color: #b4b4b4 !important;
}
.border-smoke {
border-color: #e2e2e2 !important;
}
.border-light {
border-color: #fbfbfb !important;
}
.border-cloud {
border-color: #f2f4f7 !important;
}
.border-link {
border-color: #1357ff !important;
}
.border-white {
border-color: #fff !important;
}
.border-white {
border-color: #fff !important;
}
.rounded-sm {
border-radius: 3.2px !important;
}
.rounded {
border-radius: 4px !important;
}
.rounded-top {
border-top-left-radius: 4px !important; border-top-right-radius: 4px !important;
}
.rounded-right {
border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important;
}
.rounded-bottom {
border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important;
}
.rounded-left {
border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important;
}
.rounded-lg {
border-radius: 5.4px !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-pill {
border-radius: 50rem !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.clearfix::after {
display: block; clear: both; content: "";
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; }
}
@media (min-width: 768px) {
.d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; }
}
@media (min-width: 992px) {
.d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; }
}
@media (min-width: 1272px) {
.d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; }
}
@media print {
.d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; }
}
.embed-responsive {
position: relative; display: block; width: 100%; padding: 0; overflow: hidden;
}
.embed-responsive::before {
display: block; content: "";
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.embed-responsive-21by9::before {
padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.embed-responsive-21by9::before {
padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.embed-responsive-21by9::before {
padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.embed-responsive-21by9::before {
padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.embed-responsive-21by9::before {
padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; }
}
@media (min-width: 768px) {
.flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; }
}
@media (min-width: 992px) {
.flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; }
}
@media (min-width: 1272px) {
.flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; }
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 576px) {
.float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; }
}
@media (min-width: 768px) {
.float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; }
}
@media (min-width: 992px) {
.float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; }
}
@media (min-width: 1272px) {
.float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; }
}
.overflow-auto {
overflow: auto !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: -webkit-sticky !important; position: sticky !important;
}
.fixed-top {
position: fixed; top: 0; right: 0; left: 0; z-index: 1030;
}
.fixed-bottom {
position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
.sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; }
}
.sr-only {
position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal;
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
box-shadow: none !important;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.min-vw-100 {
min-width: 100vw !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.vw-100 {
width: 100vw !important;
}
.vh-100 {
height: 100vh !important;
}
.stretched-:after {
position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0);
}
.m-0 {
margin: 0 !important;
}
.mt-0, .my-0 {
margin-top: 0 !important;
}
.mr-0, .mx-0 {
margin-right: 0 !important;
}
.mb-0, .my-0 {
margin-bottom: 0 !important;
}
.ml-0, .mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1, .my-1 {
margin-top: 0.25rem !important;
}
.mr-1, .mx-1 {
margin-right: 0.25rem !important;
}
.mb-1, .my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1, .mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2, .my-2 {
margin-top: 0.5rem !important;
}
.mr-2, .mx-2 {
margin-right: 0.5rem !important;
}
.mb-2, .my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2, .mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3, .my-3 {
margin-top: 1rem !important;
}
.mr-3, .mx-3 {
margin-right: 1rem !important;
}
.mb-3, .my-3 {
margin-bottom: 1rem !important;
}
.ml-3, .mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4, .my-4 {
margin-top: 1.5rem !important;
}
.mr-4, .mx-4 {
margin-right: 1.5rem !important;
}
.mb-4, .my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4, .mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 2rem !important;
}
.mt-5, .my-5 {
margin-top: 2rem !important;
}
.mr-5, .mx-5 {
margin-right: 2rem !important;
}
.mb-5, .my-5 {
margin-bottom: 2rem !important;
}
.ml-5, .mx-5 {
margin-left: 2rem !important;
}
.m-6 {
margin: 2.5rem !important;
}
.mt-6, .my-6 {
margin-top: 2.5rem !important;
}
.mr-6, .mx-6 {
margin-right: 2.5rem !important;
}
.mb-6, .my-6 {
margin-bottom: 2.5rem !important;
}
.ml-6, .mx-6 {
margin-left: 2.5rem !important;
}
.m-7 {
margin: 5rem !important;
}
.mt-7, .my-7 {
margin-top: 5rem !important;
}
.mr-7, .mx-7 {
margin-right: 5rem !important;
}
.mb-7, .my-7 {
margin-bottom: 5rem !important;
}
.ml-7, .mx-7 {
margin-left: 5rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0, .py-0 {
padding-top: 0 !important;
}
.pr-0, .px-0 {
padding-right: 0 !important;
}
.pb-0, .py-0 {
padding-bottom: 0 !important;
}
.pl-0, .px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1, .py-1 {
padding-top: 0.25rem !important;
}
.pr-1, .px-1 {
padding-right: 0.25rem !important;
}
.pb-1, .py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1, .px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2, .py-2 {
padding-top: 0.5rem !important;
}
.pr-2, .px-2 {
padding-right: 0.5rem !important;
}
.pb-2, .py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2, .px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3, .py-3 {
padding-top: 1rem !important;
}
.pr-3, .px-3 {
padding-right: 1rem !important;
}
.pb-3, .py-3 {
padding-bottom: 1rem !important;
}
.pl-3, .px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4, .py-4 {
padding-top: 1.5rem !important;
}
.pr-4, .px-4 {
padding-right: 1.5rem !important;
}
.pb-4, .py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4, .px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 2rem !important;
}
.pt-5, .py-5 {
padding-top: 2rem !important;
}
.pr-5, .px-5 {
padding-right: 2rem !important;
}
.pb-5, .py-5 {
padding-bottom: 2rem !important;
}
.pl-5, .px-5 {
padding-left: 2rem !important;
}
.p-6 {
padding: 2.5rem !important;
}
.pt-6, .py-6 {
padding-top: 2.5rem !important;
}
.pr-6, .px-6 {
padding-right: 2.5rem !important;
}
.pb-6, .py-6 {
padding-bottom: 2.5rem !important;
}
.pl-6, .px-6 {
padding-left: 2.5rem !important;
}
.p-7 {
padding: 5rem !important;
}
.pt-7, .py-7 {
padding-top: 5rem !important;
}
.pr-7, .px-7 {
padding-right: 5rem !important;
}
.pb-7, .py-7 {
padding-bottom: 5rem !important;
}
.pl-7, .px-7 {
padding-left: 5rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1, .my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1, .mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1, .my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1, .mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2, .my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2, .mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2, .my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2, .mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3, .my-n3 {
margin-top: -1rem !important;
}
.mr-n3, .mx-n3 {
margin-right: -1rem !important;
}
.mb-n3, .my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3, .mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4, .my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4, .mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4, .my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4, .mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -2rem !important;
}
.mt-n5, .my-n5 {
margin-top: -2rem !important;
}
.mr-n5, .mx-n5 {
margin-right: -2rem !important;
}
.mb-n5, .my-n5 {
margin-bottom: -2rem !important;
}
.ml-n5, .mx-n5 {
margin-left: -2rem !important;
}
.m-n6 {
margin: -2.5rem !important;
}
.mt-n6, .my-n6 {
margin-top: -2.5rem !important;
}
.mr-n6, .mx-n6 {
margin-right: -2.5rem !important;
}
.mb-n6, .my-n6 {
margin-bottom: -2.5rem !important;
}
.ml-n6, .mx-n6 {
margin-left: -2.5rem !important;
}
.m-n7 {
margin: -5rem !important;
}
.mt-n7, .my-n7 {
margin-top: -5rem !important;
}
.mr-n7, .mx-n7 {
margin-right: -5rem !important;
}
.mb-n7, .my-n7 {
margin-bottom: -5rem !important;
}
.ml-n7, .mx-n7 {
margin-left: -5rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto, .my-auto {
margin-top: auto !important;
}
.mr-auto, .mx-auto {
margin-right: auto !important;
}
.mb-auto, .my-auto {
margin-bottom: auto !important;
}
.ml-auto, .mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 2rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 2rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 2rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 2rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 2rem !important; } .m-sm-6 { margin: 2.5rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 2.5rem !important; } .mr-sm-6, .mx-sm-6 { margin-right: 2.5rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 2.5rem !important; } .ml-sm-6, .mx-sm-6 { margin-left: 2.5rem !important; } .m-sm-7 { margin: 5rem !important; } .mt-sm-7, .my-sm-7 { margin-top: 5rem !important; } .mr-sm-7, .mx-sm-7 { margin-right: 5rem !important; } .mb-sm-7, .my-sm-7 { margin-bottom: 5rem !important; } .ml-sm-7, .mx-sm-7 { margin-left: 5rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 2rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 2rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 2rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 2rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 2rem !important; } .p-sm-6 { padding: 2.5rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 2.5rem !important; } .pr-sm-6, .px-sm-6 { padding-right: 2.5rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 2.5rem !important; } .pl-sm-6, .px-sm-6 { padding-left: 2.5rem !important; } .p-sm-7 { padding: 5rem !important; } .pt-sm-7, .py-sm-7 { padding-top: 5rem !important; } .pr-sm-7, .px-sm-7 { padding-right: 5rem !important; } .pb-sm-7, .py-sm-7 { padding-bottom: 5rem !important; } .pl-sm-7, .px-sm-7 { padding-left: 5rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -2rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -2rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -2rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -2rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -2rem !important; } .m-sm-n6 { margin: -2.5rem !important; } .mt-sm-n6, .my-sm-n6 { margin-top: -2.5rem !important; } .mr-sm-n6, .mx-sm-n6 { margin-right: -2.5rem !important; } .mb-sm-n6, .my-sm-n6 { margin-bottom: -2.5rem !important; } .ml-sm-n6, .mx-sm-n6 { margin-left: -2.5rem !important; } .m-sm-n7 { margin: -5rem !important; } .mt-sm-n7, .my-sm-n7 { margin-top: -5rem !important; } .mr-sm-n7, .mx-sm-n7 { margin-right: -5rem !important; } .mb-sm-n7, .my-sm-n7 { margin-bottom: -5rem !important; } .ml-sm-n7, .mx-sm-n7 { margin-left: -5rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; }
}
@media (min-width: 768px) {
.m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 2rem !important; } .mt-md-5, .my-md-5 { margin-top: 2rem !important; } .mr-md-5, .mx-md-5 { margin-right: 2rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 2rem !important; } .ml-md-5, .mx-md-5 { margin-left: 2rem !important; } .m-md-6 { margin: 2.5rem !important; } .mt-md-6, .my-md-6 { margin-top: 2.5rem !important; } .mr-md-6, .mx-md-6 { margin-right: 2.5rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 2.5rem !important; } .ml-md-6, .mx-md-6 { margin-left: 2.5rem !important; } .m-md-7 { margin: 5rem !important; } .mt-md-7, .my-md-7 { margin-top: 5rem !important; } .mr-md-7, .mx-md-7 { margin-right: 5rem !important; } .mb-md-7, .my-md-7 { margin-bottom: 5rem !important; } .ml-md-7, .mx-md-7 { margin-left: 5rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 2rem !important; } .pt-md-5, .py-md-5 { padding-top: 2rem !important; } .pr-md-5, .px-md-5 { padding-right: 2rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 2rem !important; } .pl-md-5, .px-md-5 { padding-left: 2rem !important; } .p-md-6 { padding: 2.5rem !important; } .pt-md-6, .py-md-6 { padding-top: 2.5rem !important; } .pr-md-6, .px-md-6 { padding-right: 2.5rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 2.5rem !important; } .pl-md-6, .px-md-6 { padding-left: 2.5rem !important; } .p-md-7 { padding: 5rem !important; } .pt-md-7, .py-md-7 { padding-top: 5rem !important; } .pr-md-7, .px-md-7 { padding-right: 5rem !important; } .pb-md-7, .py-md-7 { padding-bottom: 5rem !important; } .pl-md-7, .px-md-7 { padding-left: 5rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -2rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -2rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -2rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -2rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -2rem !important; } .m-md-n6 { margin: -2.5rem !important; } .mt-md-n6, .my-md-n6 { margin-top: -2.5rem !important; } .mr-md-n6, .mx-md-n6 { margin-right: -2.5rem !important; } .mb-md-n6, .my-md-n6 { margin-bottom: -2.5rem !important; } .ml-md-n6, .mx-md-n6 { margin-left: -2.5rem !important; } .m-md-n7 { margin: -5rem !important; } .mt-md-n7, .my-md-n7 { margin-top: -5rem !important; } .mr-md-n7, .mx-md-n7 { margin-right: -5rem !important; } .mb-md-n7, .my-md-n7 { margin-bottom: -5rem !important; } .ml-md-n7, .mx-md-n7 { margin-left: -5rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; }
}
@media (min-width: 992px) {
.m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 2rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 2rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 2rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 2rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 2rem !important; } .m-lg-6 { margin: 2.5rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 2.5rem !important; } .mr-lg-6, .mx-lg-6 { margin-right: 2.5rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 2.5rem !important; } .ml-lg-6, .mx-lg-6 { margin-left: 2.5rem !important; } .m-lg-7 { margin: 5rem !important; } .mt-lg-7, .my-lg-7 { margin-top: 5rem !important; } .mr-lg-7, .mx-lg-7 { margin-right: 5rem !important; } .mb-lg-7, .my-lg-7 { margin-bottom: 5rem !important; } .ml-lg-7, .mx-lg-7 { margin-left: 5rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 2rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 2rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 2rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 2rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 2rem !important; } .p-lg-6 { padding: 2.5rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 2.5rem !important; } .pr-lg-6, .px-lg-6 { padding-right: 2.5rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 2.5rem !important; } .pl-lg-6, .px-lg-6 { padding-left: 2.5rem !important; } .p-lg-7 { padding: 5rem !important; } .pt-lg-7, .py-lg-7 { padding-top: 5rem !important; } .pr-lg-7, .px-lg-7 { padding-right: 5rem !important; } .pb-lg-7, .py-lg-7 { padding-bottom: 5rem !important; } .pl-lg-7, .px-lg-7 { padding-left: 5rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -2rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -2rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -2rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -2rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -2rem !important; } .m-lg-n6 { margin: -2.5rem !important; } .mt-lg-n6, .my-lg-n6 { margin-top: -2.5rem !important; } .mr-lg-n6, .mx-lg-n6 { margin-right: -2.5rem !important; } .mb-lg-n6, .my-lg-n6 { margin-bottom: -2.5rem !important; } .ml-lg-n6, .mx-lg-n6 { margin-left: -2.5rem !important; } .m-lg-n7 { margin: -5rem !important; } .mt-lg-n7, .my-lg-n7 { margin-top: -5rem !important; } .mr-lg-n7, .mx-lg-n7 { margin-right: -5rem !important; } .mb-lg-n7, .my-lg-n7 { margin-bottom: -5rem !important; } .ml-lg-n7, .mx-lg-n7 { margin-left: -5rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; }
}
@media (min-width: 1272px) {
.m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 2rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 2rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 2rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 2rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 2rem !important; } .m-xl-6 { margin: 2.5rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 2.5rem !important; } .mr-xl-6, .mx-xl-6 { margin-right: 2.5rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 2.5rem !important; } .ml-xl-6, .mx-xl-6 { margin-left: 2.5rem !important; } .m-xl-7 { margin: 5rem !important; } .mt-xl-7, .my-xl-7 { margin-top: 5rem !important; } .mr-xl-7, .mx-xl-7 { margin-right: 5rem !important; } .mb-xl-7, .my-xl-7 { margin-bottom: 5rem !important; } .ml-xl-7, .mx-xl-7 { margin-left: 5rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 2rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 2rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 2rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 2rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 2rem !important; } .p-xl-6 { padding: 2.5rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 2.5rem !important; } .pr-xl-6, .px-xl-6 { padding-right: 2.5rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 2.5rem !important; } .pl-xl-6, .px-xl-6 { padding-left: 2.5rem !important; } .p-xl-7 { padding: 5rem !important; } .pt-xl-7, .py-xl-7 { padding-top: 5rem !important; } .pr-xl-7, .px-xl-7 { padding-right: 5rem !important; } .pb-xl-7, .py-xl-7 { padding-bottom: 5rem !important; } .pl-xl-7, .px-xl-7 { padding-left: 5rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -2rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -2rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -2rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -2rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -2rem !important; } .m-xl-n6 { margin: -2.5rem !important; } .mt-xl-n6, .my-xl-n6 { margin-top: -2.5rem !important; } .mr-xl-n6, .mx-xl-n6 { margin-right: -2.5rem !important; } .mb-xl-n6, .my-xl-n6 { margin-bottom: -2.5rem !important; } .ml-xl-n6, .mx-xl-n6 { margin-left: -2.5rem !important; } .m-xl-n7 { margin: -5rem !important; } .mt-xl-n7, .my-xl-n7 { margin-top: -5rem !important; } .mr-xl-n7, .mx-xl-n7 { margin-right: -5rem !important; } .mb-xl-n7, .my-xl-n7 { margin-bottom: -5rem !important; } .ml-xl-n7, .mx-xl-n7 { margin-left: -5rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; }
}
.text-monospace {
font-family: monospace !important;
}
.text-justify {
text-align: justify !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; }
}
@media (min-width: 768px) {
.text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; }
}
@media (min-width: 992px) {
.text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; }
}
@media (min-width: 1272px) {
.text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; }
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 400 !important;
}
.font-weight-lighter {
font-weight: 400 !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 500 !important;
}
.font-weight-bolder {
font-weight: 500 !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-danger {
color: #d74022 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: #952c18 !important;
}
.text-success {
color: #009f61 !important;
}
a.text-success:hover, a.text-success:focus {
color: #005332 !important;
}
.text-info {
color: #ffeb99 !important;
}
a.text-info:hover, a.text-info:focus {
color: #ffdc4d !important;
}
.text-warning {
color: #ffb700 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: #b38000 !important;
}
.text-primary {
color: #005fbf !important;
}
a.text-primary:hover, a.text-primary:focus {
color: #003973 !important;
}
.text-jurnal {
color: #009bde !important;
}
a.text-jurnal:hover, a.text-jurnal:focus {
color: #006692 !important;
}
.text-talenta {
color: #c02a34 !important;
}
a.text-talenta:hover, a.text-talenta:focus {
color: #811c23 !important;
}
.text-klikpajak {
color: #f96d01 !important;
}
a.text-klikpajak:hover, a.text-klikpajak:focus {
color: #ad4c01 !important;
}
.text-mekari {
color: #6d48e5 !important;
}
a.text-mekari:hover, a.text-mekari:focus {
color: #441cc5 !important;
}
.text-dark {
color: #212121 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: black !important;
}
.text-slate {
color: #777 !important;
}
a.text-slate:hover, a.text-slate:focus {
color: #515151 !important;
}
.text-muted {
color: #b4b4b4 !important;
}
a.text-muted:hover, a.text-muted:focus {
color: #8e8e8e !important;
}
.text-smoke {
color: #e2e2e2 !important;
}
a.text-smoke:hover, a.text-smoke:focus {
color: #bcbcbc !important;
}
.text-light {
color: #fbfbfb !important;
}
a.text-light:hover, a.text-light:focus {
color: #d5d5d5 !important;
}
.text-cloud {
color: #f2f4f7 !important;
}
a.text-cloud:hover, a.text-cloud:focus {
color: #c3ccda !important;
}
.text-link {
color: #1357ff !important;
}
a.text-link:hover, a.text-link:focus {
color: #0039c6 !important;
}
.text-white {
color: #fff !important;
}
a.text-white:hover, a.text-white:focus {
color: #d9d9d9 !important;
}
.text-body {
color: #212121 !important;
}
.text-muted {
color: #b4b4b4 !important;
}
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-break {
word-break: break-word !important; overflow-wrap: break-word !important;
}
.text-reset {
color: inherit !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
.border-1-danger {
border: 1px solid #d74022 !important;
}
.border-top-1-danger {
border-top: 1px solid #d74022 !important;
}
.border-right-1-danger {
border-right: 1px solid #d74022 !important;
}
.border-bottom-1-danger {
border-bottom: 1px solid #d74022 !important;
}
.border-left-1-danger {
border-left: 1px solid #d74022 !important;
}
.border-2-danger {
border: 2px solid #d74022 !important;
}
.border-top-2-danger {
border-top: 2px solid #d74022 !important;
}
.border-right-2-danger {
border-right: 2px solid #d74022 !important;
}
.border-bottom-2-danger {
border-bottom: 2px solid #d74022 !important;
}
.border-left-2-danger {
border-left: 2px solid #d74022 !important;
}
.border-3-danger {
border: 3px solid #d74022 !important;
}
.border-top-3-danger {
border-top: 3px solid #d74022 !important;
}
.border-right-3-danger {
border-right: 3px solid #d74022 !important;
}
.border-bottom-3-danger {
border-bottom: 3px solid #d74022 !important;
}
.border-left-3-danger {
border-left: 3px solid #d74022 !important;
}
.border-4-danger {
border: 4px solid #d74022 !important;
}
.border-top-4-danger {
border-top: 4px solid #d74022 !important;
}
.border-right-4-danger {
border-right: 4px solid #d74022 !important;
}
.border-bottom-4-danger {
border-bottom: 4px solid #d74022 !important;
}
.border-left-4-danger {
border-left: 4px solid #d74022 !important;
}
.border-1-success {
border: 1px solid #009f61 !important;
}
.border-top-1-success {
border-top: 1px solid #009f61 !important;
}
.border-right-1-success {
border-right: 1px solid #009f61 !important;
}
.border-bottom-1-success {
border-bottom: 1px solid #009f61 !important;
}
.border-left-1-success {
border-left: 1px solid #009f61 !important;
}
.border-2-success {
border: 2px solid #009f61 !important;
}
.border-top-2-success {
border-top: 2px solid #009f61 !important;
}
.border-right-2-success {
border-right: 2px solid #009f61 !important;
}
.border-bottom-2-success {
border-bottom: 2px solid #009f61 !important;
}
.border-left-2-success {
border-left: 2px solid #009f61 !important;
}
.border-3-success {
border: 3px solid #009f61 !important;
}
.border-top-3-success {
border-top: 3px solid #009f61 !important;
}
.border-right-3-success {
border-right: 3px solid #009f61 !important;
}
.border-bottom-3-success {
border-bottom: 3px solid #009f61 !important;
}
.border-left-3-success {
border-left: 3px solid #009f61 !important;
}
.border-4-success {
border: 4px solid #009f61 !important;
}
.border-top-4-success {
border-top: 4px solid #009f61 !important;
}
.border-right-4-success {
border-right: 4px solid #009f61 !important;
}
.border-bottom-4-success {
border-bottom: 4px solid #009f61 !important;
}
.border-left-4-success {
border-left: 4px solid #009f61 !important;
}
.border-1-info {
border: 1px solid #ffeb99 !important;
}
.border-top-1-info {
border-top: 1px solid #ffeb99 !important;
}
.border-right-1-info {
border-right: 1px solid #ffeb99 !important;
}
.border-bottom-1-info {
border-bottom: 1px solid #ffeb99 !important;
}
.border-left-1-info {
border-left: 1px solid #ffeb99 !important;
}
.border-2-info {
border: 2px solid #ffeb99 !important;
}
.border-top-2-info {
border-top: 2px solid #ffeb99 !important;
}
.border-right-2-info {
border-right: 2px solid #ffeb99 !important;
}
.border-bottom-2-info {
border-bottom: 2px solid #ffeb99 !important;
}
.border-left-2-info {
border-left: 2px solid #ffeb99 !important;
}
.border-3-info {
border: 3px solid #ffeb99 !important;
}
.border-top-3-info {
border-top: 3px solid #ffeb99 !important;
}
.border-right-3-info {
border-right: 3px solid #ffeb99 !important;
}
.border-bottom-3-info {
border-bottom: 3px solid #ffeb99 !important;
}
.border-left-3-info {
border-left: 3px solid #ffeb99 !important;
}
.border-4-info {
border: 4px solid #ffeb99 !important;
}
.border-top-4-info {
border-top: 4px solid #ffeb99 !important;
}
.border-right-4-info {
border-right: 4px solid #ffeb99 !important;
}
.border-bottom-4-info {
border-bottom: 4px solid #ffeb99 !important;
}
.border-left-4-info {
border-left: 4px solid #ffeb99 !important;
}
.border-1-warning {
border: 1px solid #ffb700 !important;
}
.border-top-1-warning {
border-top: 1px solid #ffb700 !important;
}
.border-right-1-warning {
border-right: 1px solid #ffb700 !important;
}
.border-bottom-1-warning {
border-bottom: 1px solid #ffb700 !important;
}
.border-left-1-warning {
border-left: 1px solid #ffb700 !important;
}
.border-2-warning {
border: 2px solid #ffb700 !important;
}
.border-top-2-warning {
border-top: 2px solid #ffb700 !important;
}
.border-right-2-warning {
border-right: 2px solid #ffb700 !important;
}
.border-bottom-2-warning {
border-bottom: 2px solid #ffb700 !important;
}
.border-left-2-warning {
border-left: 2px solid #ffb700 !important;
}
.border-3-warning {
border: 3px solid #ffb700 !important;
}
.border-top-3-warning {
border-top: 3px solid #ffb700 !important;
}
.border-right-3-warning {
border-right: 3px solid #ffb700 !important;
}
.border-bottom-3-warning {
border-bottom: 3px solid #ffb700 !important;
}
.border-left-3-warning {
border-left: 3px solid #ffb700 !important;
}
.border-4-warning {
border: 4px solid #ffb700 !important;
}
.border-top-4-warning {
border-top: 4px solid #ffb700 !important;
}
.border-right-4-warning {
border-right: 4px solid #ffb700 !important;
}
.border-bottom-4-warning {
border-bottom: 4px solid #ffb700 !important;
}
.border-left-4-warning {
border-left: 4px solid #ffb700 !important;
}
.border-1-primary {
border: 1px solid #005fbf !important;
}
.border-top-1-primary {
border-top: 1px solid #005fbf !important;
}
.border-right-1-primary {
border-right: 1px solid #005fbf !important;
}
.border-bottom-1-primary {
border-bottom: 1px solid #005fbf !important;
}
.border-left-1-primary {
border-left: 1px solid #005fbf !important;
}
.border-2-primary {
border: 2px solid #005fbf !important;
}
.border-top-2-primary {
border-top: 2px solid #005fbf !important;
}
.border-right-2-primary {
border-right: 2px solid #005fbf !important;
}
.border-bottom-2-primary {
border-bottom: 2px solid #005fbf !important;
}
.border-left-2-primary {
border-left: 2px solid #005fbf !important;
}
.border-3-primary {
border: 3px solid #005fbf !important;
}
.border-top-3-primary {
border-top: 3px solid #005fbf !important;
}
.border-right-3-primary {
border-right: 3px solid #005fbf !important;
}
.border-bottom-3-primary {
border-bottom: 3px solid #005fbf !important;
}
.border-left-3-primary {
border-left: 3px solid #005fbf !important;
}
.border-4-primary {
border: 4px solid #005fbf !important;
}
.border-top-4-primary {
border-top: 4px solid #005fbf !important;
}
.border-right-4-primary {
border-right: 4px solid #005fbf !important;
}
.border-bottom-4-primary {
border-bottom: 4px solid #005fbf !important;
}
.border-left-4-primary {
border-left: 4px solid #005fbf !important;
}
.border-1-jurnal {
border: 1px solid #009bde !important;
}
.border-top-1-jurnal {
border-top: 1px solid #009bde !important;
}
.border-right-1-jurnal {
border-right: 1px solid #009bde !important;
}
.border-bottom-1-jurnal {
border-bottom: 1px solid #009bde !important;
}
.border-left-1-jurnal {
border-left: 1px solid #009bde !important;
}
.border-2-jurnal {
border: 2px solid #009bde !important;
}
.border-top-2-jurnal {
border-top: 2px solid #009bde !important;
}
.border-right-2-jurnal {
border-right: 2px solid #009bde !important;
}
.border-bottom-2-jurnal {
border-bottom: 2px solid #009bde !important;
}
.border-left-2-jurnal {
border-left: 2px solid #009bde !important;
}
.border-3-jurnal {
border: 3px solid #009bde !important;
}
.border-top-3-jurnal {
border-top: 3px solid #009bde !important;
}
.border-right-3-jurnal {
border-right: 3px solid #009bde !important;
}
.border-bottom-3-jurnal {
border-bottom: 3px solid #009bde !important;
}
.border-left-3-jurnal {
border-left: 3px solid #009bde !important;
}
.border-4-jurnal {
border: 4px solid #009bde !important;
}
.border-top-4-jurnal {
border-top: 4px solid #009bde !important;
}
.border-right-4-jurnal {
border-right: 4px solid #009bde !important;
}
.border-bottom-4-jurnal {
border-bottom: 4px solid #009bde !important;
}
.border-left-4-jurnal {
border-left: 4px solid #009bde !important;
}
.border-1-talenta {
border: 1px solid #c02a34 !important;
}
.border-top-1-talenta {
border-top: 1px solid #c02a34 !important;
}
.border-right-1-talenta {
border-right: 1px solid #c02a34 !important;
}
.border-bottom-1-talenta {
border-bottom: 1px solid #c02a34 !important;
}
.border-left-1-talenta {
border-left: 1px solid #c02a34 !important;
}
.border-2-talenta {
border: 2px solid #c02a34 !important;
}
.border-top-2-talenta {
border-top: 2px solid #c02a34 !important;
}
.border-right-2-talenta {
border-right: 2px solid #c02a34 !important;
}
.border-bottom-2-talenta {
border-bottom: 2px solid #c02a34 !important;
}
.border-left-2-talenta {
border-left: 2px solid #c02a34 !important;
}
.border-3-talenta {
border: 3px solid #c02a34 !important;
}
.border-top-3-talenta {
border-top: 3px solid #c02a34 !important;
}
.border-right-3-talenta {
border-right: 3px solid #c02a34 !important;
}
.border-bottom-3-talenta {
border-bottom: 3px solid #c02a34 !important;
}
.border-left-3-talenta {
border-left: 3px solid #c02a34 !important;
}
.border-4-talenta {
border: 4px solid #c02a34 !important;
}
.border-top-4-talenta {
border-top: 4px solid #c02a34 !important;
}
.border-right-4-talenta {
border-right: 4px solid #c02a34 !important;
}
.border-bottom-4-talenta {
border-bottom: 4px solid #c02a34 !important;
}
.border-left-4-talenta {
border-left: 4px solid #c02a34 !important;
}
.border-1-klikpajak {
border: 1px solid #f96d01 !important;
}
.border-top-1-klikpajak {
border-top: 1px solid #f96d01 !important;
}
.border-right-1-klikpajak {
border-right: 1px solid #f96d01 !important;
}
.border-bottom-1-klikpajak {
border-bottom: 1px solid #f96d01 !important;
}
.border-left-1-klikpajak {
border-left: 1px solid #f96d01 !important;
}
.border-2-klikpajak {
border: 2px solid #f96d01 !important;
}
.border-top-2-klikpajak {
border-top: 2px solid #f96d01 !important;
}
.border-right-2-klikpajak {
border-right: 2px solid #f96d01 !important;
}
.border-bottom-2-klikpajak {
border-bottom: 2px solid #f96d01 !important;
}
.border-left-2-klikpajak {
border-left: 2px solid #f96d01 !important;
}
.border-3-klikpajak {
border: 3px solid #f96d01 !important;
}
.border-top-3-klikpajak {
border-top: 3px solid #f96d01 !important;
}
.border-right-3-klikpajak {
border-right: 3px solid #f96d01 !important;
}
.border-bottom-3-klikpajak {
border-bottom: 3px solid #f96d01 !important;
}
.border-left-3-klikpajak {
border-left: 3px solid #f96d01 !important;
}
.border-4-klikpajak {
border: 4px solid #f96d01 !important;
}
.border-top-4-klikpajak {
border-top: 4px solid #f96d01 !important;
}
.border-right-4-klikpajak {
border-right: 4px solid #f96d01 !important;
}
.border-bottom-4-klikpajak {
border-bottom: 4px solid #f96d01 !important;
}
.border-left-4-klikpajak {
border-left: 4px solid #f96d01 !important;
}
.border-1-mekari {
border: 1px solid #6d48e5 !important;
}
.border-top-1-mekari {
border-top: 1px solid #6d48e5 !important;
}
.border-right-1-mekari {
border-right: 1px solid #6d48e5 !important;
}
.border-bottom-1-mekari {
border-bottom: 1px solid #6d48e5 !important;
}
.border-left-1-mekari {
border-left: 1px solid #6d48e5 !important;
}
.border-2-mekari {
border: 2px solid #6d48e5 !important;
}
.border-top-2-mekari {
border-top: 2px solid #6d48e5 !important;
}
.border-right-2-mekari {
border-right: 2px solid #6d48e5 !important;
}
.border-bottom-2-mekari {
border-bottom: 2px solid #6d48e5 !important;
}
.border-left-2-mekari {
border-left: 2px solid #6d48e5 !important;
}
.border-3-mekari {
border: 3px solid #6d48e5 !important;
}
.border-top-3-mekari {
border-top: 3px solid #6d48e5 !important;
}
.border-right-3-mekari {
border-right: 3px solid #6d48e5 !important;
}
.border-bottom-3-mekari {
border-bottom: 3px solid #6d48e5 !important;
}
.border-left-3-mekari {
border-left: 3px solid #6d48e5 !important;
}
.border-4-mekari {
border: 4px solid #6d48e5 !important;
}
.border-top-4-mekari {
border-top: 4px solid #6d48e5 !important;
}
.border-right-4-mekari {
border-right: 4px solid #6d48e5 !important;
}
.border-bottom-4-mekari {
border-bottom: 4px solid #6d48e5 !important;
}
.border-left-4-mekari {
border-left: 4px solid #6d48e5 !important;
}
.border-1-dark {
border: 1px solid #212121 !important;
}
.border-top-1-dark {
border-top: 1px solid #212121 !important;
}
.border-right-1-dark {
border-right: 1px solid #212121 !important;
}
.border-bottom-1-dark {
border-bottom: 1px solid #212121 !important;
}
.border-left-1-dark {
border-left: 1px solid #212121 !important;
}
.border-2-dark {
border: 2px solid #212121 !important;
}
.border-top-2-dark {
border-top: 2px solid #212121 !important;
}
.border-right-2-dark {
border-right: 2px solid #212121 !important;
}
.border-bottom-2-dark {
border-bottom: 2px solid #212121 !important;
}
.border-left-2-dark {
border-left: 2px solid #212121 !important;
}
.border-3-dark {
border: 3px solid #212121 !important;
}
.border-top-3-dark {
border-top: 3px solid #212121 !important;
}
.border-right-3-dark {
border-right: 3px solid #212121 !important;
}
.border-bottom-3-dark {
border-bottom: 3px solid #212121 !important;
}
.border-left-3-dark {
border-left: 3px solid #212121 !important;
}
.border-4-dark {
border: 4px solid #212121 !important;
}
.border-top-4-dark {
border-top: 4px solid #212121 !important;
}
.border-right-4-dark {
border-right: 4px solid #212121 !important;
}
.border-bottom-4-dark {
border-bottom: 4px solid #212121 !important;
}
.border-left-4-dark {
border-left: 4px solid #212121 !important;
}
.border-1-slate {
border: 1px solid #777 !important;
}
.border-top-1-slate {
border-top: 1px solid #777 !important;
}
.border-right-1-slate {
border-right: 1px solid #777 !important;
}
.border-bottom-1-slate {
border-bottom: 1px solid #777 !important;
}
.border-left-1-slate {
border-left: 1px solid #777 !important;
}
.border-2-slate {
border: 2px solid #777 !important;
}
.border-top-2-slate {
border-top: 2px solid #777 !important;
}
.border-right-2-slate {
border-right: 2px solid #777 !important;
}
.border-bottom-2-slate {
border-bottom: 2px solid #777 !important;
}
.border-left-2-slate {
border-left: 2px solid #777 !important;
}
.border-3-slate {
border: 3px solid #777 !important;
}
.border-top-3-slate {
border-top: 3px solid #777 !important;
}
.border-right-3-slate {
border-right: 3px solid #777 !important;
}
.border-bottom-3-slate {
border-bottom: 3px solid #777 !important;
}
.border-left-3-slate {
border-left: 3px solid #777 !important;
}
.border-4-slate {
border: 4px solid #777 !important;
}
.border-top-4-slate {
border-top: 4px solid #777 !important;
}
.border-right-4-slate {
border-right: 4px solid #777 !important;
}
.border-bottom-4-slate {
border-bottom: 4px solid #777 !important;
}
.border-left-4-slate {
border-left: 4px solid #777 !important;
}
.border-1-muted {
border: 1px solid #b4b4b4 !important;
}
.border-top-1-muted {
border-top: 1px solid #b4b4b4 !important;
}
.border-right-1-muted {
border-right: 1px solid #b4b4b4 !important;
}
.border-bottom-1-muted {
border-bottom: 1px solid #b4b4b4 !important;
}
.border-left-1-muted {
border-left: 1px solid #b4b4b4 !important;
}
.border-2-muted {
border: 2px solid #b4b4b4 !important;
}
.border-top-2-muted {
border-top: 2px solid #b4b4b4 !important;
}
.border-right-2-muted {
border-right: 2px solid #b4b4b4 !important;
}
.border-bottom-2-muted {
border-bottom: 2px solid #b4b4b4 !important;
}
.border-left-2-muted {
border-left: 2px solid #b4b4b4 !important;
}
.border-3-muted {
border: 3px solid #b4b4b4 !important;
}
.border-top-3-muted {
border-top: 3px solid #b4b4b4 !important;
}
.border-right-3-muted {
border-right: 3px solid #b4b4b4 !important;
}
.border-bottom-3-muted {
border-bottom: 3px solid #b4b4b4 !important;
}
.border-left-3-muted {
border-left: 3px solid #b4b4b4 !important;
}
.border-4-muted {
border: 4px solid #b4b4b4 !important;
}
.border-top-4-muted {
border-top: 4px solid #b4b4b4 !important;
}
.border-right-4-muted {
border-right: 4px solid #b4b4b4 !important;
}
.border-bottom-4-muted {
border-bottom: 4px solid #b4b4b4 !important;
}
.border-left-4-muted {
border-left: 4px solid #b4b4b4 !important;
}
.border-1-smoke {
border: 1px solid #e2e2e2 !important;
}
.border-top-1-smoke {
border-top: 1px solid #e2e2e2 !important;
}
.border-right-1-smoke {
border-right: 1px solid #e2e2e2 !important;
}
.border-bottom-1-smoke {
border-bottom: 1px solid #e2e2e2 !important;
}
.border-left-1-smoke {
border-left: 1px solid #e2e2e2 !important;
}
.border-2-smoke {
border: 2px solid #e2e2e2 !important;
}
.border-top-2-smoke {
border-top: 2px solid #e2e2e2 !important;
}
.border-right-2-smoke {
border-right: 2px solid #e2e2e2 !important;
}
.border-bottom-2-smoke {
border-bottom: 2px solid #e2e2e2 !important;
}
.border-left-2-smoke {
border-left: 2px solid #e2e2e2 !important;
}
.border-3-smoke {
border: 3px solid #e2e2e2 !important;
}
.border-top-3-smoke {
border-top: 3px solid #e2e2e2 !important;
}
.border-right-3-smoke {
border-right: 3px solid #e2e2e2 !important;
}
.border-bottom-3-smoke {
border-bottom: 3px solid #e2e2e2 !important;
}
.border-left-3-smoke {
border-left: 3px solid #e2e2e2 !important;
}
.border-4-smoke {
border: 4px solid #e2e2e2 !important;
}
.border-top-4-smoke {
border-top: 4px solid #e2e2e2 !important;
}
.border-right-4-smoke {
border-right: 4px solid #e2e2e2 !important;
}
.border-bottom-4-smoke {
border-bottom: 4px solid #e2e2e2 !important;
}
.border-left-4-smoke {
border-left: 4px solid #e2e2e2 !important;
}
.border-1-light {
border: 1px solid #fbfbfb !important;
}
.border-top-1-light {
border-top: 1px solid #fbfbfb !important;
}
.border-right-1-light {
border-right: 1px solid #fbfbfb !important;
}
.border-bottom-1-light {
border-bottom: 1px solid #fbfbfb !important;
}
.border-left-1-light {
border-left: 1px solid #fbfbfb !important;
}
.border-2-light {
border: 2px solid #fbfbfb !important;
}
.border-top-2-light {
border-top: 2px solid #fbfbfb !important;
}
.border-right-2-light {
border-right: 2px solid #fbfbfb !important;
}
.border-bottom-2-light {
border-bottom: 2px solid #fbfbfb !important;
}
.border-left-2-light {
border-left: 2px solid #fbfbfb !important;
}
.border-3-light {
border: 3px solid #fbfbfb !important;
}
.border-top-3-light {
border-top: 3px solid #fbfbfb !important;
}
.border-right-3-light {
border-right: 3px solid #fbfbfb !important;
}
.border-bottom-3-light {
border-bottom: 3px solid #fbfbfb !important;
}
.border-left-3-light {
border-left: 3px solid #fbfbfb !important;
}
.border-4-light {
border: 4px solid #fbfbfb !important;
}
.border-top-4-light {
border-top: 4px solid #fbfbfb !important;
}
.border-right-4-light {
border-right: 4px solid #fbfbfb !important;
}
.border-bottom-4-light {
border-bottom: 4px solid #fbfbfb !important;
}
.border-left-4-light {
border-left: 4px solid #fbfbfb !important;
}
.border-1-cloud {
border: 1px solid #f2f4f7 !important;
}
.border-top-1-cloud {
border-top: 1px solid #f2f4f7 !important;
}
.border-right-1-cloud {
border-right: 1px solid #f2f4f7 !important;
}
.border-bottom-1-cloud {
border-bottom: 1px solid #f2f4f7 !important;
}
.border-left-1-cloud {
border-left: 1px solid #f2f4f7 !important;
}
.border-2-cloud {
border: 2px solid #f2f4f7 !important;
}
.border-top-2-cloud {
border-top: 2px solid #f2f4f7 !important;
}
.border-right-2-cloud {
border-right: 2px solid #f2f4f7 !important;
}
.border-bottom-2-cloud {
border-bottom: 2px solid #f2f4f7 !important;
}
.border-left-2-cloud {
border-left: 2px solid #f2f4f7 !important;
}
.border-3-cloud {
border: 3px solid #f2f4f7 !important;
}
.border-top-3-cloud {
border-top: 3px solid #f2f4f7 !important;
}
.border-right-3-cloud {
border-right: 3px solid #f2f4f7 !important;
}
.border-bottom-3-cloud {
border-bottom: 3px solid #f2f4f7 !important;
}
.border-left-3-cloud {
border-left: 3px solid #f2f4f7 !important;
}
.border-4-cloud {
border: 4px solid #f2f4f7 !important;
}
.border-top-4-cloud {
border-top: 4px solid #f2f4f7 !important;
}
.border-right-4-cloud {
border-right: 4px solid #f2f4f7 !important;
}
.border-bottom-4-cloud {
border-bottom: 4px solid #f2f4f7 !important;
}
.border-left-4-cloud {
border-left: 4px solid #f2f4f7 !important;
}
.border-1-link {
border: 1px solid #1357ff !important;
}
.border-top-1-link {
border-top: 1px solid #1357ff !important;
}
.border-right-1-link {
border-right: 1px solid #1357ff !important;
}
.border-bottom-1-link {
border-bottom: 1px solid #1357ff !important;
}
.border-left-1-link {
border-left: 1px solid #1357ff !important;
}
.border-2-link {
border: 2px solid #1357ff !important;
}
.border-top-2-link {
border-top: 2px solid #1357ff !important;
}
.border-right-2-link {
border-right: 2px solid #1357ff !important;
}
.border-bottom-2-link {
border-bottom: 2px solid #1357ff !important;
}
.border-left-2-link {
border-left: 2px solid #1357ff !important;
}
.border-3-link {
border: 3px solid #1357ff !important;
}
.border-top-3-link {
border-top: 3px solid #1357ff !important;
}
.border-right-3-link {
border-right: 3px solid #1357ff !important;
}
.border-bottom-3-link {
border-bottom: 3px solid #1357ff !important;
}
.border-left-3-link {
border-left: 3px solid #1357ff !important;
}
.border-4-link {
border: 4px solid #1357ff !important;
}
.border-top-4-link {
border-top: 4px solid #1357ff !important;
}
.border-right-4-link {
border-right: 4px solid #1357ff !important;
}
.border-bottom-4-link {
border-bottom: 4px solid #1357ff !important;
}
.border-left-4-link {
border-left: 4px solid #1357ff !important;
}
.border-1-white {
border: 1px solid #fff !important;
}
.border-top-1-white {
border-top: 1px solid #fff !important;
}
.border-right-1-white {
border-right: 1px solid #fff !important;
}
.border-bottom-1-white {
border-bottom: 1px solid #fff !important;
}
.border-left-1-white {
border-left: 1px solid #fff !important;
}
.border-2-white {
border: 2px solid #fff !important;
}
.border-top-2-white {
border-top: 2px solid #fff !important;
}
.border-right-2-white {
border-right: 2px solid #fff !important;
}
.border-bottom-2-white {
border-bottom: 2px solid #fff !important;
}
.border-left-2-white {
border-left: 2px solid #fff !important;
}
.border-3-white {
border: 3px solid #fff !important;
}
.border-top-3-white {
border-top: 3px solid #fff !important;
}
.border-right-3-white {
border-right: 3px solid #fff !important;
}
.border-bottom-3-white {
border-bottom: 3px solid #fff !important;
}
.border-left-3-white {
border-left: 3px solid #fff !important;
}
.border-4-white {
border: 4px solid #fff !important;
}
.border-top-4-white {
border-top: 4px solid #fff !important;
}
.border-right-4-white {
border-right: 4px solid #fff !important;
}
.border-bottom-4-white {
border-bottom: 4px solid #fff !important;
}
.border-left-4-white {
border-left: 4px solid #fff !important;
}
.opacity–transparent {
opacity: 0;
}
.opacity–opaque {
opacity: 1;
}
.outline–none {
outline: none !important;
}
.ic {
width: 24px; height: 24px; font-family: "Mekari-Icon-Regular", sans-serif; font-size: 24px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;
}
.ic {
display: inline-block;
}
.ic.ic-small {
width: 20px; height: 20px; font-size: 20px;
}
.ic.ic-medium {
width: 32px; height: 32px; font-size: 32px;
}
.ic.ic-large {
width: 60px; height: 60px; font-size: 60px;
}
.ic.ic-blankslate {
width: 120px; height: 120px; padding: 10px; background-repeat: no-repeat; background-position: center; background-size: 100px 100px;
}
.ic-input-prefix {
position: absolute; top: 6px; left: 6px; z-index: 5; padding: 0; color: inherit; pointer-events: all; cursor: pointer;
}
.ic-input-prefix.ic-small {
top: 8px; left: 10px;
}
.ic-input-suffix {
position: absolute; top: 6px; right: 6px; z-index: 5; padding: 0; color: inherit; pointer-events: all; cursor: pointer;
}
.ic-input-suffix.ic-input-double-suffix, .ic-input-suffix.ic-input-suffix–double {
right: 36px; z-index: 5;
}
.ic-input-suffix.ic-small {
top: 8px; right: 10px;
}
.ic-input-suffix.ic-small.ic-input-double-suffix, .ic-input-suffix.ic-small.ic-input-suffix–double {
right: 38px;
}
.ic-activity {
color: #777;
}
.ic-activity::before {
color: inherit; content: "\e93a";
}
.ic-add {
color: #777;
}
.ic-add::before {
color: inherit; content: "\e800";
}
.ic-addons {
color: #777;
}
.ic-addons::before {
color: inherit; content: "\e93b";
}
.ic-add-fill {
color: #777;
}
.ic-add-fill::before {
color: inherit; content: "\e95e";
}
.ic-add-fill-light {
color: #777;
}
.ic-add-fill-light::before {
color: inherit; content: "\e992";
}
.ic-add-staff {
color: #777;
}
.ic-add-staff::before {
color: inherit; content: "\e956";
}
.ic-adjustment {
color: #777;
}
.ic-adjustment::before {
color: inherit; content: "\e947";
}
.ic-alarm {
color: #777;
}
.ic-alarm::before {
color: inherit; content: "\e93c";
}
.ic-approval {
color: #777;
}
.ic-approval::before {
color: inherit; content: "\e948";
}
.ic-arrow-down {
color: #777;
}
.ic-arrow-down::before {
color: inherit; content: "\e94b";
}
.ic-arrow-left {
color: #777;
}
.ic-arrow-left::before {
color: inherit; content: "\e94c";
}
.ic-arrow-right {
color: #777;
}
.ic-arrow-right::before {
color: inherit; content: "\e94d";
}
.ic-arrow-up {
color: #777;
}
.ic-arrow-up::before {
color: inherit; content: "\e94e";
}
.ic-article-fill {
color: #777;
}
.ic-article-fill::before {
color: inherit; content: "\e96c";
}
.ic-asset {
color: #777;
}
.ic-asset::before {
color: inherit; content: "\e949";
}
.ic-attachment {
color: #777;
}
.ic-attachment::before {
color: inherit; content: "\e88e";
}
.ic-bank {
color: #777;
}
.ic-bank::before {
color: inherit; content: "\e94a";
}
.ic-bank-fill {
color: #777;
}
.ic-bank-fill::before {
color: inherit; content: "\e96d";
}
.ic-billing {
color: #777;
}
.ic-billing::before {
color: inherit; content: "\e934";
}
.ic-billing-fill {
color: #777;
}
.ic-billing-fill::before {
color: inherit; content: "\e960";
}
.ic-blank-icon {
color: #777;
}
.ic-blank-icon::before {
color: inherit; content: "\e93d";
}
.ic-branch {
color: #777;
}
.ic-branch::before {
color: inherit; content: "\e935";
}
.ic-broadcast {
color: #777;
}
.ic-broadcast::before {
color: inherit; content: "\e936";
}
.ic-camera {
color: #777;
}
.ic-camera::before {
color: inherit; content: "\e89e";
}
.ic-camera-fill {
color: #777;
}
.ic-camera-fill::before {
color: inherit; content: "\e877";
}
.ic-calculator {
color: #777;
}
.ic-calculator::before {
color: inherit; content: "\e84c";
}
.ic-calendar {
color: #777;
}
.ic-calendar::before {
color: inherit; content: "\e938";
}
.ic-cart-fill {
color: #777;
}
.ic-cart-fill::before {
color: inherit; content: "\e96e";
}
.ic-celebration {
color: #777;
}
.ic-celebration::before {
color: inherit; content: "\e939";
}
.ic-certificate {
color: #777;
}
.ic-certificate::before {
color: inherit; content: "\e8a1";
}
.ic-chat {
color: #777;
}
.ic-chat::before {
color: inherit; content: "\e92e";
}
.ic-chevron-first {
color: #777;
}
.ic-chevron-first::before {
color: inherit; content: "\e942";
}
.ic-chevron-last {
color: #777;
}
.ic-chevron-last::before {
color: inherit; content: "\e943";
}
.ic-chevron-bottom {
color: #777;
}
.ic-chevron-bottom::before {
color: inherit; content: "\e88b";
}
.ic-chevron-left {
color: #777;
}
.ic-chevron-left::before {
color: inherit; content: "\e944";
}
.ic-chevron-right {
color: #777;
}
.ic-chevron-right::before {
color: inherit; content: "\e945";
}
.ic-chevron-up {
color: #777;
}
.ic-chevron-up::before {
color: inherit; content: "\e88c";
}
.ic-coa {
color: #777;
}
.ic-coa::before {
color: inherit; content: "\e92f";
}
.ic-copy {
color: #777;
}
.ic-copy::before {
color: inherit; content: "\e88a";
}
.ic-collapse {
color: #777;
}
.ic-collapse::before {
color: inherit; content: "\e89b";
}
.ic-column-settings {
color: #777;
}
.ic-column-settings::before {
color: inherit; content: "\e89c";
}
.ic-column-settings-small {
color: #777;
}
.ic-column-settings-small::before {
color: inherit; content: "\e801";
}
.ic-company {
color: #777;
}
.ic-company::before {
color: inherit; content: "\e930";
}
.ic-contact {
color: #777;
}
.ic-contact::before {
color: inherit; content: "\e931";
}
.ic-credit-card {
color: #777;
}
.ic-credit-card::before {
color: inherit; content: "\e932";
}
.ic-custom-slip {
color: #777;
}
.ic-custom-slip::before {
color: inherit; content: "\e933";
}
.ic-dashboard {
color: #777;
}
.ic-dashboard::before {
color: inherit; content: "\e928";
}
.ic-delete {
color: #777;
}
.ic-delete::before {
color: inherit; content: "\e900";
}
.ic-description {
color: #777;
}
.ic-description::before {
color: inherit; content: "\e929";
}
.ic-doc {
color: #777;
}
.ic-doc::before {
color: inherit; content: "\e92a";
}
.ic-document-pdf {
color: #777;
}
.ic-document-pdf::before {
color: inherit; content: "\e959";
}
.ic-dot {
color: #777;
}
.ic-dot::before {
color: inherit; content: "\e8f0";
}
.ic-drag {
color: #777;
}
.ic-drag::before {
color: inherit; content: "\e88d";
}
.ic-dropdown {
color: #777;
}
.ic-dropdown::before {
color: inherit; content: "\e8ef";
}
.ic-edit {
color: #777;
}
.ic-edit::before {
color: inherit; content: "\e887";
}
.ic-education {
color: #777;
}
.ic-education::before {
color: inherit; content: "\e8a0";
}
.ic-education-fill {
color: #777;
}
.ic-education-fill::before {
color: inherit; content: "\e970";
}
.ic-equal {
color: #777;
}
.ic-equal::before {
color: inherit; content: "\e886";
}
.ic-error {
color: #777;
}
.ic-error::before {
color: inherit; content: "\e93e";
}
.ic-error-fill {
color: #777;
}
.ic-error-fill::before {
color: inherit; content: "\e89a";
}
.ic-event {
color: #777;
}
.ic-event::before {
color: inherit; content: "\e958";
}
.ic-expand {
color: #777;
}
.ic-expand::before {
color: inherit; content: "\e899";
}
.ic-expense {
color: #777;
}
.ic-expense::before {
color: inherit; content: "\e92b";
}
.ic-expense-fill {
color: #777;
}
.ic-expense-fill::before {
color: inherit; content: "\e971";
}
.ic-family {
color: #777;
}
.ic-family::before {
color: inherit; content: "\e89f";
}
.ic-favorite {
color: #777;
}
.ic-favorite::before {
color: inherit; content: "\e977";
}
.ic-favorite-fill {
color: #777;
}
.ic-favorite-fill::before {
color: inherit; content: "\e978";
}
.ic-feature {
color: #777;
}
.ic-feature::before {
color: inherit; content: "\e972";
}
.ic-feedback-fill {
color: #777;
}
.ic-feedback-fill::before {
color: inherit; content: "\e973";
}
.ic-file-comment {
color: #777;
}
.ic-file-comment::before {
color: inherit; content: "\e953";
}
.ic-file-history {
color: #777;
}
.ic-file-history::before {
color: inherit; content: "\e952";
}
.ic-finance {
color: #777;
}
.ic-finance::before {
color: inherit; content: "\e92c";
}
.ic-finance-dollar {
color: #777;
}
.ic-finance-dollar::before {
color: inherit; content: "\e883";
}
.ic-finance-percentage {
color: #777;
}
.ic-finance-percentage::before {
color: inherit; content: "\e881";
}
.ic-finance-rupiah {
color: #777;
}
.ic-finance-rupiah::before {
color: inherit; content: "\e882";
}
.ic-file-download {
color: #777;
}
.ic-file-download::before {
color: inherit; content: "\e885";
}
.ic-file-upload {
color: #777;
}
.ic-file-upload::before {
color: inherit; content: "\e884";
}
.ic-filter {
color: #777;
}
.ic-filter::before {
color: inherit; content: "\e993";
}
.ic-fnb {
color: #777;
}
.ic-fnb::before {
color: inherit; content: "\e974";
}
.ic-help {
color: #777;
}
.ic-help::before {
color: inherit; content: "\e92d";
}
.ic-help-small {
color: #777;
}
.ic-help-small::before {
color: inherit; content: "\e880";
}
.ic-history {
color: #777;
}
.ic-history::before {
color: inherit; content: "\e922";
}
.ic-home {
color: #777;
}
.ic-home::before {
color: inherit; content: "\e923";
}
.ic-img {
color: #777;
}
.ic-img::before {
color: inherit; content: "\e924";
}
.ic-inbox {
color: #777;
}
.ic-inbox::before {
color: inherit; content: "\e925";
}
.ic-inbox-fill {
color: #777;
}
.ic-inbox-fill::before {
color: inherit; content: "\e902";
}
.ic-info {
color: #777;
}
.ic-info::before {
color: inherit; content: "\e898";
}
.ic-info-fill {
color: #777;
}
.ic-info-fill::before {
color: inherit; content: "\e903";
}
.ic-insurance {
color: #777;
}
.ic-insurance::before {
color: inherit; content: "\e926";
}
.ic-integrasi {
color: #777;
}
.ic-integrasi::before {
color: inherit; content: "\e927";
}
.ic-job-level {
color: #777;
}
.ic-job-level::before {
color: inherit; content: "\e91c";
}
.ic-job-title {
color: #777;
}
.ic-job-title::before {
color: inherit; content: "\e91d";
}
.ic-jurnal {
color: #777;
}
.ic-jurnal::before {
color: inherit; content: "\e84b";
}
.ic-klikpajak {
color: #777;
}
.ic-klikpajak::before {
color: inherit; content: "\e950";
}
.ic-lightbulb {
color: #777;
}
.ic-lightbulb::before {
color: inherit; content: "\e961";
}
.ic-list-fill {
color: #777;
}
.ic-list-fill::before {
color: inherit; content: "\e975";
}
.ic-loading {
color: #777;
}
.ic-loading::before {
color: inherit; content: "\e896";
}
.ic-loan {
color: #777;
}
.ic-loan::before {
color: inherit; content: "\e94f";
}
.ic-location {
color: #777;
}
.ic-location::before {
color: inherit; content: "\e91e";
}
.ic-lock {
color: #777;
}
.ic-lock::before {
color: inherit; content: "\e91f";
}
.ic-logout {
color: #777;
}
.ic-logout::before {
color: inherit; content: "\e920";
}
.ic-kebab {
color: #777;
}
.ic-kebab::before {
color: inherit; content: "\e897";
}
.ic-manufacture {
color: #777;
}
.ic-manufacture::before {
color: inherit; content: "\e976";
}
.ic-meatball {
color: #777;
}
.ic-meatball::before {
color: inherit; content: "\e895";
}
.ic-message {
color: #777;
}
.ic-message::before {
color: inherit; content: "\e957";
}
.ic-merge {
color: #777;
}
.ic-merge::before {
color: inherit; content: "\e87f";
}
.ic-migrate-fill {
color: #777;
}
.ic-migrate-fill::before {
color: inherit; content: "\e964";
}
.ic-migration {
color: #777;
}
.ic-migration::before {
color: inherit; content: "\e921";
}
.ic-m-download {
color: #777;
}
.ic-m-download::before {
color: inherit; content: "\e95d";
}
.ic-m-progress {
color: #777;
}
.ic-m-progress::before {
color: inherit; content: "\e95c";
}
.ic-m-remove {
color: #777;
}
.ic-m-remove::before {
color: inherit; content: "\e95b";
}
.ic-m-success {
color: #777;
}
.ic-m-success::before {
color: inherit; content: "\e95a";
}
.ic-notification {
color: #777;
}
.ic-notification::before {
color: inherit; content: "\e916";
}
.ic-offboarding {
color: #777;
}
.ic-offboarding::before {
color: inherit; content: "\e917";
}
.ic-onboarding {
color: #777;
}
.ic-onboarding::before {
color: inherit; content: "\e918";
}
.ic-organization {
color: #777;
}
.ic-organization::before {
color: inherit; content: "\e919";
}
.ic-other {
color: #777;
}
.ic-other::before {
color: inherit; content: "\e91b";
}
.ic-other-fill {
color: #777;
}
.ic-other-fill::before {
color: inherit; content: "\e965";
}
.ic-other-list {
color: #777;
}
.ic-other-list::before {
color: inherit; content: "\e91a";
}
.ic-outline-history {
color: #777;
}
.ic-outline-history::before {
color: inherit; content: "\e962";
}
.ic-overtime {
color: #777;
}
.ic-overtime::before {
color: inherit; content: "\e910";
}
.ic-on-process-fill {
color: #777;
}
.ic-on-process-fill::before {
color: inherit; content: "\e95f";
}
.ic-picker-calendar {
color: #777;
}
.ic-picker-calendar::before {
color: inherit; content: "\e87e";
}
.ic-picker-time {
color: #777;
}
.ic-picker-time::before {
color: inherit; content: "\e87d";
}
.ic-plans {
color: #777;
}
.ic-plans::before {
color: inherit; content: "\e955";
}
.ic-product {
color: #777;
}
.ic-product::before {
color: inherit; content: "\e911";
}
.ic-product-fill {
color: #777;
}
.ic-product-fill::before {
color: inherit; content: "\e966";
}
.ic-profile-pic {
color: #777;
}
.ic-profile-pic::before {
color: inherit; content: "\e912";
}
.ic-purchase {
color: #777;
}
.ic-purchase::before {
color: inherit; content: "\e913";
}
.ic-reload {
color: #777;
}
.ic-reload::before {
color: inherit; content: "\e914";
}
.ic-report {
color: #777;
}
.ic-report::before {
color: inherit; content: "\e915";
}
.ic-report-fill {
color: #777;
}
.ic-report-fill::before {
color: inherit; content: "\e967";
}
.ic-remove-line {
color: #777;
}
.ic-remove-line::before {
color: inherit; content: "\e87c";
}
.ic-remove-line-fill {
color: #777;
}
.ic-remove-line-fill::before {
color: inherit; content: "\e991";
}
.ic-reset {
color: #777;
}
.ic-reset::before {
color: inherit; content: "\e90a";
}
.ic-reset-fill {
color: #777;
}
.ic-reset-fill::before {
color: inherit; content: "\e87a";
}
.ic-resync {
color: #777;
}
.ic-resync::before {
color: inherit; content: "\e8f2";
}
.ic-retail {
color: #777;
}
.ic-retail::before {
color: inherit; content: "\e968";
}
.ic-rules {
color: #777;
}
.ic-rules::before {
color: inherit; content: "\e90b";
}
.ic-sale {
color: #777;
}
.ic-sale::before {
color: inherit; content: "\e90c";
}
.ic-sale-fill {
color: #777;
}
.ic-sale-fill::before {
color: inherit; content: "\e96f";
}
.ic-search {
color: #777;
}
.ic-search::before {
color: inherit; content: "\e893";
}
.ic-send {
color: #777;
}
.ic-send::before {
color: inherit; content: "\e892";
}
.ic-services {
color: #777;
}
.ic-services::before {
color: inherit; content: "\e969";
}
.ic-setting {
color: #777;
}
.ic-setting::before {
color: inherit; content: "\e90d";
}
.ic-setting-fill {
color: #777;
}
.ic-setting-fill::before {
color: inherit; content: "\e96a";
}
.ic-sort {
color: #777;
}
.ic-sort::before {
color: inherit; content: "\e879";
}
.ic-staff {
color: #777;
}
.ic-staff::before {
color: inherit; content: "\e90e";
}
.ic-stepper-error {
color: #777;
}
.ic-stepper-error::before {
color: inherit; content: "\e901";
}
.ic-stepper-finished {
color: #777;
}
.ic-stepper-finished::before {
color: inherit; content: "\e909";
}
.ic-success {
color: #777;
}
.ic-success::before {
color: inherit; content: "\e93f";
}
.ic-success-fill {
color: #777;
}
.ic-success-fill::before {
color: inherit; content: "\e891";
}
.ic-supplier {
color: #777;
}
.ic-supplier::before {
color: inherit; content: "\e90f";
}
.ic-sync {
color: #777;
}
.ic-sync::before {
color: inherit; content: "\e8f1";
}
.ic-tag {
color: #777;
}
.ic-tag::before {
color: inherit; content: "\e878";
}
.ic-talenta {
color: #777;
}
.ic-talenta::before {
color: inherit; content: "\e951";
}
.ic-task {
color: #777;
}
.ic-task::before {
color: inherit; content: "\e946";
}
.ic-tax-history {
color: #777;
}
.ic-tax-history::before {
color: inherit; content: "\e905";
}
.ic-team-goal {
color: #777;
}
.ic-team-goal::before {
color: inherit; content: "\e954";
}
.ic-time {
color: #777;
}
.ic-time::before {
color: inherit; content: "\e906";
}
.ic-transfer-account {
color: #777;
}
.ic-transfer-account::before {
color: inherit; content: "\e907";
}
.ic-trash {
color: #777;
}
.ic-trash::before {
color: inherit; content: "\e900";
}
.ic-tour-fill {
color: #777;
}
.ic-tour-fill::before {
color: inherit; content: "\e96b";
}
.ic-upload-file {
color: #777;
}
.ic-upload-file::before {
color: inherit; content: "\e908";
}
.ic-view-fill {
color: #777;
}
.ic-view-fill::before {
color: inherit; content: "\e890";
}
.ic-view-hide-fill {
color: #777;
}
.ic-view-hide-fill::before {
color: inherit; content: "\e88f";
}
.ic-warning-fill {
color: #777;
}
.ic-warning-fill::before {
color: inherit; content: "\e940";
}
.ic-warning {
color: #777;
}
.ic-warning::before {
color: inherit; content: "\e941";
}
.ic-zip {
color: #777;
}
.ic-zip::before {
color: inherit; content: "\e904";
}
.ic-blankslate-jurnal-calendar {
background-image: url("../../webfonts/blankslate/jurnal/calendar.svg");
}
.ic-blankslate-jurnal-location {
background-image: url("../../webfonts/blankslate/jurnal/location.svg");
}
.ic-blankslate-jurnal-not-found {
background-image: url("../../webfonts/blankslate/jurnal/not-found.svg");
}
.ic-blankslate-jurnal-process {
background-image: url("../../webfonts/blankslate/jurnal/process.svg");
}
.ic-blankslate-jurnal-default {
background-image: url("../../webfonts/blankslate/jurnal/default.svg");
}
.ic-blankslate-klikpajak-calendar {
background-image: url("../../webfonts/blankslate/klikpajak/calendar.svg");
}
.ic-blankslate-klikpajak-location {
background-image: url("../../webfonts/blankslate/klikpajak/location.svg");
}
.ic-blankslate-klikpajak-not-found {
background-image: url("../../webfonts/blankslate/klikpajak/not-found.svg");
}
.ic-blankslate-klikpajak-process {
background-image: url("../../webfonts/blankslate/klikpajak/process.svg");
}
.ic-blankslate-klikpajak-default {
background-image: url("../../webfonts/blankslate/klikpajak/default.svg");
}
.ic-blankslate-talenta-calendar {
background-image: url("../../webfonts/blankslate/talenta/calendar.svg");
}
.ic-blankslate-talenta-location {
background-image: url("../../webfonts/blankslate/talenta/location.svg");
}
.ic-blankslate-talenta-not-found {
background-image: url("../../webfonts/blankslate/talenta/not-found.svg");
}
.ic-blankslate-talenta-process {
background-image: url("../../webfonts/blankslate/talenta/process.svg");
}
.ic-blankslate-talenta-default {
background-image: url("../../webfonts/blankslate/talenta/default.svg");
}
.badge {
font-size: 0.75rem; line-height: 1.25; vertical-align: middle;
}
.badge .ic {
width: 12px; height: 12px; font-size: 14px; line-height: 12px; color: inherit; vertical-align: middle; cursor: pointer;
}
.badge .ic:first-child {
margin-right: 12px;
}
.badge .ic:last-child {
margin-left: 12px;
}
.badge-font–circle {
width: 24px;
}
.badge-font–rounded {
width: auto;
}
.badge-shape–circle {
width: 24px; padding: 4px; border-radius: 50%;
}
.badge-shape–rounded {
width: auto; border-radius: 15px;
}
.badge-sm {
padding: 0 4px;
}
.badge-sm.badge-shape–circle {
width: 16px; padding: 0;
}
.badge-dot, .badge-dot:empty {
display: inline-block; width: 8px; height: 8px; padding: 0;
}
.banner {
display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px; margin-bottom: 1rem; font-weight: 500; text-align: center;
}
.banner.warning {
color: #212121; background-color: #ffb700;
}
.banner.warning .ic {
color: #212121;
}
.banner.error {
color: #fff; background-color: #d74022;
}
.banner.error .ic {
color: #fff;
}
.banner.banner-danger {
color: #fff; background-color: #d74022;
}
a.banner.banner-danger:hover, a.banner.banner-danger:focus {
color: #fff; background-color: #ab331b;
}
a.banner.banner-danger:focus, a.banner.banner-danger.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(215, 64, 34, 0.5);
}
.banner.banner-success {
color: #fff; background-color: #009f61;
}
a.banner.banner-success:hover, a.banner.banner-success:focus {
color: #fff; background-color: #006c42;
}
a.banner.banner-success:focus, a.banner.banner-success.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(0, 159, 97, 0.5);
}
.banner.banner-info {
color: #212529; background-color: #ffeb99;
}
a.banner.banner-info:hover, a.banner.banner-info:focus {
color: #212529; background-color: #ffe166;
}
a.banner.banner-info:focus, a.banner.banner-info.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(255, 235, 153, 0.5);
}
.banner.banner-warning {
color: #212529; background-color: #ffb700;
}
a.banner.banner-warning:hover, a.banner.banner-warning:focus {
color: #212529; background-color: #cc9200;
}
a.banner.banner-warning:focus, a.banner.banner-warning.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(255, 183, 0, 0.5);
}
.banner.banner-primary {
color: #fff; background-color: #005fbf;
}
a.banner.banner-primary:hover, a.banner.banner-primary:focus {
color: #fff; background-color: #00468c;
}
a.banner.banner-primary:focus, a.banner.banner-primary.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(0, 95, 191, 0.5);
}
.banner.banner-jurnal {
color: #fff; background-color: #009bde;
}
a.banner.banner-jurnal:hover, a.banner.banner-jurnal:focus {
color: #fff; background-color: #0077ab;
}
a.banner.banner-jurnal:focus, a.banner.banner-jurnal.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(0, 155, 222, 0.5);
}
.banner.banner-talenta {
color: #fff; background-color: #c02a34;
}
a.banner.banner-talenta:hover, a.banner.banner-talenta:focus {
color: #fff; background-color: #962129;
}
a.banner.banner-talenta:focus, a.banner.banner-talenta.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(192, 42, 52, 0.5);
}
.banner.banner-klikpajak {
color: #fff; background-color: #f96d01;
}
a.banner.banner-klikpajak:hover, a.banner.banner-klikpajak:focus {
color: #fff; background-color: #c65701;
}
a.banner.banner-klikpajak:focus, a.banner.banner-klikpajak.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(249, 109, 1, 0.5);
}
.banner.banner-mekari {
color: #fff; background-color: #6d48e5;
}
a.banner.banner-mekari:hover, a.banner.banner-mekari:focus {
color: #fff; background-color: #4b1fdb;
}
a.banner.banner-mekari:focus, a.banner.banner-mekari.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(109, 72, 229, 0.5);
}
.banner.banner-dark {
color: #fff; background-color: #212121;
}
a.banner.banner-dark:hover, a.banner.banner-dark:focus {
color: #fff; background-color: #080808;
}
a.banner.banner-dark:focus, a.banner.banner-dark.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(33, 33, 33, 0.5);
}
.banner.banner-slate {
color: #fff; background-color: #777;
}
a.banner.banner-slate:hover, a.banner.banner-slate:focus {
color: #fff; background-color: #5e5e5e;
}
a.banner.banner-slate:focus, a.banner.banner-slate.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(119, 119, 119, 0.5);
}
.banner.banner-muted {
color: #212529; background-color: #b4b4b4;
}
a.banner.banner-muted:hover, a.banner.banner-muted:focus {
color: #212529; background-color: #9b9b9b;
}
a.banner.banner-muted:focus, a.banner.banner-muted.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(180, 180, 180, 0.5);
}
.banner.banner-smoke {
color: #212529; background-color: #e2e2e2;
}
a.banner.banner-smoke:hover, a.banner.banner-smoke:focus {
color: #212529; background-color: #c9c9c9;
}
a.banner.banner-smoke:focus, a.banner.banner-smoke.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(226, 226, 226, 0.5);
}
.banner.banner-light {
color: #212529; background-color: #fbfbfb;
}
a.banner.banner-light:hover, a.banner.banner-light:focus {
color: #212529; background-color: #e2e2e2;
}
a.banner.banner-light:focus, a.banner.banner-light.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(251, 251, 251, 0.5);
}
.banner.banner-cloud {
color: #212529; background-color: #f2f4f7;
}
a.banner.banner-cloud:hover, a.banner.banner-cloud:focus {
color: #212529; background-color: #d2d9e4;
}
a.banner.banner-cloud:focus, a.banner.banner-cloud.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(242, 244, 247, 0.5);
}
.banner.banner-link {
color: #fff; background-color: #1357ff;
}
a.banner.banner-link:hover, a.banner.banner-link:focus {
color: #fff; background-color: #0040df;
}
a.banner.banner-link:focus, a.banner.banner-link.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(19, 87, 255, 0.5);
}
.banner.banner-white {
color: #212529; background-color: #fff;
}
a.banner.banner-white:hover, a.banner.banner-white:focus {
color: #212529; background-color: #e6e6e6;
}
a.banner.banner-white:focus, a.banner.banner-white.focus {
outline: 0; box-shadow: 0 0 0 0.2em rgba(255, 255, 255, 0.5);
}
.banner .ic {
width: 20px; height: 20px; font-size: 18px; line-height: 18px; color: inherit;
}
.banner-text, .banner-link {
display: inline-block; padding-left: 8px;
}
.banner-link {
display: inline-block; text-decoration: underline; cursor: pointer;
}
.banner-link a {
color: inherit;
}
.breadcrumb li a {
color: #777;
}
.breadcrumb-item.active a {
color: #212121; text-decoration: underline;
}
.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;
}
.alert-danger {
color: #d74022; background-color: #f9e2de; border: none;
}
.alert-toast.alert-danger {
border: 1px solid #d74022;
}
.alert-success {
color: #009f61; background-color: #d9f1e7; border: none;
}
.alert-toast.alert-success {
border: 1px solid #009f61;
}
.alert-info {
color: #ffeb99; background-color: #d9e7f5; border: none;
}
.alert-toast.alert-info {
border: 1px solid #ffeb99;
}
.alert-warning {
color: #ffb700; background-color: #fff5dc; border: none;
}
.alert-toast.alert-warning {
border: 1px solid #ffb700;
}
.alert-info {
color: #005fbf; background-color: rgba(0, 95, 191, 0.15); border: none;
}
.alert-toast.alert-info {
border: 1px solid #005fbf;
}
.alert-error {
color: #d74022; background-color: rgba(215, 64, 34, 0.15); border: none;
}
.alert-toast.alert-error {
border: 1px solid #d74022;
}
.alert {
display: flex; justify-content: space-between; max-width: 1200px; padding: 12px; font-size: 0;
}
.alert .alert-icon {
flex-basis: 24px; width: 24px; margin-right: 12px; font-size: 14px; vertical-align: top;
}
.alert .alert-icon .ic {
color: inherit !important;
}
.alert .alert-content {
display: inline-block; font-size: 14px; color: #212121; vertical-align: top;
}
.alert .alert-icon + .alert-content {
flex: 1 1 0;
}
.alert .alert-title {
font-weight: 500; line-height: 20px;
}
.alert .alert-description {
line-height: 20px;
}
.alert .alert-title + .alert-description {
padding-top: 4px;
}
.alert .alert-link {
display: block; padding-top: 16px; font-weight: 400; color: #1357ff !important; background-color: transparent;
}
.alert .close {
margin-left: 8px;
}
.alert.alert-dismissible .close {
position: relative; display: inline-block; width: 20px; height: 20px; padding: 0; color: #777;
}
.alert.alert-dismissible .close .ic {
width: 20px; height: 20px; font-size: 20px; font-weight: 700; line-height: 20px; vertical-align: middle;
}
.alert.alert-small {
display: inline-flex; min-width: 400px;
}
.alert.alert-small .alert-content {
display: flex;
}
.alert.alert-small .alert-description {
display: inline-block;
}
.alert.alert-small .alert-link {
display: inline-block; padding: 0; padding-left: 16px; font-weight: 400; color: #1357ff !important; background-color: transparent;
}
.alert.alert-toast {
display: inline-flex; padding: 12px; font-size: 0; background-color: #fff; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(119, 119, 119, 0.1), 0 12px 20px 0 rgba(119, 119, 119, 0.2);
}
.alert.alert-toast .alert-icon {
margin-right: 8px;
}
.alert.alert-toast .alert-description {
display: inline-block;
}
.alert.alert-toast .alert-link {
display: inline-block; padding: 0; padding-left: 16px; font-weight: 400; color: #1357ff !important; background-color: transparent;
}
.avatar.avatar-default-people, .avatar.avatar-default-file, .avatar.avatar-default-image {
background-repeat: no-repeat; background-position: center center; background-origin: content-box; background-size: 60% 60%;
}
.avatar::after, .avatar.avatar–overlay-icon::after {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;
}
.avatar {
position: relative; display: inline-block; overflow: hidden; text-align: center; vertical-align: middle; background-color: #e2e2e2;
}
.avatar.dropdown-toggle::after {
display: initial !important;
}
.avatar::after {
content: "\A"; background: rgba(0, 0, 0, 0.5) !important;
}
.avatar:hover {
cursor: pointer;
}
.avatar:hover::after {
cursor: pointer; opacity: 1;
}
.avatar .avatar-photo {
width: 100%; height: 100%; vertical-align: top; background-color: #e2e2e2;
}
.avatar.avatar-default-people {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E57B2CFBF-9694-4E42-8A9B-7C4261320855svg/%3C/title%3E%3Cdefs%3E%3Ccircle id='path-1' cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-852.000000, -1412.000000)'%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Components/-Avatar/-Circle/-60px' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Border'%3E%3Ccircle cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/g%3E%3Cg id='Container'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Cg id='🙂-Face'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cpath d='M31.7647059,38.8235294 C41.5109073,38.8235294 49.4117647,46.7243868 49.4117647,56.4705882 L49.4117647,60 L10.5882353,60 L10.5882353,56.4705882 C10.5882353,46.7243868 18.4890927,38.8235294 28.2352941,38.8235294 L31.7647059,38.8235294 Z M30.5294118,14.1176471 C36.3771326,14.1176471 41.1176471,18.8581615 41.1176471,24.7058824 C41.1176471,30.5536032 36.3771326,35.2941176 30.5294118,35.2941176 C24.6816909,35.2941176 19.9411765,30.5536032 19.9411765,24.7058824 C19.9411765,18.8581615 24.6816909,14.1176471 30.5294118,14.1176471 Z' id='Path' fill='%23B4B4B4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='State' mask='url(%23mask-2)'%3E%3Crect id='Overlay' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: 100% 100%;
}
.avatar.avatar-default-file {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E8416DD89-AB9A-4D81-8594-0E1ED11C1B09svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1224.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(360.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M23.1213203,3 L30,9.87867966 L30,30 C30,31.6568542 28.6568542,33 27,33 L9,33 C7.34314575,33 6,31.6568542 6,30 L6,6 C6,4.34314575 7.34314575,3 9,3 L23.1213203,3 Z M21,4.5 L9,4.5 C8.17157288,4.5 7.5,5.17157288 7.5,6 L7.5,30 C7.5,30.8284271 8.17157288,31.5 9,31.5 L27,31.5 C27.8284271,31.5 28.5,30.8284271 28.5,30 L28.5,12 L23.25,12 C22.1342953,12 21.0906184,11.0028107 21.0055823,9.89504535 L21,9.75 L21,4.5 Z M24.75,25.5 C25.1642136,25.5 25.5,25.8357864 25.5,26.25 C25.5,26.6642136 25.1642136,27 24.75,27 L11.25,27 C10.8357864,27 10.5,26.6642136 10.5,26.25 C10.5,25.8357864 10.8357864,25.5 11.25,25.5 L24.75,25.5 Z M24.75,18 C25.1642136,18 25.5,18.3357864 25.5,18.75 C25.5,19.1642136 25.1642136,19.5 24.75,19.5 L11.25,19.5 C10.8357864,19.5 10.5,19.1642136 10.5,18.75 C10.5,18.3357864 10.8357864,18 11.25,18 L24.75,18 Z M15.75,10.5 C16.1642136,10.5 16.5,10.8357864 16.5,11.25 C16.5,11.6642136 16.1642136,12 15.75,12 L11.25,12 C10.8357864,12 10.5,11.6642136 10.5,11.25 C10.5,10.8357864 10.8357864,10.5 11.25,10.5 L15.75,10.5 Z M22.5,4.5 L22.5,9.75 C22.5,10.0857864 22.9142136,10.5 23.25,10.5 L23.25,10.5 L28.5,10.5 L22.5,4.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.avatar.avatar-default-image {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.avatar.avatar-xsmall {
width: 24px; height: 24px; line-height: 24px;
}
.avatar.avatar-xsmall .avatar-initial {
font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 9px; color: #777;
}
.avatar.avatar-small {
width: 32px; height: 32px; line-height: 32px;
}
.avatar.avatar-small .avatar-initial {
font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 12px; color: #777;
}
.avatar.avatar-medium {
width: 40px; height: 40px; line-height: 40px;
}
.avatar.avatar-medium .avatar-initial {
font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 15px; color: #777;
}
.avatar.avatar-large {
width: 60px; height: 60px; line-height: 60px;
}
.avatar.avatar-large .avatar-initial {
font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 22.5px; color: #777;
}
.avatar.avatar-xlarge {
width: 80px; height: 80px; line-height: 80px;
}
.avatar.avatar-xlarge .avatar-initial {
font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 30px; color: #777;
}
.avatar.avatar-xxlarge {
width: 120px; height: 120px; line-height: 120px;
}
.avatar.avatar-xxlarge .avatar-initial {
font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 45px; color: #777;
}
.avatar.avatar–overlay-icon {
font-family: "Mekari-Icon-Regular"; font-size: 24px;
}
.avatar.avatar–overlay-icon::after {
color: #fff; content: "\e877";
}
.avatar.avatar–overlay-icon:hover::after {
cursor: pointer; opacity: 1;
}
.avatar.avatar-circle {
border-radius: 100%;
}
.avatar.avatar-square {
border-radius: 8px;
}
.avatar.avatar–no-overlay:hover::after {
opacity: 0;
}
.avatar-stacked {
display: inline-flex; flex-wrap: wrap; align-items: center; font-size: 0;
}
.avatar-stacked .avatar-xsmall {
box-shadow: 0.6px 0 0 0.6px #fff;
}
.avatar-stacked .avatar-xsmall:nth-child(1) {
margin-left: 0; z-index: 6;
}
.avatar-stacked .avatar-xsmall:nth-child(2) {
margin-left: -6px; z-index: 5;
}
.avatar-stacked .avatar-xsmall:nth-child(3) {
margin-left: -6px; z-index: 4;
}
.avatar-stacked .avatar-xsmall:nth-child(4) {
margin-left: -6px; z-index: 3;
}
.avatar-stacked .avatar-xsmall:nth-child(5) {
margin-left: -6px; z-index: 2;
}
.avatar-stacked .avatar-xsmall:nth-child(6) {
margin-left: -6px; z-index: 1;
}
.avatar-stacked .avatar-small {
box-shadow: 0.8px 0 0 0.8px #fff;
}
.avatar-stacked .avatar-small:nth-child(1) {
margin-left: 0; z-index: 6;
}
.avatar-stacked .avatar-small:nth-child(2) {
margin-left: -8px; z-index: 5;
}
.avatar-stacked .avatar-small:nth-child(3) {
margin-left: -8px; z-index: 4;
}
.avatar-stacked .avatar-small:nth-child(4) {
margin-left: -8px; z-index: 3;
}
.avatar-stacked .avatar-small:nth-child(5) {
margin-left: -8px; z-index: 2;
}
.avatar-stacked .avatar-small:nth-child(6) {
margin-left: -8px; z-index: 1;
}
.avatar-stacked .avatar-medium {
box-shadow: 1px 0 0 1px #fff;
}
.avatar-stacked .avatar-medium:nth-child(1) {
margin-left: 0; z-index: 6;
}
.avatar-stacked .avatar-medium:nth-child(2) {
margin-left: -10px; z-index: 5;
}
.avatar-stacked .avatar-medium:nth-child(3) {
margin-left: -10px; z-index: 4;
}
.avatar-stacked .avatar-medium:nth-child(4) {
margin-left: -10px; z-index: 3;
}
.avatar-stacked .avatar-medium:nth-child(5) {
margin-left: -10px; z-index: 2;
}
.avatar-stacked .avatar-medium:nth-child(6) {
margin-left: -10px; z-index: 1;
}
.avatar-stacked .avatar-large {
box-shadow: 1.5px 0 0 1.5px #fff;
}
.avatar-stacked .avatar-large:nth-child(1) {
margin-left: 0; z-index: 6;
}
.avatar-stacked .avatar-large:nth-child(2) {
margin-left: -15px; z-index: 5;
}
.avatar-stacked .avatar-large:nth-child(3) {
margin-left: -15px; z-index: 4;
}
.avatar-stacked .avatar-large:nth-child(4) {
margin-left: -15px; z-index: 3;
}
.avatar-stacked .avatar-large:nth-child(5) {
margin-left: -15px; z-index: 2;
}
.avatar-stacked .avatar-large:nth-child(6) {
margin-left: -15px; z-index: 1;
}
.avatar-stacked .avatar-xlarge {
box-shadow: 2px 0 0 2px #fff;
}
.avatar-stacked .avatar-xlarge:nth-child(1) {
margin-left: 0; z-index: 6;
}
.avatar-stacked .avatar-xlarge:nth-child(2) {
margin-left: -20px; z-index: 5;
}
.avatar-stacked .avatar-xlarge:nth-child(3) {
margin-left: -20px; z-index: 4;
}
.avatar-stacked .avatar-xlarge:nth-child(4) {
margin-left: -20px; z-index: 3;
}
.avatar-stacked .avatar-xlarge:nth-child(5) {
margin-left: -20px; z-index: 2;
}
.avatar-stacked .avatar-xlarge:nth-child(6) {
margin-left: -20px; z-index: 1;
}
.avatar-stacked .avatar-xxlarge {
box-shadow: 3px 0 0 3px #fff;
}
.avatar-stacked .avatar-xxlarge:nth-child(1) {
margin-left: 0; z-index: 6;
}
.avatar-stacked .avatar-xxlarge:nth-child(2) {
margin-left: -30px; z-index: 5;
}
.avatar-stacked .avatar-xxlarge:nth-child(3) {
margin-left: -30px; z-index: 4;
}
.avatar-stacked .avatar-xxlarge:nth-child(4) {
margin-left: -30px; z-index: 3;
}
.avatar-stacked .avatar-xxlarge:nth-child(5) {
margin-left: -30px; z-index: 2;
}
.avatar-stacked .avatar-xxlarge:nth-child(6) {
margin-left: -30px; z-index: 1;
}
.avatar-stacked .avatar-stacked-text {
position: relative; padding-left: 16px; color: #1357ff; cursor: pointer;
}
.avatar-stacked .avatar-stacked-text p {
margin: 0; line-height: 14px;
}
.avatar-stacked .avatar-stacked-text.dropdown-toggle::after {
display: none;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xsmall {
box-shadow: -0.6px 0 0 0.6px #fff;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(1) {
z-index: 1;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(2) {
z-index: 2;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(3) {
z-index: 3;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(4) {
z-index: 4;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(5) {
z-index: 5;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(6) {
z-index: 6;
}
.avatar-stacked.avatar-stacked-reversed .avatar-small {
box-shadow: -0.8px 0 0 0.8px #fff;
}
.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(1) {
z-index: 1;
}
.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(2) {
z-index: 2;
}
.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(3) {
z-index: 3;
}
.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(4) {
z-index: 4;
}
.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(5) {
z-index: 5;
}
.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(6) {
z-index: 6;
}
.avatar-stacked.avatar-stacked-reversed .avatar-medium {
box-shadow: -1px 0 0 1px #fff;
}
.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(1) {
z-index: 1;
}
.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(2) {
z-index: 2;
}
.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(3) {
z-index: 3;
}
.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(4) {
z-index: 4;
}
.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(5) {
z-index: 5;
}
.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(6) {
z-index: 6;
}
.avatar-stacked.avatar-stacked-reversed .avatar-large {
box-shadow: -1.5px 0 0 1.5px #fff;
}
.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(1) {
z-index: 1;
}
.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(2) {
z-index: 2;
}
.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(3) {
z-index: 3;
}
.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(4) {
z-index: 4;
}
.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(5) {
z-index: 5;
}
.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(6) {
z-index: 6;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xlarge {
box-shadow: -2px 0 0 2px #fff;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(1) {
z-index: 1;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(2) {
z-index: 2;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(3) {
z-index: 3;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(4) {
z-index: 4;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(5) {
z-index: 5;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(6) {
z-index: 6;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge {
box-shadow: -3px 0 0 3px #fff;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge:nth-child(1) {
z-index: 1;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge:nth-child(2) {
z-index: 2;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge:nth-child(3) {
z-index: 3;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge:nth-child(4) {
z-index: 4;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge:nth-child(5) {
z-index: 5;
}
.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge:nth-child(6) {
z-index: 6;
}
.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(1) {
margin-left: 0;
}
.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(2) {
margin-left: -3px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(3) {
margin-left: -3px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(4) {
margin-left: -3px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(5) {
margin-left: -3px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(6) {
margin-left: -3px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(1) {
margin-left: 0;
}
.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(2) {
margin-left: -4px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(3) {
margin-left: -4px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(4) {
margin-left: -4px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(5) {
margin-left: -4px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(6) {
margin-left: -4px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(1) {
margin-left: 0;
}
.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(2) {
margin-left: -5px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(3) {
margin-left: -5px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(4) {
margin-left: -5px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(5) {
margin-left: -5px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(6) {
margin-left: -5px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(1) {
margin-left: 0;
}
.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(2) {
margin-left: -7.5px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(3) {
margin-left: -7.5px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(4) {
margin-left: -7.5px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(5) {
margin-left: -7.5px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(6) {
margin-left: -7.5px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(1) {
margin-left: 0;
}
.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(2) {
margin-left: -10px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(3) {
margin-left: -10px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(4) {
margin-left: -10px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(5) {
margin-left: -10px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(6) {
margin-left: -10px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-xxlarge:nth-child(1) {
margin-left: 0;
}
.avatar-stacked.avatar-stacked-sparse .avatar-xxlarge:nth-child(2) {
margin-left: -15px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-xxlarge:nth-child(3) {
margin-left: -15px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-xxlarge:nth-child(4) {
margin-left: -15px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-xxlarge:nth-child(5) {
margin-left: -15px;
}
.avatar-stacked.avatar-stacked-sparse .avatar-xxlarge:nth-child(6) {
margin-left: -15px;
}
.avatar-grid-container {
display: inline-block;
}
.avatar-grid-row {
font-size: 0;
}
.avatar-grid-row .avatar-xsmall {
margin-left: 8px;
}
.avatar-grid-row .avatar-xsmall:first-child {
margin-left: 0;
}
.avatar-grid-row .avatar-small {
margin-left: 10.666667px;
}
.avatar-grid-row .avatar-small:first-child {
margin-left: 0;
}
.avatar-grid-row .avatar-medium {
margin-left: 13.333333px;
}
.avatar-grid-row .avatar-medium:first-child {
margin-left: 0;
}
.avatar-grid-row .avatar-large {
margin-left: 20px;
}
.avatar-grid-row .avatar-large:first-child {
margin-left: 0;
}
.avatar-grid-row .avatar-xlarge {
margin-left: 26.666667px;
}
.avatar-grid-row .avatar-xlarge:first-child {
margin-left: 0;
}
.avatar-grid-row .avatar-xxlarge {
margin-left: 40px;
}
.avatar-grid-row .avatar-xxlarge:first-child {
margin-left: 0;
}
.avatar-grid-row .avatar-grid-text {
padding-top: 8px; color: #1357ff; text-align: center; cursor: pointer;
}
.avatar-grid-row .avatar-grid-text p {
margin: 0;
}
.avatar-grid-row .avatar-grid-text.dropdown-toggle::after {
display: none;
}
.avatar-grid-xsmall .avatar-grid-row {
padding-top: 8px;
}
.avatar-grid-xsmall .avatar-grid-row:first-child {
padding-top: 0;
}
.avatar-grid-small .avatar-grid-row {
padding-top: 10.666667px;
}
.avatar-grid-small .avatar-grid-row:first-child {
padding-top: 0;
}
.avatar-grid-medium .avatar-grid-row {
padding-top: 13.333333px;
}
.avatar-grid-medium .avatar-grid-row:first-child {
padding-top: 0;
}
.avatar-grid-large .avatar-grid-row {
padding-top: 20px;
}
.avatar-grid-large .avatar-grid-row:first-child {
padding-top: 0;
}
.avatar-grid-xlarge .avatar-grid-row {
padding-top: 26.666667px;
}
.avatar-grid-xlarge .avatar-grid-row:first-child {
padding-top: 0;
}
.avatar-grid-xxlarge .avatar-grid-row {
padding-top: 40px;
}
.avatar-grid-xxlarge .avatar-grid-row:first-child {
padding-top: 0;
}
body, p, .font-size-default {
font-size: 0.875rem; line-height: 20px; letter-spacing: 0.2px;
}
small, .small, .badge, .dropdown-item–title, .tooltip {
font-size: 0.75rem; line-height: 16px; letter-spacing: 0.2px;
}
.dropdown-toggle::after {
display: none; vertical-align: 2px;
}
.dropdown-menu {
width: auto; min-width: 80px; max-width: 684px; padding: 0; margin: 4px 0 0; overflow-y: hidden; background-color: #fff; border: 1px solid #e2e2e2; box-shadow: 0 2px 4px rgba(119, 119, 119, 0.1), 0 4px 8px rgba(119, 119, 119, 0.2); border-radius: 4px;
}
.dropdown-menu::-webkit-scrollbar {
width: 12px; background-color: transparent;
}
.dropdown-menu::-webkit-scrollbar-thumb {
background-color: #777; background-clip: padding-box; border: 4px solid transparent; border-radius: 16px;
}
.dropdown-menu::-webkit-scrollbar-track {
background-color: #fff; border-radius: 4px;
}
.dropdown-menu–small {
width: 80px;
}
.dropdown-menu–medium {
width: 184px;
}
.dropdown-menu–large {
width: 288px;
}
.dropdown-menu–max-content {
width: -webkit-max-content; width: -moz-max-content; width: max-content;
}
.dropdown-menu–fixed-height {
max-height: 180px;
}
.dropdown-menu–fixed-height .dropdown-item–container {
max-height: 180px; overflow: auto;
}
.dropdown-menu–fixed-height .dropdown-item–search + .dropdown-item–container {
max-height: 126px;
}
.dropdown-item {
padding: 8px; color: #212121; white-space: normal; cursor: pointer; outline: none;
}
.dropdown-item–title {
padding-top: 12px; padding-bottom: 4px; color: #777; text-transform: capitalize; border-top: 1px solid #e2e2e2;
}
.dropdown-item–title:first-child {
border: none;
}
.dropdown-item:hover {
background-color: #f2f4f7;
}
.dropdown-item:hover:active {
color: #212121;
}
.dropdown-item.active:hover {
background-color: #00468c;
}
.dropdown-item.active:hover:active {
color: #f2f4f7;
}
.dropdown-item.active .ic {
color: inherit;
}
.dropdown-item.is-selected {
background-color: #f2f4f7;
}
.dropdown-divider {
margin: 0;
}
.dropdown-not-found {
display: block; padding: 8px; color: #b4b4b4; text-align: center;
}
.dropdown-selected-list {
margin-top: 4px;
}
.dropdown-selected-list .badge {
margin-top: 4px; margin-right: 8px;
}
.dropdown-selected-list .badge:last-child {
margin-right: 0;
}
.dropdown-action {
padding: 8px;
}
.dropdown-action input {
width: 100%; margin: 0;
}
.dropdown-action:hover {
background-color: inherit;
}
.dropdown-with-action .dropdown-menu {
max-height: none; overflow: hidden;
}
.dropdown-with-action .dropdown-menu .dropdown-action:hover {
background-color: inherit;
}
.dropdown-with-action .dropdown-menu-list {
height: auto; max-height: 126px; overflow-y: auto;
}
.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar {
width: 12px; background-color: transparent;
}
.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-thumb {
background-color: #777; background-clip: padding-box; border: 4px solid transparent; border-radius: 16px;
}
.dropdown-with-action .dropdown-menu-list::-webkit-scrollbar-track {
background-color: #fff; border-radius: 4px;
}
.dropdown-with-avatar span {
vertical-align: middle;
}
.dropdown-with-pill .dropdown-menu-list .dropdown-item.is-selected {
color: #b4b4b4; pointer-events: none; background-color: transparent;
}
.dropdown–medium {
width: 184px;
}
.dropdown–large {
width: 288px;
}
.date-picker-container {
position: absolute; z-index: 11; width: 392px; height: auto;
}
.date-picker-calendar-view, .date-picker-collapse-view {
position: absolute; width: 392px; padding: 0 16px; background-color: #fff; background-clip: border-box; border: 1px solid #e2e2e2; border-radius: 4px; box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.1), 0 4px 8px 0 rgba(119, 119, 119, 0.2);
}
.date-picker-calendar-view {
height: auto; min-height: 284px;
}
.date-picker-collapse-view {
height: auto; min-height: 244px;
}
.date-picker-header {
display: flex; align-items: center; height: 52px; text-align: center;
}
.date-picker-header-title {
flex-grow: 5; font-weight: 500; cursor: pointer;
}
.date-picker-previous-button {
flex-grow: 1; padding-right: 16px; text-align: left;
}
.date-picker-previous-button .ic:hover {
cursor: pointer;
}
.date-picker-next-button {
flex-grow: 1; padding-left: 16px; text-align: right;
}
.date-picker-next-button .ic:hover {
cursor: pointer;
}
.date-picker-row .date-picker-cell .date-picker-date-cell.current-date, .date-picker-row .date-picker-cell .date-picker-month-cell.current-month, .date-picker-row .date-picker-cell .date-picker-year-cell.current-year {
border-radius: 100%; box-shadow: inset 0 0 0 1px #005fbf;
}
.date-picker-row .date-picker-cell .date-picker-date-cell.selected-date, .date-picker-row .date-picker-cell .date-picker-month-cell.selected-month, .date-picker-row .date-picker-cell .date-picker-year-cell.selected-year {
color: #fff !important; background-color: #005fbf !important; border-radius: 100%;
}
.date-picker-row .date-picker-cell .date-picker-date-cell.disabled-date, .date-picker-row .date-picker-cell .date-picker-month-cell.disabled-month, .date-picker-row .date-picker-cell .date-picker-year-cell.disabled-year {
color: #b4b4b4 !important; background-color: transparent !important; border-radius: 100%;
}
.date-picker-row .date-picker-cell .date-picker-date-cell.disabled-date:hover, .date-picker-row .date-picker-cell .date-picker-month-cell.disabled-month:hover, .date-picker-row .date-picker-cell .date-picker-year-cell.disabled-year:hover {
cursor: default;
}
.date-picker-row .date-picker-cell .date-picker-date-cell:hover, .date-picker-row .date-picker-cell .date-picker-month-cell:hover, .date-picker-row .date-picker-cell .date-picker-year-cell:hover, .date-picker-row .date-picker-cell:hover .date-picker-date-cell {
color: #212121; cursor: pointer; background-color: #f2f4f7; border-radius: 100%; box-shadow: none;
}
.date-picker-row {
display: flex; flex-wrap: wrap;
}
.date-picker-row .date-picker-cell {
flex: 1 1 0; margin: 2px 0; text-align: center;
}
.date-picker-row .date-picker-cell .date-picker-date-cell {
width: 32px; height: 32px; margin: 0 auto; line-height: 32px;
}
.date-picker-row .date-picker-cell .date-picker-month-cell {
width: 40px; height: 40px; margin: 0 auto; margin-bottom: 12px; line-height: 40px;
}
.date-picker-row .date-picker-cell .date-picker-year-cell {
width: 48px; height: 48px; margin: 0 auto; margin-bottom: 4px; line-height: 48px;
}
.date-picker-day-container {
display: flex; margin-bottom: 16px;
}
.date-picker-day-container .date-picker-day {
flex: 1 1 0; color: #777; text-align: center;
}
.date-picker-shortcut-button {
width: 360px; padding: 16px 0; color: #777; text-align: center; cursor: pointer;
}
.date-picker-shortcut-button.disabled {
color: #b4b4b4; cursor: not-allowed;
}
.date-picker-break {
flex-basis: 100%; height: 0;
}
.date-picker–no-outline {
outline: none;
}
.form-control {
padding: 8px 12px; margin-top: 4px; margin-bottom: 4px; line-height: 20px; color: #212121;
}
.form-control:hover:not(:disabled):not() {
border: 1px solid #005fbf;
}
.form-control:disabled, .form-control {
color: #b4b4b4; cursor: not-allowed; background-color: #f2f4f7; border-color: #e2e2e2; outline: none; box-shadow: none;
}
.form-control:focus:not(:disabled):not() {
color: #212121;
}
.form-control.prefix-icon {
padding-left: 36px;
}
.form-control.suffix-icon {
padding-right: 36px;
}
.form-control.with-reset-icon, .form-control.suffix-icon–double {
padding-right: 36px;
}
.form-control.with-reset-icon.suffix-icon:hover, .form-control.suffix-icon–double.suffix-icon:hover {
padding-right: 72px;
}
.form-control.is-invalid, .form-control:invalid {
border-color: #d74022;
}
.form-control-plaintext:focus {
outline: none; box-shadow: none;
}
.form-group label {
margin-bottom: 0;
}
.form-row label {
margin-bottom: 0;
}
.custom-select, .custom-file-input {
height: 38px; padding: 8px 8px 8px 12px; margin: 4px 0; line-height: 20px; color: #212121;
}
.custom-select:hover:not(:disabled), .custom-file-input:hover:not(:disabled) {
cursor: pointer; border: 1px solid #005fbf;
}
.custom-select:focus, .custom-file-input:focus {
box-shadow: 0 0 4px 1px rgba(0, 95, 191, 0.3);
}
.custom-select:disabled, .custom-file-input:disabled {
color: #b4b4b4; cursor: not-allowed; background-color: #f2f4f7; border-color: #e2e2e2;
}
.custom-select:not(:focus):invalid, .custom-file-input:not(:focus):invalid {
color: #b4b4b4;
}
input {
cursor: pointer;
}
input::-webkit-file-upload-button {
cursor: pointer;
}
.custom-file {
display: flex; flex-wrap: wrap; align-items: center; height: auto; margin-bottom: 20px;
}
.custom-file:hover .custom-file-label::before {
border: 1px solid #b4b4b4;
}
.custom-file .form-text {
margin-top: 4px;
}
.custom-file ~ .custom-file-list-wrapper {
margin-bottom: 12px;
}
.custom-file-input {
margin: 0;
}
.custom-file-label {
display: flex; align-items: flex-end; height: 38px; padding: 8px 12px; margin-bottom: 0; color: #b4b4b4;
}
.custom-file-label::after {
display: none;
}
.custom-file-label::before {
position: relative; top: 3px; bottom: 0; z-index: 3; display: flex; align-items: center; height: 24px; padding: 2px 8px; margin-right: 12px; line-height: 20px; color: #777; content: "Choose File"; background-color: #fbfbfb; border: 1px solid #e2e2e2; border-radius: 4px;
}
.valid-feedback, .invalid-feedback {
font-size: 12px;
}
.form-group-label {
margin-bottom: 0; font-weight: 600; line-height: 20px;
}
.custom-control {
margin-bottom: 4px;
}
.form-group-label + .custom-control, .form-group-label + .custom-file {
margin-top: 4px;
}
.custom-control-input:focus {
box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);
}
.custom-control-input:hover ~ .custom-control-label::before {
cursor: pointer; border-color: #005fbf;
}
.custom-control-input:hover ~ .custom-control-label::after, .custom-control-input:hover ~ .custom-control-label {
cursor: pointer;
}
.custom-control-input:disabled ~ .custom-control-label::after {
cursor: not-allowed; border: none;
}
.custom-control-input:disabled ~ .custom-control-label::before {
cursor: not-allowed; background-color: #f2f4f7 !important; border: 1px solid #e2e2e2 !important;
}
.custom-control-input:disabled ~ .custom-control-label {
cursor: not-allowed;
}
.custom-control-label {
font-weight: 400; color: #212121;
}
.custom-checkbox .custom-control-label::before {
top: 0;
}
.custom-checkbox .custom-control-label::after {
top: 0; background: no-repeat 50%;
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::after {
background: url("data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23b4b4b4'/%3e%3c/svg%3e") no-repeat 50%;
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::after {
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 6 6'%3e%3cpath stroke='%23b4b4b4' d='M0 2h4'/%3e%3c/svg%3e") no-repeat 50%;
}
.custom-radio .custom-control-label::before {
top: 1px;
}
.custom-radio .custom-control-label::after {
top: 1px; background: no-repeat 100% / 100% 50%;
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::after {
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23b4b4b4'/%3e%3c/svg%3e") no-repeat 100%/100% 50%;
}
.custom-switch {
height: 24px; padding-left: 52px; line-height: 24px;
}
.custom-switch .custom-control-label::before {
top: 0; left: -52px; width: 40px; height: 24px; background-color: #e2e2e2; border: none; border-radius: 24px;
}
.custom-switch .custom-control-label::after {
top: 2px; left: -50px; width: 20px; height: 20px; background-color: #fff; border-radius: 50%; transition: transform .2s;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
background-color: #1357ff;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
transform: translateX(1rem);
}
.custom-switch.custom-switch-danger .custom-control-input:checked ~ .custom-control-label::before {
background: #d74022;
}
.custom-switch.custom-switch-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background: #d74022;
}
.custom-switch.custom-switch-danger .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem #f4c2b8;
}
.custom-switch.custom-switch-success .custom-control-input:checked ~ .custom-control-label::before {
background: #009f61;
}
.custom-switch.custom-switch-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background: #009f61;
}
.custom-switch.custom-switch-success .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem #53ffbc;
}
.custom-switch.custom-switch-info .custom-control-input:checked ~ .custom-control-label::before {
background: #ffeb99;
}
.custom-switch.custom-switch-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background: #ffeb99;
}
.custom-switch.custom-switch-info .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem white;
}
.custom-switch.custom-switch-warning .custom-control-input:checked ~ .custom-control-label::before {
background: #ffb700;
}
.custom-switch.custom-switch-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background: #ffb700;
}
.custom-switch.custom-switch-warning .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem #ffe9b3;
}
.custom-switch.custom-switch-primary .custom-control-input:checked ~ .custom-control-label::before {
background: #005fbf;
}
.custom-switch.custom-switch-primary .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background: #005fbf;
}
.custom-switch.custom-switch-primary .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem #73b8ff;
}
.custom-switch.custom-switch-jurnal .custom-control-input:checked ~ .custom-control-label::before {
background: #009bde;
}
.custom-switch.custom-switch-jurnal .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background: #009bde;
}
.custom-switch.custom-switch-jurnal .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem #92deff;
}
.custom-switch.custom-switch-talenta .custom-control-input:checked ~ .custom-control-label::before {
background: #c02a34;
}
.custom-switch.custom-switch-talenta .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background: #c02a34;
}
.custom-switch.custom-switch-talenta .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem #eeafb3;
}
.custom-switch.custom-switch-klikpajak .custom-control-input:checked ~ .custom-control-label::before {
background: #f96d01;
}
.custom-switch.custom-switch-klikpajak .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background: #f96d01;
}
.custom-switch.custom-switch-klikpajak .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem #ffd1ae;
}
.custom-switch.custom-switch-mekari .custom-control-input:checked ~ .custom-control-label::before {
background: #6d48e5;
}
.custom-switch.custom-switch-mekari .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background: #6d48e5;
}
.custom-switch.custom-switch-mekari .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem #eae4fb;
}
.custom-switch.custom-switch-dark .custom-control-input:checked ~ .custom-control-label::before {
background: #212121;
}
.custom-switch.custom-switch-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background: #212121;
}
.custom-switch.custom-switch-dark .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem #7a7a7a;
}
.custom-switch.custom-switch-slate .custom-control-input:checked ~ .custom-control-label::before {
background: #777;
}
.custom-switch.custom-switch-slate .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background: #777;
}
.custom-switch.custom-switch-slate .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem #d0d0d0;
}
.custom-switch.custom-switch-muted .custom-control-input:checked ~ .custom-control-label::before {
background: #b4b4b4;
}
.custom-switch.custom-switch-muted .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background: #b4b4b4;
}
.custom-switch.custom-switch-muted .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem white;
}
.custom-switch.custom-switch-smoke .custom-control-input:checked ~ .custom-control-label::before {
background: #e2e2e2;
}
.custom-switch.custom-switch-smoke .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background: #e2e2e2;
}
.custom-switch.custom-switch-smoke .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem white;
}
.custom-switch.custom-switch-light .custom-control-input:checked ~ .custom-control-label::before {
background: #fbfbfb;
}
.custom-switch.custom-switch-light .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background: #fbfbfb;
}
.custom-switch.custom-switch-light .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem white;
}
.custom-switch.custom-switch-cloud .custom-control-input:checked ~ .custom-control-label::before {
background: #f2f4f7;
}
.custom-switch.custom-switch-cloud .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background: #f2f4f7;
}
.custom-switch.custom-switch-cloud .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem white;
}
.custom-switch.custom-switch-link .custom-control-input:checked ~ .custom-control-label::before {
background: #1357ff;
}
.custom-switch.custom-switch-link .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background: #1357ff;
}
.custom-switch.custom-switch-link .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem #c6d6ff;
}
.custom-switch.custom-switch-white .custom-control-input:checked ~ .custom-control-label::before {
background: #fff;
}
.custom-switch.custom-switch-white .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
background: #fff;
}
.custom-switch.custom-switch-white .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem white;
}
.custom-switch–small {
height: 20px; padding-left: 48px; line-height: 20px;
}
.custom-switch–small .custom-control-label::before {
left: -48px; width: 34px; height: 20px;
}
.custom-switch–small .custom-control-label::after {
left: -46px; width: 16px; height: 16px;
}
.custom-switch–small .custom-control-input:checked ~ .custom-control-label::after {
transform: translateX(14px);
}
.form-check {
margin-bottom: 4px;
}
textarea.form-control {
min-width: 184px; height: 80px; min-height: 38px; max-height: 200px; padding-right: 12px; padding-left: 12px;
}
textarea.form-control::-webkit-scrollbar {
width: 12px; background-color: transparent;
}
textarea.form-control::-webkit-scrollbar-thumb {
background-color: #777; background-clip: padding-box; border: 4px solid transparent; border-radius: 16px;
}
textarea.form-control::-webkit-scrollbar-track {
background-color: #fff; border-radius: 4px;
}
.form-text {
font-size: 12px; color: #777;
}
.input-group {
margin-top: 4px; margin-bottom: 4px;
}
.input-group .form-control {
margin-top: 0; margin-bottom: 0;
}
.input-group .valid-feedback, .input-group .invalid-feedback {
margin-top: 4px;
}
/* stylelint-disable property-no-vendor-prefix */ .custom-select, .custom-select-sm {
-webkit-appearance: none; -moz-appearance: none; appearance: none;
}
/* stylelint-enable property-no-vendor-prefix */ .form-xs {
width: 80px; max-width: 80px;
}
.form-sm {
width: 184px; max-width: 184px;
}
.form-md {
width: 288px; max-width: 288px;
}
.form-lg {
width: 392px; max-width: 392px;
}
.form-xl {
width: 600px; max-width: 600px;
}
.counter-label {
float: right; font-weight: 400;
}
.input-group-text {
display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 0.875rem; font-weight: 400; line-height: 1.4285; color: #212121; text-align: center; white-space: nowrap; background-color: #f2f4f7; border: 1px solid #e2e2e2; border-radius: 4px;
}
.input-date-picker, .input-no-readonly {
color: #212121 !important; cursor: pointer !important; background-color: #fff !important;
}
.input-date-picker:hover:not(:disabled), .input-no-readonly:hover:not(:disabled) {
border: 1px solid #005fbf;
}
.input-with-icon-container {
position: relative;
}
.img-xs {
width: 24px; height: 24px;
}
.img-sm {
width: 40px; height: 40px;
}
.img-md {
width: 60px; height: 60px;
}
.img-lg {
width: 120px; height: 120px;
}
.img-blank-user {
display: inline-block; vertical-align: middle; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIwcHgiIGhlaWdodD0iMTIwcHgiIHZpZXdCb3g9IjAgMCAxMjAgMTIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ni4zICg4MTcxNikgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+IEF2YXRhci8gUGhvdG8gLyAxMjA8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iLi8tQXZhdGFyLy1QaG90byIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9IlBlb3BsZXMvLUJsYW5rLVBob3RvIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJCYXNlIiBmaWxsPSIjRTJFMkUyIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTYxLjA1ODgyMzUsNzAuNTg4MjM1MyBDNDkuMzYzMzgxOCw3MC41ODgyMzUzIDM5Ljg4MjM1MjksNjEuMTA3MjA2NSAzOS44ODIzNTI5LDQ5LjQxMTc2NDcgQzM5Ljg4MjM1MjksMzcuNzE2MzIyOSA0OS4zNjMzODE4LDI4LjIzNTI5NDEgNjEuMDU4ODIzNSwyOC4yMzUyOTQxIEM3Mi43NTQyNjUzLDI4LjIzNTI5NDEgODIuMjM1Mjk0MSwzNy43MTYzMjI5IDgyLjIzNTI5NDEsNDkuNDExNzY0NyBDODIuMjM1Mjk0MSw2MS4xMDcyMDY1IDcyLjc1NDI2NTMsNzAuNTg4MjM1MyA2MS4wNTg4MjM1LDcwLjU4ODIzNTMgWiBNNTYuNDcwNTg4Miw3Ny42NDcwNTg4IEw2My41Mjk0MTE4LDc3LjY0NzA1ODggQzgzLjAyMTgxNDcsNzcuNjQ3MDU4OCA5OC44MjM1Mjk0LDkzLjQ0ODc3MzUgOTguODIzNTI5NCwxMTIuOTQxMTc2IEw5OC44MjM1Mjk0LDEyMCBMMjEuMTc2NDcwNiwxMjAgTDIxLjE3NjQ3MDYsMTEyLjk0MTE3NiBDMjEuMTc2NDcwNiw5My40NDg3NzM1IDM2Ljk3ODE4NTMsNzcuNjQ3MDU4OCA1Ni40NzA1ODgyLDc3LjY0NzA1ODggWiIgaWQ9IlBhdGgiIGZpbGw9IiNCNEI0QjQiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); background-repeat: no-repeat; background-position: center; background-size: contain;
}
.modal .modal-header {
position: relative; padding: 16px 16px 16px 24px;
}
.modal .modal-header .close {
padding: 16px; margin: -16px -16px -16px auto; font-size: 20px; font-weight: 600; opacity: 1;
}
.modal .modal-header .close span {
color: #777;
}
.modal .modal-title {
font-size: 16px; font-weight: 500; line-height: 24px;
}
.modal .modal-body {
padding: 16px 24px;
}
.modal .modal-footer {
padding: 4px 24px 32px; border-top: 0;
}
.modal-backdrop {
opacity: 0.75;
}
.pagination {
display: flex; justify-content: space-between; margin: 8px 0 16px;
}
.pagination ul {
display: flex; align-items: center; padding: 0; margin: 0;
}
.pagination ul li {
padding: 0; margin: 0; color: #777; list-style-type: none;
}
.pagination ul li .ic {
width: 20px; height: 20px; font-size: 20px;
}
.pagination_limit ul li {
margin-right: 6px; color: #777;
}
.pagination_limit ul li:last-child {
margin-right: 0;
}
.pagination_limit ul li .custom-select {
width: 75px; padding: 4px 8px; margin: 0 4px 0 0;
}
.pagination_pages li .btn {
max-width: 20px; max-height: 20px; padding: 0; font-size: 20px; border: 0;
}
.pagination_pages li .btn:hover {
text-decoration: none;
}
.pagination_pages li input {
width: 50px; margin: 0 8px 0 4px;
}
.pagination_total_pages {
margin: 0 6px;
}
.popover {
box-shadow: 0 4px 8px rgba(119, 119, 119, 0.1), 0 12px 20px rgba(119, 119, 119, 0.2);
}
.popover-header + .popover-body {
padding-top: 0;
}
@-webkit-keyframes shimmer {
0% { background-position: -100vw 0; } 100% { background-position: 100vw 0; }
}
@keyframes shimmer {
0% { background-position: -100vw 0; } 100% { background-position: 100vw 0; }
}
.shimmer {
position: relative; background: linear-gradient(to right, #e2e2e2 2%, #b4b4b4 35%, #e2e2e2 40%); background-size: 2800px 104px; -webkit-animation: shimmer 1s linear infinite; animation: shimmer 1s linear infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
}
.table {
margin-bottom: 0; border-spacing: 0; border-collapse: separate; border: 1px solid #e2e2e2; border-radius: 4px;
}
.table td {
background: #fff;
}
.table tr:hover {
background: #f2f4f7;
}
.table tr:hover td {
background: inherit;
}
.table th, .table td {
padding: 10px 16px; border-top: 0;
}
.table th .btn-icon, .table td .btn-icon {
margin-top: -8px; margin-bottom: -8px;
}
.table thead th {
background-color: #fbfbfb; border-bottom: 1px solid #e2e2e2;
}
.table thead th:first-child {
border-top-left-radius: 4px;
}
.table thead th:last-child {
border-top-right-radius: 4px;
}
.table thead .sort {
cursor: pointer;
}
.table thead .sort span {
position: relative;
}
.table thead .sort span::before, .table thead .sort span::after {
position: absolute; right: -12px; width: 0; height: 0; content: ""; border-style: solid;
}
.table thead .sort span::before {
top: 2px; border-color: transparent transparent #777 transparent; border-width: 0 4px 4px;
}
.table thead .sort span::after {
bottom: 2px; border-color: #777 transparent transparent transparent; border-width: 4px 4px 0;
}
.table thead .sort.sort-up span::before, .table thead .sort.sort-down span::before {
border-color: transparent transparent #212121 transparent;
}
.table thead .sort.sort-up span::after, .table thead .sort.sort-down span::after {
border-color: #212121 transparent transparent transparent;
}
.table tbody tr:not(:last-child) th, .table tbody tr:not(:last-child) td {
border-bottom: 1px solid #e2e2e2;
}
.table .table-action-list {
position: -webkit-sticky; position: sticky; left: 16px;
}
.table.table-bordered tbody th, .table.table-bordered tbody td {
border-bottom: 0;
}
.table.table-bordered th, .table.table-bordered td {
border-right: 1px solid #e2e2e2; border-left: 0;
}
.table.table-bordered thead th:last-child, .table.table-bordered tbody td:last-child {
border-right: 0;
}
.table .table__checkbox {
width: 32px; padding-right: 0;
}
.table .table__checkbox .custom-control {
padding-left: 16px; margin-bottom: 0;
}
.table .table__checkbox .custom-control-label::before, .table .table__checkbox .custom-control-label::after {
left: -16px;
}
.table-layout-auto {
table-layout: auto !important;
}
.table-sticky thead tr th {
position: -webkit-sticky; position: sticky; top: 0;
}
.table-sticky th:nth-child(1), .table-sticky th:last-child {
z-index: 2;
}
.table-sticky–left td:nth-child(1), .table-sticky–left th:nth-child(1) {
position: -webkit-sticky; position: sticky; left: 0; z-index: 2;
}
.table-sticky–right td:last-child, .table-sticky–right th:last-child {
position: -webkit-sticky; position: sticky; right: 0; z-index: 2;
}
.nav-tabs {
margin-bottom: 24px;
}
.nav-tabs .nav-item {
margin: 8px 0;
}
.nav-tabs .nav-link {
position: relative; padding: 8px 16px; color: #777; border: none; border-radius: 4px;
}
.nav-tabs .nav-hover {
color: #212121;
}
.nav-tabs .nav-link.active {
font-weight: 500;
}
.nav-tabs .nav-link.active::after {
position: absolute; bottom: -9px; left: 0; width: 100%; height: 4px; content: ""; background-color: #212121; border-radius: 2px 2px 0 0;
}
.nav-tabs .nav-link.active.theme-danger::after {
background-color: #d74022;
}
.nav-tabs .nav-link.active.theme-success::after {
background-color: #009f61;
}
.nav-tabs .nav-link.active.theme-info::after {
background-color: #ffeb99;
}
.nav-tabs .nav-link.active.theme-warning::after {
background-color: #ffb700;
}
.nav-tabs .nav-link.active.theme-primary::after {
background-color: #005fbf;
}
.nav-tabs .nav-link.active.theme-jurnal::after {
background-color: #009bde;
}
.nav-tabs .nav-link.active.theme-talenta::after {
background-color: #c02a34;
}
.nav-tabs .nav-link.active.theme-klikpajak::after {
background-color: #f96d01;
}
.nav-tabs .nav-link.active.theme-mekari::after {
background-color: #6d48e5;
}
.nav-tabs .nav-link.active.theme-dark::after {
background-color: #212121;
}
.nav-tabs .nav-link.active.theme-slate::after {
background-color: #777;
}
.nav-tabs .nav-link.active.theme-muted::after {
background-color: #b4b4b4;
}
.nav-tabs .nav-link.active.theme-smoke::after {
background-color: #e2e2e2;
}
.nav-tabs .nav-link.active.theme-light::after {
background-color: #fbfbfb;
}
.nav-tabs .nav-link.active.theme-cloud::after {
background-color: #f2f4f7;
}
.nav-tabs .nav-link.active.theme-:after {
background-color: #1357ff;
}
.nav-tabs .nav-link.active.theme-white::after {
background-color: #fff;
}
.nav-tabs .nav-link.disabled {
color: #b4b4b4; pointer-events: auto; cursor: not-allowed;
}
.nav-tabs .dropdown-menu {
margin-top: 11px; border-radius: 4px;
}
.nav-tabs .dropdown-menu .dropdown-item.active {
color: inherit; background-color: inherit;
}
.tooltip {
margin: 0; opacity: .9;
}
.tooltip-inner {
text-align: left; box-shadow: 0 2px 4px 0 rgba(65, 64, 66, 0.2);
} /*# sourceMappingURL=mekari-ui.css.map */