Edit File - File Manager

Edit File: bootstrap-datetimepicker-build.css

/*========================================================
        DARK LAYOUT
=========================================================*/
.sr-only, .bootstrap-datetimepicker-widget .btn[data-action='incrementHours']::after, .bootstrap-datetimepicker-widget .btn[data-action='incrementMinutes']::after, .bootstrap-datetimepicker-widget .btn[data-action='decrementHours']::after, .bootstrap-datetimepicker-widget .btn[data-action='decrementMinutes']::after, .bootstrap-datetimepicker-widget .btn[data-action='showHours']::after, .bootstrap-datetimepicker-widget .btn[data-action='showMinutes']::after, .bootstrap-datetimepicker-widget .btn[data-action='togglePeriod']::after, .bootstrap-datetimepicker-widget .btn[data-action='clear']::after, .bootstrap-datetimepicker-widget .btn[data-action='today']::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .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;
}

/*!
 * Datetimepicker for Bootstrap 3
 * ! version : 4.7.14
 * 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 (max-width: 767.98px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width : 38em;
  }
}
@media (max-width: 991.98px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width : 38em;
  }
}
@media (max-width: 1199.98px) {
  .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 #CCCCCC;
  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 #CCCCCC;
  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.float-right:before {
  left : auto;
  right : 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.float-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 {
  content : 'Increment Hours';
}
.bootstrap-datetimepicker-widget .btn[data-action='incrementMinutes']::after {
  content : 'Increment Minutes';
}
.bootstrap-datetimepicker-widget .btn[data-action='decrementHours']::after {
  content : 'Decrement Hours';
}
.bootstrap-datetimepicker-widget .btn[data-action='decrementMinutes']::after {
  content : 'Decrement Minutes';
}
.bootstrap-datetimepicker-widget .btn[data-action='showHours']::after {
  content : 'Show Hours';
}
.bootstrap-datetimepicker-widget .btn[data-action='showMinutes']::after {
  content : 'Show Minutes';
}
.bootstrap-datetimepicker-widget .btn[data-action='togglePeriod']::after {
  content : 'Toggle AM/PM';
}
.bootstrap-datetimepicker-widget .btn[data-action='clear']::after {
  content : 'Clear the picker';
}
.bootstrap-datetimepicker-widget .btn[data-action='today']::after {
  content : 'Set the date to today';
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align : center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  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 : 0.5rem;
}
.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 : #1E1E1E;
  cursor : not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  content : 'Previous Month';
}
.bootstrap-datetimepicker-widget table th.next::after {
  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 : #EDEDED;
}
.bootstrap-datetimepicker-widget table td {
  height : 54px;
  line-height : 54px;
  width : 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size : 0.8em;
  height : 20px;
  line-height : 20px;
  color : #1E1E1E;
}
.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 : #EDEDED;
  cursor : pointer;
}
.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
  color : #1E1E1E;
}
.bootstrap-datetimepicker-widget table td.today {
  position : relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content : '';
  display : inline-block;
  border : 0 0 7px 7px solid transparent;
  border-bottom-color : #7367F0;
  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 : #7367F0;
  color : #FFFFFF;
  text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color : #FFFFFF;
}
.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
  background : none;
  color : #1E1E1E;
  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 : 0.5rem;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background : #EDEDED;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color : #7367F0;
  color : #FFFFFF;
  text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color : #1E1E1E;
}
.bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
  background : none;
  color : #1E1E1E;
  cursor : not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height : 27px;
  line-height : 27px;
}

.input-group.date .input-group-addon {
  cursor : pointer;
}

Back to File Manager