﻿body.Language {
    font-family: "Segoe UI", "SF UI Display Light", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14pt;
    line-height: 1.5em;
    padding-top: 6px;
    margin: 6px;
}

div.time-page {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0.25em 0;
}

    div.time-page.Non-IE {
        /*	padding-left: 1em;*/
    }

.DMS_head {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1em;
}

    .DMS_head > div:first-child {
        height: 67px;
        width: 100px;
        margin: 0 0.5em;
    }

.DMS_head_label {
    display: flex;
    flex-direction: column;
    font-size: 160%;
    line-height: 120%;
}

    .DMS_head_label div:first-child {
        font-weight: bold;
    }

html:lang(ur) .DMS_head_label div:first-child, html:lang(fa) .DMS_head_label div:first-child {
    font-family: "Times New Roman";
}

.DMS_body {
    display: flex;
    flex-direction: row;
}

    .DMS_body > div:first-child {
        margin-right: 2em;
    }

.DMS_column {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.DMS_time-unit {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.65em;
}

    .DMS_time-unit > div:first-child {
        font-weight: bold;
        text-transform: uppercase;
        padding: 0 6px;
    }

    .DMS_time-unit > div:nth-child(odd) {
        background-color: #F0F0F0;
    }

.DMS_gloss {
    display: flex;
    flex-direction: row;
    padding: 6px;
    border-top: thin gray solid;
    border-bottom: thin gray solid;
}

    .DMS_gloss div {
        width: 50%;
        padding: 1px;
    }

        .DMS_gloss div:first-child {
        }

        .DMS_gloss div:last-child {
        }

div.FooterRow {
    display: flex;
    flex-direction: row;
}

    div.FooterRow > div {
        background-color: #eee;
        color: black;
        font-weight: bold;
        font-size: 110%;
        font-family: "Segoe UI", "SF UI Display Light", Tahoma, Geneva, Verdana, sans-serif;
        text-align: center;
        padding: 6px;
        margin: 2px;
        border: 1px maroon dotted;
        border-radius: 5px;
    }

        div.FooterRow > div a {
            border-bottom: none;
        }

.LangFamNames {
    display: grid;
    grid-template-rows: auto;
    margin: 3px 6px 6px 3px;
}

    .LangFamNames > div {
        display: grid;
        grid-template-columns: 2fr 3fr;
        margin: 6px 0;
        padding: 6px;
        border-width: 2px;
        border-style: solid;
    }
