.bootstrap-datetimepicker-widget {
    font-family: akzidenz-grotesk, sans-serif;
}

.bootstrap-datetimepicker-widget table thead th {
    border: 0px !important;
}

    .bootstrap-datetimepicker-widget table thead th.picker-switch {
        text-transform: uppercase;
        color: #005792;
        border-radius: 5px !important;
        transition: all .2s ease-in-out;
    }

    .bootstrap-datetimepicker-widget table thead th.prev {
        color: #838383;
        border-radius: 5px !important;
        transition: all .2s ease-in-out;
    }

    .bootstrap-datetimepicker-widget table thead th.next {
        color: #838383;
        border-radius: 5px !important;
        transition: all .2s ease-in-out;
    }

.picker-switch.accordion-toggle {
    border-radius: 5px !important;
    transition: all .2s ease-in-out;
}

.bootstrap-datetimepicker-widget table thead th {
    border-bottom-width: 1px !important;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
    background-color: #005792 !important;
    color: #fff !important;
    text-shadow: none !important;
    font-weight: 700;
}


.bootstrap-datetimepicker-widget table td.day:not(.disabled):hover,
.bootstrap-datetimepicker-widget table td.day:not(.active):hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}

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

.bootstrap-datetimepicker-widget table td.day.disabled:hover {
    background-color: transparent !important;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: rgba(0, 0, 0, 0.1) !important;
}

.bootstrap-datetimepicker-widget table td.today.active:before {
    content: '';
    display: inline-block;
    border-color: #fff !important;
    border-width: 0 0 5px 5px;
    position: absolute;
    bottom: 2px !important;
    right: 0 !important;
    left: 0 !important;
    height: 3px !important;
    width: 3px !important;
    margin: 0 auto !important;
    border-radius: 100%;
    transition: all .2s ease-in-out;
}



.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border-color: #005792 !important;
    border-width: 0 0 7px 7px;
    position: absolute;
    bottom: 2px !important;
    right: 0 !important;
    left: 0 !important;
    height: 5px !important;
    width: 5px !important;
    margin: 0 auto !important;
    border-radius: 100%;
}

.bootstrap-datetimepicker-widget table td {
    border: 0px !important;
    padding: 10px 5px 10px 5px;
    border-radius: 20px !important;
    transition: all .2s ease-in-out;
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    min-width: 40px !important;
    max-height: 40px !important;
    max-width: 40px !important;
    color: #005792;
}

.bootstrap-datetimepicker-widget table {
    border-radius: 5px !important;
}

    .bootstrap-datetimepicker-widget table th.dow {
        width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        min-width: 40px !important;
        max-height: 40px !important;
        max-width: 40px !important;
        color: #838383;
        border: 0px !important;
        margin-bottom: 5px !important;
    }


.bootstrap-datetimepicker-widget.dropdown-menu {
    border-radius: 5px !important;
    width: 300px !important;
    min-width: 14rem;
    z-index: 1000 !important;
    padding: 10px !important;
}

.timepicker-picker .btn span {
    background-color: rgba(0, 0, 0, 0.1);
    color: #333;
    border-radius: 100%;
}

.timepicker-sbs.bootstrap-datetimepicker-widget.dropdown-menu {
    width: 38em !important;
}

.timepicker-sbs .row {
    padding: 0px !important;
}

.timepicker-sbs .timepicker-picker {
    margin-top: 25px;
}

.timepicker-sbs .timepicker {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.bootstrap-datetimepicker-widget table {
    border: 0px !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after,
.bootstrap-datetimepicker-widget.dropdown-menu.top:before,
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    display: none !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    border-color: #fff;
    box-shadow: -1px 20px 40px rgba(0,0,0,.175) !important;
    -webkit-box-shadow: -1px 20px 40px rgba(0,0,0,.175) !important;
    border-radius: 10px;
}

@media (max-width:767px) {

    .bootstrap-datetimepicker-widget {
        position: absolute !important;
    }
}