body {
    font-family: Roboto, sans-serif;
    margin: 0;
}

:root {
    --mdc-theme-primary: #607d8b;
    --mdc-theme-secondary: #2196f3;
    --mdc-theme-background: #fefefe;
}

.site-max-width {
    padding: 24px;
    max-width: 900px;
    margin: auto;
}

.cards-layout {
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 0px;
    padding-right: 0px;
}

.card-title {
    padding-bottom: 1rem;
}

.card-divider {
    height: 1rem;
}

.card-content {
    padding: 1rem;
}

.card-content-media {
    padding-left: 1rem;
    padding-right: 1rem;
}

.button-accent {
    --mdc-theme-primary: #2196f3;
    --mdc-theme-on-primary: #fff;
}

#videoThumb {
    width: 640px;
    height: 360px;
}

#videoPlayerFrame {
    width: min(100%, 640px);
    aspect-ratio: 16 / 9;
    border: 0;
}

.clickable-row {
    cursor: pointer;
}

img.article-image {
    width: 100%;
    height: auto;
}

.vodlogo {
    width: 120px;
    height: auto;
    margin: 3px;
}

.vodlogo_disabled {
    width: 120px;
    height: auto;
    margin: 3px;
    filter: grayscale(1);
    opacity: 0.5;
}

.videoLinkInput {
    margin-bottom: 1rem;
}

#batchCommand {
    font-family: Consolas, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
}

.downloadsLeft {
    font-weight: bold;
    color: #448aff;
}

.textfield-full-witdh {
    width: 100%;
}

.textfield-icon {
    margin-top: auto;
    margin-bottom: auto;
}

.linkNoDecoration {
    color: #fff;
    text-decoration: none;
}

.appDownloadButtonContainer {
    margin: 6px;
}

.appContainer {
    overflow: hidden;
}

.appIcon {
    width: 96px;
    height: 96px;
    float: left;
}

.appDescription {
    margin: 8px;
    float: left;
}