/* Hak cipta (c) SRM Indonesia */

:root {
    --mdc-theme-primary:firebrick;
}

[hidden] {
  display: none;
}

body {margin:unset}
embed, img, object, svg, video {
    height: auto;
    max-width: 100%;
}
embed,
img:not(.mdc-icon-button__icon),
input,
input + *,
object,
svg:not(.mdc-icon-button__icon),
textarea,
video {
    vertical-align: middle;
}
footer a,
main a {
    color: var(--mdc-theme-primary);
}
h1 {margin-bottom: unset}
h1 + p {margin-top: unset}
img,
svg {
    height: auto;
    max-width: 100%;
}
img:not(.mdc-icon-button__icon),
svg:not(.mdc-icon-button__icon) {
    vertical-align:middle;
}
img[alt="SRM Indonesia"] {
    border-radius: 5%;
}
input, textarea {
    box-sizing: border-box;
}
textarea {
    width: 100%;
}

.mdc-card {
    text-decoration: unset;
}
.mdc-card > [class^="mdc-typography"] {
    padding-left: 1rem;
    padding-right: 1rem;
}
.mdc-card__media-content.material-icons {
    display: grid;
    font-size: 2.5em;
    place-items: center;
}
.mdc-drawer .mdc-list-item--activated,
.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
    color: var(--mdc-theme-primary);
}
.mdc-fab {
    position: fixed;
}
.mdc-icon-button[aria-label="User"] {
    padding: 8px;
}
.mdc-icon-button[aria-label="User"] .mdc-icon-button__icon {
    border-radius: 50%;
    height: unset;
    width: unset;
}
.mdc-icon-button[data-mdc-dialog-action="close"] {
    position: absolute;
    right: .5rem;
    top: .5rem;
}
.mdc-layout-grid__inner {
    list-style: none;
    padding-left: unset;
}
.mdc-theme--primary-bg .mdc-button:not(:disabled) {
    color: inherit;
}
.mdc-theme--primary-bg .mdc-button--outlined:not(:disabled) {
    border-color: var(--mdc-theme-text-hint-on-dark);
}
.mdc-top-app-bar .mdc-top-app-bar__action-item:disabled {
    color:var(--mdc-theme-text-disabled-on-dark)
}
.mdc-top-app-bar__title a {
    color: inherit;
    text-decoration: unset;
}
.mdc-top-app-bar--fixed:not(.mdc-top-app-bar--fixed-scrolled) {
    box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 1px 0px rgba(0,0,0,.12);
}
.mdc-top-app-bar--fixed-adjust .mdc-layout-grid:first-child .mdc-layout-grid__inner {
    align-items: center;
    text-align: center;
}

@media (max-width: 599px) {
    .mdc-fab {
        bottom: 1rem;
        right: 1rem;
    }
    .mdc-top-app-bar--fixed-adjust .mdc-layout-grid:first-child {
        min-height: calc(50vh - 56px);
    }
    .mdc-top-app-bar--fixed-adjust .mdc-layout-grid:last-child {
        min-height: calc(50vh - 51px);
    }
    .mdc-top-app-bar--fixed-adjust .mdc-layout-grid:first-child .mdc-layout-grid__inner {
        min-height: calc(50vh - (56px + (16px * 2)));
    }
    .display--none-mobile {display:none}
}
@media (min-width: 600px) and (max-width: 839px) {
    .mdc-fab {
        bottom: 1.25rem;
        right: 1.25rem;
    }
    .mdc-layout-grid__cell.mdc-linear-progress {
        grid-column-start: 3;
    }
    .mdc-top-app-bar--fixed-adjust .mdc-layout-grid:first-child {
        min-height: calc(50vh - 64px);
    }
    .mdc-top-app-bar--fixed-adjust .mdc-layout-grid:last-child {
        min-height: calc(50vh - 51px);
    }
    .mdc-top-app-bar--fixed-adjust .mdc-layout-grid:first-child .mdc-layout-grid__inner {
        min-height: calc(50vh - (64px + (16px * 2)));
    }
    .display--none-mobile {display:none}
}
@media (min-width: 840px) {
    .mdc-fab {
        bottom: 1.5rem;
        right: 1.5rem;
    }
    .mdc-layout-grid__cell.mdc-linear-progress {
        grid-column-start: 5;
    }
    .mdc-top-app-bar--fixed-adjust .mdc-layout-grid:first-child {
        min-height: calc(50vh - 64px);
    }
    .mdc-top-app-bar--fixed-adjust .mdc-layout-grid:last-child {
        max-width: calc(1024px + (24px * 2));
        min-height: calc(50vh - 67px);
    }
    .mdc-top-app-bar--fixed-adjust .mdc-layout-grid:first-child .mdc-layout-grid__inner {
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto;
        min-height: calc(50vh - (64px + (24px * 2)));
    }
    .display--none-desktop {display:none}
}