img.main-image {
    width: 300px
}

/* Calendar widget: theme.css applies .dropdown-menu { background:#242424 } globally
   which overwrites the datepicker widget. Restore light colors explicitly. */
.bootstrap-datetimepicker-widget.dropdown-menu {
    z-index: 9999 !important;
    background-color: #fff !important;
    border-color: #dee2e6 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,.18) !important;
}
.bootstrap-datetimepicker-widget table thead tr th,
.bootstrap-datetimepicker-widget .day,
.bootstrap-datetimepicker-widget .month,
.bootstrap-datetimepicker-widget .year,
.bootstrap-datetimepicker-widget .hour,
.bootstrap-datetimepicker-widget .minute,
.bootstrap-datetimepicker-widget .second,
.bootstrap-datetimepicker-widget .dow,
.bootstrap-datetimepicker-widget .btn,
.bootstrap-datetimepicker-widget button {
    color: #212529 !important;
}
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover,
.bootstrap-datetimepicker-widget th.active {
    background-color: #0d6efd !important;
    color: #fff !important;
}
.bootstrap-datetimepicker-widget td.old,
.bootstrap-datetimepicker-widget td.new {
    color: #adb5bd !important;
}
.bootstrap-datetimepicker-widget td.disabled,
.bootstrap-datetimepicker-widget td.disabled:hover {
    color: #ced4da !important;
    cursor: not-allowed !important;
}