.datetime__row {
    padding: 2px;
}

.datetime__row input[type=text] {
    vertical-align: top;
    height: 24px;
    font-size: 16px;
}

.datetime__row select {
    height: 24px;
}

.datetime__result_table {
    display: table;
    width: 660px;
}

.datetime__result_row {
    display: table-row;
}

.datetime__result_cell {
    display: table-cell;
}

.datetime__add, .datetime__del {
    cursor: pointer;
    background-color: gray;
    padding: 4px;
    font-weight: bold;
    color: white !important;
}

.datetime__del {
    padding-left: 6px;
    padding-right: 6px;
}


.datetime__blick {
    border: solid green 3px;
}


.datetime__noblick {
    border: solid black 3px;
}

.datetime__submit {
    text-align: center;
}

@media screen and (max-width: 900px) {
    .kr-form input[type=text] {
        width: 220px;
    }
    .datetime__result_table {
        width: 390px;
    }
    .datetime__result_cell {
        display: block;
    }
}


@media screen and (max-width: 600px) {
    .datetime__result_table {
        width: 94vw;
    }
    .datetime__result_cell {
        display: block;
    }
    .kr-form select {
        width: 80vw;
        font-size: 16px;
    }
}