/* Timepicker & Datepicker CSS Fix - Prevent theme styles from breaking layout */

/* Fix table styling inside timepicker and datepicker */
.ui-timepicker-div table,
.ui-datepicker table {
    border: none !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}

.ui-timepicker-div table td,
.ui-timepicker-div table th,
.ui-datepicker table td,
.ui-datepicker table th {
    border: none !important;
    padding: 2px !important;
    text-align: center !important;
}

.ui-datepicker th {
    padding: 5px 2px !important;
    text-align: center !important;
    font-weight: bold !important;
    border: none !important;
}

/* Fix input styling inside timepicker */
.ui-timepicker-div input,
.ui-datepicker input {
    width: auto !important;
    float: none !important;
    margin-bottom: 0 !important;
    height: auto !important;
    line-height: normal !important;
    padding: 2px !important;
    background: transparent !important;
}

/* Fix dl/dd/dt layout inside timepicker */
.ui-timepicker-div dl {
    text-align: left !important;
    margin-bottom: 0 !important;
}

.ui-timepicker-div dl dt {
    float: left !important;
    clear: left !important;
    padding: 0 0 0 5px !important;
    height: 25px !important;
    margin-bottom: -25px !important;
}

.ui-timepicker-div dl dd {
    margin: 0 10px 10px 40% !important;
}

/* Fix slider styling */
.ui-timepicker-div .ui-slider {
    height: 0.8em !important;
}

.ui-timepicker-div td {
    font-size: 90% !important;
    padding: 1px !important;
}