432 lines
30 KiB
CSS
432 lines
30 KiB
CSS
|
|
/*!
|
||
|
|
* Datetimepicker for Bootstrap 3
|
||
|
|
* version : 4.17.37
|
||
|
|
* https://github.com/Eonasdan/bootstrap-datetimepicker/
|
||
|
|
*/
|
||
|
|
.bootstrap-datetimepicker-widget {
|
||
|
|
list-style: none
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget.dropdown-menu {
|
||
|
|
margin: 2px 0;
|
||
|
|
padding: 4px;
|
||
|
|
width: 19em
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width: 768px) {
|
||
|
|
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
|
||
|
|
width:38em
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width: 992px) {
|
||
|
|
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
|
||
|
|
width:38em
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width: 1200px) {
|
||
|
|
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
|
||
|
|
width:38em
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after {
|
||
|
|
content: '';
|
||
|
|
display: inline-block;
|
||
|
|
position: absolute
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
|
||
|
|
border-left: 7px solid transparent;
|
||
|
|
border-right: 7px solid transparent;
|
||
|
|
border-bottom: 7px solid #ccc;
|
||
|
|
border-bottom-color: rgba(0,0,0,0.2);
|
||
|
|
top: -7px;
|
||
|
|
left: 7px
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
|
||
|
|
border-left: 6px solid transparent;
|
||
|
|
border-right: 6px solid transparent;
|
||
|
|
border-bottom: 6px solid white;
|
||
|
|
top: -6px;
|
||
|
|
left: 8px
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
|
||
|
|
border-left: 7px solid transparent;
|
||
|
|
border-right: 7px solid transparent;
|
||
|
|
border-top: 7px solid #ccc;
|
||
|
|
border-top-color: rgba(0,0,0,0.2);
|
||
|
|
bottom: -7px;
|
||
|
|
left: 6px
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
|
||
|
|
border-left: 6px solid transparent;
|
||
|
|
border-right: 6px solid transparent;
|
||
|
|
border-top: 6px solid white;
|
||
|
|
bottom: -6px;
|
||
|
|
left: 7px
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
|
||
|
|
left: auto;
|
||
|
|
right: 6px
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
|
||
|
|
left: auto;
|
||
|
|
right: 7px
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget .list-unstyled {
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget a[data-action] {
|
||
|
|
padding: 6px 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget a[data-action]:active {
|
||
|
|
box-shadow: none
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second {
|
||
|
|
width: 54px;
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 1.2em;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget button[data-action] {
|
||
|
|
padding: 6px
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
|
||
|
|
position: absolute;
|
||
|
|
width: 1px;
|
||
|
|
height: 1px;
|
||
|
|
margin: -1px;
|
||
|
|
padding: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
clip: rect(0, 0, 0, 0);
|
||
|
|
border: 0;
|
||
|
|
content: "Increment Hours"
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
|
||
|
|
position: absolute;
|
||
|
|
width: 1px;
|
||
|
|
height: 1px;
|
||
|
|
margin: -1px;
|
||
|
|
padding: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
clip: rect(0, 0, 0, 0);
|
||
|
|
border: 0;
|
||
|
|
content: "Increment Minutes"
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
|
||
|
|
position: absolute;
|
||
|
|
width: 1px;
|
||
|
|
height: 1px;
|
||
|
|
margin: -1px;
|
||
|
|
padding: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
clip: rect(0, 0, 0, 0);
|
||
|
|
border: 0;
|
||
|
|
content: "Decrement Hours"
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
|
||
|
|
position: absolute;
|
||
|
|
width: 1px;
|
||
|
|
height: 1px;
|
||
|
|
margin: -1px;
|
||
|
|
padding: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
clip: rect(0, 0, 0, 0);
|
||
|
|
border: 0;
|
||
|
|
content: "Decrement Minutes"
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
|
||
|
|
position: absolute;
|
||
|
|
width: 1px;
|
||
|
|
height: 1px;
|
||
|
|
margin: -1px;
|
||
|
|
padding: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
clip: rect(0, 0, 0, 0);
|
||
|
|
border: 0;
|
||
|
|
content: "Show Hours"
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
|
||
|
|
position: absolute;
|
||
|
|
width: 1px;
|
||
|
|
height: 1px;
|
||
|
|
margin: -1px;
|
||
|
|
padding: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
clip: rect(0, 0, 0, 0);
|
||
|
|
border: 0;
|
||
|
|
content: "Show Minutes"
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
|
||
|
|
position: absolute;
|
||
|
|
width: 1px;
|
||
|
|
height: 1px;
|
||
|
|
margin: -1px;
|
||
|
|
padding: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
clip: rect(0, 0, 0, 0);
|
||
|
|
border: 0;
|
||
|
|
content: "Toggle AM/PM"
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
|
||
|
|
position: absolute;
|
||
|
|
width: 1px;
|
||
|
|
height: 1px;
|
||
|
|
margin: -1px;
|
||
|
|
padding: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
clip: rect(0, 0, 0, 0);
|
||
|
|
border: 0;
|
||
|
|
content: "Clear the picker"
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
|
||
|
|
position: absolute;
|
||
|
|
width: 1px;
|
||
|
|
height: 1px;
|
||
|
|
margin: -1px;
|
||
|
|
padding: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
clip: rect(0, 0, 0, 0);
|
||
|
|
border: 0;
|
||
|
|
content: "Set the date to today"
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget .picker-switch {
|
||
|
|
text-align: center
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget .picker-switch::after {
|
||
|
|
position: absolute;
|
||
|
|
width: 1px;
|
||
|
|
height: 1px;
|
||
|
|
margin: -1px;
|
||
|
|
padding: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
clip: rect(0, 0, 0, 0);
|
||
|
|
border: 0;
|
||
|
|
content: "Toggle Date and Time Screens"
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget .picker-switch td {
|
||
|
|
padding: 0;
|
||
|
|
margin: 0;
|
||
|
|
height: auto;
|
||
|
|
width: auto;
|
||
|
|
line-height: inherit
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget .picker-switch td span {
|
||
|
|
line-height: 2.5;
|
||
|
|
height: 2.5em;
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table {
|
||
|
|
width: 100%;
|
||
|
|
margin: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th {
|
||
|
|
text-align: center;
|
||
|
|
border-radius: 4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table th {
|
||
|
|
height: 20px;
|
||
|
|
line-height: 20px;
|
||
|
|
width: 20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table th.picker-switch {
|
||
|
|
width: 145px
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover {
|
||
|
|
background: none;
|
||
|
|
color: #777;
|
||
|
|
cursor: not-allowed
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table th.prev::after {
|
||
|
|
position: absolute;
|
||
|
|
width: 1px;
|
||
|
|
height: 1px;
|
||
|
|
margin: -1px;
|
||
|
|
padding: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
clip: rect(0, 0, 0, 0);
|
||
|
|
border: 0;
|
||
|
|
content: "Previous Month"
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table th.next::after {
|
||
|
|
position: absolute;
|
||
|
|
width: 1px;
|
||
|
|
height: 1px;
|
||
|
|
margin: -1px;
|
||
|
|
padding: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
clip: rect(0, 0, 0, 0);
|
||
|
|
border: 0;
|
||
|
|
content: "Next Month"
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table thead tr:first-child th {
|
||
|
|
cursor: pointer
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
|
||
|
|
background: #eee
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table td {
|
||
|
|
height: 54px;
|
||
|
|
line-height: 54px;
|
||
|
|
width: 54px
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table td.cw {
|
||
|
|
font-size: .8em;
|
||
|
|
height: 20px;
|
||
|
|
line-height: 20px;
|
||
|
|
color: #777
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table td.day {
|
||
|
|
height: 20px;
|
||
|
|
line-height: 20px;
|
||
|
|
width: 20px
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover {
|
||
|
|
background: #eee;
|
||
|
|
cursor: pointer
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new {
|
||
|
|
color: #777
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table td.today {
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table td.today:before {
|
||
|
|
content: '';
|
||
|
|
display: inline-block;
|
||
|
|
border: solid transparent;
|
||
|
|
border-width: 0 0 7px 7px;
|
||
|
|
border-bottom-color: #337ab7;
|
||
|
|
border-top-color: rgba(0,0,0,0.2);
|
||
|
|
position: absolute;
|
||
|
|
bottom: 4px;
|
||
|
|
right: 4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover {
|
||
|
|
background-color: #337ab7;
|
||
|
|
color: #fff;
|
||
|
|
text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table td.active.today:before {
|
||
|
|
border-bottom-color: #fff
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover {
|
||
|
|
background: none;
|
||
|
|
color: #777;
|
||
|
|
cursor: not-allowed
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table td span {
|
||
|
|
display: inline-block;
|
||
|
|
width: 54px;
|
||
|
|
height: 54px;
|
||
|
|
line-height: 54px;
|
||
|
|
margin: 2px 1.5px;
|
||
|
|
cursor: pointer;
|
||
|
|
border-radius: 4px
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table td span:hover {
|
||
|
|
background: #eee
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table td span.active {
|
||
|
|
background-color: #337ab7;
|
||
|
|
color: #fff;
|
||
|
|
text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table td span.old {
|
||
|
|
color: #777
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover {
|
||
|
|
background: none;
|
||
|
|
color: #777;
|
||
|
|
cursor: not-allowed
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
|
||
|
|
height: 27px;
|
||
|
|
line-height: 27px
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget.wider {
|
||
|
|
width: 21em
|
||
|
|
}
|
||
|
|
|
||
|
|
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
|
||
|
|
line-height: 1.8em !important
|
||
|
|
}
|
||
|
|
|
||
|
|
.input-group.date .input-group-addon {
|
||
|
|
cursor: pointer
|
||
|
|
}
|
||
|
|
|
||
|
|
.sr-only {
|
||
|
|
position: absolute;
|
||
|
|
width: 1px;
|
||
|
|
height: 1px;
|
||
|
|
margin: -1px;
|
||
|
|
padding: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
clip: rect(0, 0, 0, 0);
|
||
|
|
border: 0
|
||
|
|
}
|
||
|
|
|
||
|
|
/*!
|
||
|
|
* Datepicker for Bootstrap v1.6.1 (https://github.com/eternicode/bootstrap-datepicker)
|
||
|
|
*
|
||
|
|
* Copyright 2012 Stefan Petre
|
||
|
|
* Improvements by Andrew Rowls
|
||
|
|
* Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
|
||
|
|
*/
|
||
|
|
.datepicker{border-radius:4px;direction:ltr;}.datepicker-inline{width:220px;}.datepicker.datepicker-rtl{direction:rtl;}.datepicker.datepicker-rtl table tr td span{float:right;}.datepicker-dropdown{top:0;left:0;padding:4px;}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(0,0,0,0.15);border-top:0;border-bottom-color:rgba(0,0,0,0.2);position:absolute;}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;border-top:0;position:absolute;}.datepicker-dropdown.datepicker-orient-left:before{left:6px;}.datepicker-dropdown.datepicker-orient-left:after{left:7px;}.datepicker-dropdown.datepicker-orient-right:before{right:6px;}.datepicker-dropdown.datepicker-orient-right:after{right:7px;}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px;}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px;}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid rgba(0,0,0,0.15);}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #ffffff;}.datepicker > div{display:none;}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.datepicker table tr td,.datepicker table tr th{text-align:center;width:30px;height:30px;border-radius:2px;border:none;}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent;}.datepicker table tr td.old,.datepicker table tr td.new{color:#777777;}.datepicker table tr td.day:hover,.datepicker table tr td.focused{background:#eeeeee;cursor:pointer;}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:none;color:#777777;cursor:default;}.datepicker table tr td.highlighted{color:#000000;background-color:#d9edf7;border-color:#85c5e5;border-radius:0;}.datepicker table tr td.highlighted:focus,.datepicker table tr td.highlighted.focus{color:#000000;background-color:#afd9ee;border-color:#298fc2;}.datepicker table tr td.highlighted:hover{color:#000000;background-color:#afd9ee;border-color:#52addb;}.datepicker table tr td.highlighted:active,.datepicker table tr td.highlighted.active{color:#000000;background-color:#afd9ee;border-color:#52addb;}.datepicker table tr td.highlighted:active:hover,.datepicker table tr td.highlighted.active:hover,.datepicker table tr td.highlighted:active:focus,.datepicker table tr td.highlighted.active:focus,.datepicker table tr td.highlighted:active.focus,.datepicker table tr td.highlighted.active.focus{color:#000000;background-color:#91cbe8;border-color:#298fc2;}.datepicker table tr td.highlighted.disabled:hover,.datepicker table tr td.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.highlighted:hover,.datepicker table tr td.highlighted.disabled:focus,.datepicker table tr td.highlighted[disabled]:focus,fieldset[disabled] .datepicker table tr td.highlighted:focus,.datepicker table tr td.highlighted.disabled.focus,.datepicker table tr td.highlighted[disabled].focus,fieldset[disabled] .datepicker table tr td.highlighted.focus{background-color:#d9edf7;border-color:#85c5e5;}.datepicker table tr td.highlighted.focused{background:#afd9ee;}.datepicker table tr td.highlighted.disabled,.datepicker table tr td.highlighted.disabled:active{background:#d9edf7;color:#777777;}.datepicker table tr td.today{color:#000000;background-color:#ffdb99;border-color:#ffb733;}.datepicker table tr td.today:focus,.datepicker table tr td.today.focus{color:#000000;background-color:#ffc966;border-color:#b37400;}.datepicker table tr td.today:hover{color:#000000;background-color:#ffc966;border-color:#f59e00;}.datepicker table tr td.today:active,.datepicker table tr td.today.active{color:#000000;background-color:#ffc966;border-color:#f59e00;}.datepicker table tr td.today:active:hover,.datepicker table tr td.today.active
|
||
|
|
.timepicker-picker .table-condensed td{
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
/*# sourceMappingURL=bootstrap-datepicker3.min.css.map */
|