.splash-logo {
    display: table-cell;
    height: 250px;
    text-align: center;
    width: 250px;
    vertical-align: middle;
}

.dk-flex-column-fixed {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 0;
}

.dk-flex-column-grow {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
}

.dk-input-width {
    width: 100%;
    max-width: 350px;
}

/* medium screen size */
@media screen and (max-width: 959px) {

    .dk-msg-status {
        margin-top: -10px;
    }

    .dk-date-margin {
        margin-top: 10px;
    }
}

@media screen and (min-width: 960px) {

    .dk-date-margin {
        margin-top: 10px;
    }
}

/* these classes will be triggered by smaller screen sizes */
@media screen and (max-width: 599px) {

    .pdf-viewer {
        position: relative;
        top: 5px;
        margin: 0;
        height: calc(100vh - 150px);
    }

    .record-image-viewer {
        position: relative;
        top: 5px;
        margin: 0;
    }

    .dk-body {
        padding-top: 5px;
    }

    .dk-sm-top-pad {
        padding-top: 12px;
    }
}

/* these classes will be triggered by larger screen sizes */
@media screen and (min-width: 600px) {

    .pdf-viewer {
        position: relative;
        top: -35px;
        margin: 40px 0 0 0;
        height: calc(100vh - 0px);
    }

    .record-image-viewer {
        position: relative;
        top: -35px;
        margin: 40px 0 0 0;
    }

    .dk-body {
        padding: 40px;
    }
}