.bootstrap-datetimepicker-widget.dropdown-menu {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-bottom-color: #f1f1f1;
    border-left-color: transparent;
    border-right-color: transparent;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-bottom-color: #f1f1f1;
    border-left-color: transparent;
    border-right-color: transparent;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-top-color: #f1f1f1;
    border-left-color: transparent;
    border-right-color: transparent;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-top-color: #f1f1f1;
    border-left-color: transparent;
    border-right-color: transparent;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.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,
.bootstrap-datetimepicker-widget table td span:hover,
.bootstrap-datetimepicker-widget table td:hover {
    background: #fd9a00;
    color: #fff;
}

.bootstrap-datetimepicker-widget table td.cw,
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new,
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover,
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover,
.bootstrap-datetimepicker-widget table td span.old,
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    color: #989898;
}

.bootstrap-datetimepicker-widget table th {
    color: #777;
}

.bootstrap-datetimepicker-widget table td {
    color: #fd9a00;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-top-color: #f1f1f1;
}



.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #fd9a00;
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"] {
    color: #454545;
    background-color: transparent;
    border-color: transparent;
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]:hover {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    color: #454545;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td span.active {
    color: #fff;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"],
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"],
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"],
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"],
.bootstrap-datetimepicker-widget .picker-switch,
.bootstrap-datetimepicker-widget table th.prev,
.bootstrap-datetimepicker-widget table th.next,
.bootstrap-datetimepicker-widget .picker-switch td span {
    color: #454545;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #fd9a00;
}

.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #fd9a00!important;
}

.bootstrap-datetimepicker-widget table td.active:hover {
    color: #fff!important;
}



.inverted-colors .bootstrap-datetimepicker-widget.dropdown-menu {
    background-color: #242424;
    border-color: rgba(0, 0, 0, 0.2);
}

.inverted-colors .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    /* border-bottom-color: #242424; */
    border-bottom-color: rgba(0, 0, 0, 0.2);
}

.inverted-colors .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-bottom-color: #242424;
}

.inverted-colors .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    /* border-top-color: #242424; */
    border-top-color: rgba(0, 0, 0, 0.2);
}

.inverted-colors .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-top-color: #242424;
}

.inverted-colors .bootstrap-datetimepicker-widget table th,
.inverted-colors .bootstrap-datetimepicker-widget table td {
    color: #fff;
}

.inverted-colors .bootstrap-datetimepicker-widget table td.today:before {
    border-top-color: rgba(0, 0, 0, 0.2);
}

.inverted-colors .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.inverted-colors .bootstrap-datetimepicker-widget table td.day:hover,
.inverted-colors .bootstrap-datetimepicker-widget table td.hour:hover,
.inverted-colors .bootstrap-datetimepicker-widget table td.minute:hover,
.inverted-colors .bootstrap-datetimepicker-widget table td.second:hover,
.inverted-colors .bootstrap-datetimepicker-widget table td span:hover,
.inverted-colors .bootstrap-datetimepicker-widget table td:hover {
    background: #404040;
}

.inverted-colors .bootstrap-datetimepicker-widget table td.cw,
.inverted-colors .bootstrap-datetimepicker-widget table td.old,
.inverted-colors .bootstrap-datetimepicker-widget table td.new,
.inverted-colors .bootstrap-datetimepicker-widget table th.disabled,
.inverted-colors .bootstrap-datetimepicker-widget table th.disabled:hover,
.inverted-colors .bootstrap-datetimepicker-widget table td.disabled,
.inverted-colors .bootstrap-datetimepicker-widget table td.disabled:hover,
.inverted-colors .bootstrap-datetimepicker-widget table td span.old,
.inverted-colors .bootstrap-datetimepicker-widget table td span.disabled,
.inverted-colors .bootstrap-datetimepicker-widget table td span.disabled:hover {
    color: #b1b1b1;
}



.inverted-colors .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"],
.inverted-colors .bootstrap-datetimepicker-widget table td.active,
.inverted-colors .bootstrap-datetimepicker-widget table td span.active {
    background-color: #fd9a00;
}

.inverted-colors .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"],
.inverted-colors .bootstrap-datetimepicker-widget table td.active,
.inverted-colors .bootstrap-datetimepicker-widget table td span.active {
    color: #131313;
}

.inverted-colors .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"] {
    border-color: #fd9a00;
}

.inverted-colors .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]:hover {
    background-color: #131313;
}

.inverted-colors .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]:hover {
    border-color: #131313;
}

.inverted-colors .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]:hover,
.inverted-colors .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"],
.inverted-colors .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"],
.inverted-colors .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"],
.inverted-colors .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"],
.inverted-colors .bootstrap-datetimepicker-widget .picker-switch,
.inverted-colors .bootstrap-datetimepicker-widget table th.prev,
.inverted-colors .bootstrap-datetimepicker-widget table th.next,
.inverted-colors .bootstrap-datetimepicker-widget .picker-switch td span {
    color: #fd9a00;
}

.inverted-colors .bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #fd9a00;
}

.inverted-colors .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #131313!important;
}

.inverted-colors .bootstrap-datetimepicker-widget table td.active:hover {
    color: #fd9a00!important;
}