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

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

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

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

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

.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: #e2e2e2;
}

.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: #747474;
}

.bootstrap-datetimepicker-widget table th,
.bootstrap-datetimepicker-widget table td {
    color: #2c2c2c;
}

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



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

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

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

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

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

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]:hover,
.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: #107fc9;
}

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

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

.bootstrap-datetimepicker-widget table td.active:hover {
    color: #107fc9!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: #107fc9;
}

.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: #107fc9;
}

.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: #107fc9;
}

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

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

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