.dp_modal_dark_background { background-color: #000; opacity: 0.75; }
.dp_modal_dark_main { border-radius: 4px; max-width: 90%}
.dp_modal_dark_main, .dp_modal_dark_main input, .dp_modal_dark_main button {  font-size: 14px; }
.dp_modal_dark_inner { padding: 20px; background: #222222; color: #f2f2f2; border-radius: 8px; } /*dark*/
.dp_modal_dark_main input, .dp_modal_dark_main button {  padding: 5px; box-sizing: border-box; border-radius: 4px; border: 1px solid #ccc; }

.dp_modal_dark_content { margin: 10px 0px;}
.dp_modal_dark_input { margin: 20px 0px;}
.dp_modal_dark_buttons { margin-top: 30px; margin-bottom: 10px; }

.dp_modal_dark_main button { background-color: #2367bf; color: white; padding: 10px 0px; border: 0px; cursor: pointer; outline: none; width: 100px; }
button.dp_modal_dark_cancel { margin-left: 10px; border: 1px solid #2367bf; background-color: #fff; color: #2367bf; }

.dp_modal_dark_form_item_datetime_parent {
    display: flex;
}

.dp_modal_dark_form_item_datetime .dp_modal_dark_form_item_time_main {
    margin-left: 5px;
}

.dp_modal_dark_form_item_time_list {
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 4px;
    max-height: 150px;
    overflow-y: auto;
}

.dp_modal_dark_form_item_time_list_item {
    background: #222222; /*dark*/
    padding: 2px;
    cursor: default;
}

.dp_modal_dark_form_item_time_list_item_highlight {
    background: #333333; /*dark*/
}

.dp_modal_dark_form_item.dp_modal_dark_form_title {
    font-size: 1.5rem;
    font-weight: bold;
}

.dp_modal_dark_form_item input[type=text],
.dp_modal_dark_form_item textarea,
.dp_modal_dark_form_item input[type=select],
.dp_modal_dark_form_item select {
    width: 100%;
    box-sizing: border-box;
}

.dp_modal_dark_form_item textarea {
    height: 200px;
}