/* CSS-grid benyttes til styring af stopur og nedtællingsur. Erstatter (tildels) stopur.css*/

.navigering-forklaring {
    display: -ms-grid;
    display: grid;
    width: 100%;
    -ms-grid-columns: 1fr 222px;
    -ms-grid-rows: 40px auto;
    -ms-grid-gap: 0;
    grid-template-columns: 1fr 222px;
    grid-template-rows: 40px auto;
    grid-gap: 0;
}

.navigering-instruktion {
    -ms-grid-column: 1/2;
    -ms-grid-row: 1/3;
    grid-column: 1/2;
    grid-row: 1/3;
    padding-right: 30px;
}

.stopur-container, .ur-container {
    height: 32px;
    width: 220px;
    background-color: rgb(222, 222, 222);
    border: 1px solid #c2c2c2;
    align-items: center;
    -ms-grid-column: 2;
    grid-column: 2;
    display: flex;
    -ms-grid-gap: 0;
    grid-gap: 0;
}

.ur-container {
    flex: 140px 80px;
}

    .ur-container .tekst {
        text-align: left;
        padding-left: 7px;
        width:198px;
    }

    .ur-container .tid {
        text-align: right;
        padding-right: 5px;
    }

.stopur-container {
    -ms-grid-columns: 25px 70px 60px 65px;
    grid-template-columns: 25px 70px 60px 65px;
}

    .stopur-container .ikon {
        -ms-grid-column: 1;
        grid-column: 1;
        text-align: left;
        padding: 0 0 0 7px;
    }

    .stopur-container .display {
        -ms-grid-column: 2;
        grid-column: 2;
        text-align: left;
        padding: 0 0 0 7px;
    }

    .stopur-container .start {
        -ms-grid-column: 3;
        grid-column: 3;
    }

    .stopur-container .stop {
        -ms-grid-column: 4;
        grid-column: 4;
    }

.grid-row-1 {
    -ms-grid-row: 1;
    grid-row: 1;
}
.grid-row-2 {
    -ms-grid-row: 2;
    grid-row: 2;
}