.close {

float: right;
font-size: 1.3125rem;
font-weight: 500;
line-height: 1;
color: #777;
text-shadow: 0 1px 0 #fff;
opacity: .5;

}

@media (max-width: 1200px) {

.close {
  font-size: calc(1.25625rem + 0.075vw) ;
}

}

.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;

}

.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;
}

}

.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-danger {

color: #702112;
background-color: #f7d9d3;
border-color: #f4cac1;

}

.alert-danger hr {

border-top-color: #f0b7ab;

}

.alert-danger .alert-link {

color: #44140b;

}

.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-primary {

color: #003163;
background-color: #ccdff2;
border-color: #b8d2ed;

}

.alert-primary hr {

border-top-color: #a4c5e8;

}

.alert-primary .alert-link {

color: #001830;

}

.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-dark {

color: #111111;
background-color: lightgray;
border-color: #c1c1c1;

}

.alert-dark hr {

border-top-color: #b4b4b4;

}

.alert-dark .alert-link {

color: black;

}

.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-light {

color: #838383;
background-color: #fefefe;
border-color: #fefefe;

}

.alert-light hr {

border-top-color: #f1f1f1;

}

.alert-light .alert-link {

color: #6a6a6a;

}

.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;

}

.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;

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