input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
    line-height: 19px;
}

.timeline-body {
    word-wrap: break-word;
}

.timeline-footer {
    display: flex;
    flex-flow: row wrap;
}

.timeline-footer label {
    padding: 0.5rem 0.6rem;
}

textarea {
    max-width: 100%;
    max-height: 100%;
    resize: vertical;
}

.dropzone {
    border: 2px dashed #0087F7
}

@media only screen and (max-width: 768px) {
    .select-user {
        width: 220px
    }
}
@media only screen and (max-width: 768px) {
    .select-contacts-list {
        width: 125px
    }
}
/* Dark mode content */
.skin-black .content-wrapper,
.skin-black .right-side,
.skin-black .main-footer {
    background-color: #1a1a2e;
    color: #e0e0e0;
}
.skin-black .box {
    background: #16213e;
    border-color: #0f3460;
    color: #e0e0e0;
}
.skin-black .box-header {
    background: #0f3460;
    color: #e0e0e0;
}
.skin-black .box-header .box-title { color: #e0e0e0; }
.skin-black .content-header h1 { color: #e0e0e0; }
.skin-black .table { color: #e0e0e0; }
.skin-black .table > thead > tr > th,
.skin-black .table > tbody > tr > td {
    border-color: #0f3460;
}
.skin-black .form-control {
    background: #0f3460;
    border-color: #1a4a7a;
    color: #e0e0e0;
}
.skin-black .callout {
    background: #16213e;
    border-color: #0f3460;
    color: #e0e0e0;
}