.bootstrap-datetimepicker-widget { -webkit-box-shadow: 0 2px 10px rgba(56, 60, 65, 0.2); -moz-box-shadow: 0 2px 10px rgba(56, 60, 65, 0.2); box-shadow: 0 2px 10px rgba(56, 60, 65, 0.2); top: 0; left: 0; width: 280px; padding: 0; margin-top: 1px; z-index: 99; background-color: #FFF; border: 0 solid rgba(0, 0, 0, 0); overflow: hidden; border-radius: 4px; } .bootstrap-datetimepicker-widget.pull-right:before { left: auto; right: 6px; } .bootstrap-datetimepicker-widget.pull-right:after { left: auto; right: 7px; } .bootstrap-datetimepicker-widget > ul { list-style-type: none; margin: 0; } .bootstrap-datetimepicker-widget .datepicker:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 90px; background-color: #187cd4; z-index: -1; } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 100%; font-size: 1.2em; padding: 0; height: 78px; font-size: 30px; float: none; width: 58px; line-height: 78px; display: inline-block; } .bootstrap-datetimepicker-widget .timepicker-hour:hover, .bootstrap-datetimepicker-widget .timepicker-minute:hover, .bootstrap-datetimepicker-widget .timepicker-second:hover { background: none; } .bootstrap-datetimepicker-widget .timepicker-up, .bootstrap-datetimepicker-widget .timepicker-down { border-radius: 4px; display: inline-block; width: 60px; height: 30px; background: url('../../images/bootstrap-datetimepicker.png') no-repeat; } .bootstrap-datetimepicker-widget .timepicker-up:hover, .bootstrap-datetimepicker-widget .timepicker-down:hover { background-color: #FDF0DE; } .bootstrap-datetimepicker-widget .timepicker-up:active, .bootstrap-datetimepicker-widget .timepicker-down:active { background-color: #EE8C0C; } .bootstrap-datetimepicker-widget .timepicker-up { background-position: 10px 5px; } .bootstrap-datetimepicker-widget .timepicker-up:hover { background-position: -110px 5px; } .bootstrap-datetimepicker-widget .timepicker-up:active { background-position: -50px 5px; } .bootstrap-datetimepicker-widget .timepicker-down { background-position: 10px -15px; } .bootstrap-datetimepicker-widget .timepicker-down:hover { background-position: -110px -15px; } .bootstrap-datetimepicker-widget .timepicker-down:active { background-position: -50px -15px; } .bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator { width: 4px; padding: 0; margin: 0; } .bootstrap-datetimepicker-widget .datepicker-headbg { border-radius: 4px 4px 0 0; position: absolute; top: 0; left: 0; width: 100%; height: 90px; background-color: #3497db; } .bootstrap-datetimepicker-widget .datepicker, .bootstrap-datetimepicker-widget .timepicker { padding: 10px 19px; } .bootstrap-datetimepicker-widget .timepicker .separator { font-size: 30px; font-weight: 700; } .bootstrap-datetimepicker-widget .timepicker tbody td { padding: 5px 0; } .bootstrap-datetimepicker-widget .datepicker > div { display: none; } .bootstrap-datetimepicker-widget .picker-switch { border-radius: 4px; margin: 5px 20px; padding: 5px; text-align: center; } .bootstrap-datetimepicker-widget table th.picker-switch { padding: 12px 5px; height: 20px; } .bootstrap-datetimepicker-widget .picker-switch:hover i { color: #FFF; } .bootstrap-datetimepicker-widget table { width: 100%; margin: 0; } .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th { text-align: center; padding: 8px 5px; width: 20px; height: 20px; color: #6d8292; border-radius: 4px; } .bootstrap-datetimepicker-widget tbody > tr > td, .bootstrap-datetimepicker-widget thead > tr > th { padding: 8px 5px; height: 20px; } .bootstrap-datetimepicker-widget td.weekend { color: #8dc939; } .bootstrap-datetimepicker-widget .picker-switch table.table-condensed td { padding: 0px; margin: 0px; } .bootstrap-datetimepicker-widget .picker-switch table.table-condensed a { padding: 0px; } .bootstrap-datetimepicker-widget .picker-switch table.table-condensed a span { background-color: #f8f8f8; border-color: #dadce6; -webkit-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; color: #82939e; width: 100%; border-radius: 4px; padding: 5px; text-align: center; border: 1px solid #dadce6; height: auto; line-height: 20px; font-size: 14px; font-family: Arial, "Microsoft Yahei"; } .bootstrap-datetimepicker-widget .picker-switch table.table-condensed a span.glyphicon { /* font-family: 'Glyphicons Halflings'; */ font-family: Arial, "Microsoft Yahei"; margin-top: -1px; } .bootstrap-datetimepicker-widget .picker-switch table.table-condensed a span.btn-close{ margin-top: 0px; margin-left: 5px; } .bootstrap-datetimepicker-widget .picker-switch table.table-condensed a span.glyphicon-calendar:before { content: none; } .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover { background: #fdf0de; color: #ee8c0c; cursor: pointer; } .bootstrap-datetimepicker-widget td.day:active, .bootstrap-datetimepicker-widget td.hour:active, .bootstrap-datetimepicker-widget td.minute:active, .bootstrap-datetimepicker-widget td.second:active { background: #ee8c0c; color: #FFF; } .bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new { color: #b2c0d1; } .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover { background-color: #ee8c0c; color: #fff; } .bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover { background: none; color: #e2e7ee; cursor: not-allowed; } .bootstrap-datetimepicker-widget td span { display: block; width: 60px; height: 60px; line-height: 60px; float: left; cursor: pointer; border-radius: 4px; } .bootstrap-datetimepicker-widget td span:hover { /*background: #fdf0de;*/ color: #ee8c0c; } .bootstrap-datetimepicker-widget td span.active { background-color: #ee8c0c; color: #fff; } .bootstrap-datetimepicker-widget .datepicker-decades td span.active { background: none; color: #ee8c0c; } .bootstrap-datetimepicker-widget td span.old { color: #b2c0d1; } .bootstrap-datetimepicker-widget td span.disabled, .bootstrap-datetimepicker-widget td span.disabled:hover { background: none; color: #e2e7ee; cursor: not-allowed; } .bootstrap-datetimepicker-widget td span.month { font-size: 18px; } .bootstrap-datetimepicker-widget th { color: #FFF; } .bootstrap-datetimepicker-widget th.switch { width: 145px; } .bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget th.prev { width: auto; height: 30px; background: url('../../images/bootstrap-datetimepicker.png') no-repeat; } .bootstrap-datetimepicker-widget th.prev { background-position: 0 -40px; } .bootstrap-datetimepicker-widget th.prev:hover { background-position: -40px -40px; } .bootstrap-datetimepicker-widget th.next { background-position: -80px -40px; } .bootstrap-datetimepicker-widget th.next:hover { background-position: -120px -40px; } .bootstrap-datetimepicker-widget th.disabled, .bootstrap-datetimepicker-widget th.disabled:hover { background: none; color: #e2e7ee; cursor: not-allowed; } .bootstrap-datetimepicker-widget thead tr th { font-size: 12px; } .bootstrap-datetimepicker-widget thead tr:first-child th { cursor: pointer; font-size: 16px; } .bootstrap-datetimepicker-widget .datepicker tbody:before { content: ""; display: block; height: 20px; } .bootstrap-datetimepicker-widget .datepicker-years tbody td, .bootstrap-datetimepicker-widget .datepicker-months tbody td, .bootstrap-datetimepicker-widget .datepicker-decades tbody td { padding: 0; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } .bootstrap-datetimepicker-widget.left-oriented:before { left: auto; right: 6px; } .bootstrap-datetimepicker-widget.left-oriented:after { left: auto; right: 7px; } .bootstrap-datetimepicker-widget .timepicker-picker table.table-condensed td a.btn { padding: 0px; } .bootstrap-datetimepicker-widget .timepicker-picker table.table-condensed td span.timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-picker table.table-condensed td span.timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-picker table.table-condensed td span.timepicker-second { background-color: #f8f8f8; border: 1px solid #dadce6; } .bootstrap-datetimepicker-widget table.table-condensed td span.decade { line-height: initial; }