.datepicker .table-condensed {
    width: 100%;
}

#datepicker {
    cursor: pointer;
}

.datepicker.dropdown-menu {
    border-radius: 0;
    border: 2px solid #1d1d1d;
}

.datepicker thead {
    border: none;
    background: #0556AD;
    color: white;
}


.datepicker td, .datepicker th {
    border-radius: 0;
}

th .datapicker-switch {
    color: red;
}



.datepicker table tr td.active.active, .datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
    background: #0556AD;
    color: white;
}


.datepicker.datepicker-inline td, .datepicker.datepicker-inline th,
.datepicker.dropdown-menu td, .datepicker.dropdown-menu th {
    padding: 5px;
}



.datepicker .datepicker-switch:hover, .datepicker .next:hover,
.datepicker .prev:hover, .datepicker tfoot tr th:hover {
    background: #044A96 !important;
}

.theme-default .datepicker thead th.next, .theme-default .datepicker thead th.prev {
    background: #1d89cf;
}

.theme-default .datepicker thead tr {
    background: #2f76a4;
}

.datepicker thead tr:first-child th:hover {
    background: none;
}

.datepicker thead tr:first-child th {
    background: #2f76a4;
}

.theme-default .datepicker thead th.next, .theme-default .datepicker thead th.prev {
    background: #1d89cf;
}

.datepicker {
    direction: ltr;
    padding: 0;
    width: auto !important;
}

    .datepicker thead th {
        border-bottom: none !important;
        color: #fff;
        font-weight: 600;
        line-height: 35px !important;
        height: 35px !important;
        padding: 0 !important;
        text-align: center;
        background: #2f76a4;
    }

    .datepicker tfoot tr th, .datepicker thead tr:first-child th {
        cursor: pointer;
    }

    .datepicker tfoot tr th, .datepicker thead tr:first-child th {
        cursor: pointer;
    }

    .datepicker thead th.next, .theme-default .datepicker thead th.prev {
        background: #1d89cf;
    }

    .datepicker thead th.next, .theme-default .datepicker thead th.prev, .theme-default .datepicker > .datepicker-days thead tr:first-child th.cw + .prev, .theme-default .datepicker > .datepicker-days thead tr:last-child th.cw + th {
        border-color: #30607f;
    }

    .datepicker thead th.next, .theme-default .datepicker thead th.prev {
        background: #1d89cf;
    }

.datepicker-dropdown {
    border: 3px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    left: 0;
    margin-top: 10px;
    top: 0;
    z-index: 400;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .datepicker-dropdown.datepicker-orient-bottom {
        margin-top: -10px
    }

    .datepicker-dropdown:after {
        border-bottom: 10px solid rgba(0, 0, 0, .2);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 0;
        content: '';
        display: block;
        position: absolute
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 10.5px
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 10.5px
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        top: -13px
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        border-bottom: 0;
        border-top: 10px solid rgba(0, 0, 0, .2);
        bottom: -13px
    }

.modal .datepicker-dropdown {
    z-index: 1040
}

.datepicker {
    direction: ltr;
    padding: 0;
    width: auto !important
}

    .datepicker.datepicker-inline {
        border: 1px solid #eee;
        display: inline-block;
        position: relative
    }

    /* Removed 27 02 2019 MD as Datepicker not showing on Styleguide /*
    /* .datepicker > div {
        display: none
    }*/

    .datepicker.days div.datepicker-days,
    .datepicker.months div.datepicker-months,
    .datepicker.years div.datepicker-years {
        display: block
    }

    .datepicker div.datepicker-months td,
    .datepicker div.datepicker-years td {
        width: 210px !important
    }

    .datepicker table {
        margin: 0;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .datepicker td {
        line-height: 32px;
        padding: 0 !important;
        width: 30px
    }

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee
}

    .datepicker table tr td:last-child {
        border-right: none
    }

    .datepicker table tr td.day:hover {
        background: #f3f3f3;
        cursor: pointer;
        position: relative
    }

    .datepicker table tr td.new,
    .datepicker table tr td.old {
        color: #bbb
    }

    .datepicker table tr td.disabled,
    .datepicker table tr td.disabled:hover {
        background: 0 0;
        color: #eee;
        cursor: default
    }

    .datepicker table tr td.today,
    .datepicker table tr td.today.disabled,
    .datepicker table tr td.today.disabled:hover,
    .datepicker table tr td.today:hover {
        background: #f3f3f3;
        font-weight: 700 !important
    }

        .datepicker table tr td.today:hover:hover {
            color: #555
        }

        .datepicker table tr td.today.active:hover {
            color: #fff
        }

    .datepicker table tr td.range,
    .datepicker table tr td.range.disabled,
    .datepicker table tr td.range.disabled:hover,
    .datepicker table tr td.range:hover {
        background: #f3f3f3
    }

        .datepicker table tr td.range.today,
        .datepicker table tr td.range.today.disabled,
        .datepicker table tr td.range.today.disabled:hover,
        .datepicker table tr td.range.today:hover {
            background: #f3f3f3;
            font-weight: 700
        }

    .datepicker table tr td.active,
    .datepicker table tr td.active.disabled,
    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active:hover,
    .datepicker table tr td.selected,
    .datepicker table tr td.selected.disabled,
    .datepicker table tr td.selected.disabled:hover,
    .datepicker table tr td.selected:hover {
        color: #fff !important;
        background-color: #1d89cf !important;
    }

    .datepicker table tr td span {
        border-radius: 2px;
        cursor: pointer;
        display: block;
        float: left;
        line-height: 54px;
        margin: 1%;
        width: 23%
    }

        .datepicker table tr td span:hover {
            background: #eee
        }

        .datepicker table tr td span.disabled,
        .datepicker table tr td span.disabled:hover {
            background: 0 0;
            color: #eee;
            cursor: default
        }

        .datepicker table tr td span.active,
        .datepicker table tr td span.active.disabled,
        .datepicker table tr td span.active.disabled:hover,
        .datepicker table tr td span.active:hover {
            color: #fff !important;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
        }

        .datepicker table tr td span.new,
        .datepicker table tr td span.old {
            color: #eee
        }

.datepicker tfoot tr th,
.datepicker thead tr:first-child th {
    cursor: pointer
}

.datepicker td,
.datepicker th,
.datepicker tr {
    border-top: none !important;
    text-align: center !important
}

.datepicker tfoot th,
.datepicker thead th {
    font-weight: 600;
    padding: 0 !important
}

.datepicker thead th {
    border-bottom: none !important;
    color: #fff;
    font-weight: 600;
    line-height: 35px !important;
    height: 35px !important;
    padding: 0 !important;
    text-align: center
}

.datepicker thead tr:first-child {
    border-bottom: 1px solid !important
}



.datepicker thead tr:last-child {
    border-bottom: none !important
}

.datepicker thead th.next,
.datepicker thead th.prev {
    color: rgba(0, 0, 0, 0);
    display: block;
    font-size: 0;
    line-height: 0;
    position: absolute;
    width: 36px !important
}

    .datepicker thead th.next:after,
    .datepicker thead th.prev:after {
        bottom: 0;
        color: #fff;
        display: block;
        font-family: FontAwesome;
        font-size: 14px;
        font-weight: 400;
        left: 0;
        line-height: 35px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 36px
    }

.datepicker thead th.prev {
    left: 0;
    border-right: 1px solid
}

    .datepicker thead th.prev:after {
        content: "\f053"
    }

.datepicker thead th.next {
    border-left: 1px solid;
    right: 0
}

    .datepicker thead th.next:after {
        content: "\f054"
    }

.datepicker tfoot th:hover {
    background: #eee
}

.datepicker tbody td,
.datepicker tfoot th {
    line-height: 32px !important
}

.datepicker > .datepicker-days tbody .cw {
    background: #f8f8f8 !important;
    color: #aaa;
    font-size: 8px;
    font-weight: 600
}

.datepicker > .datepicker-days thead tr:first-child th.cw {
    background-color: transparent;
    cursor: default
}

    .datepicker > .datepicker-days thead tr:first-child th.cw + .prev {
        left: 30px;
        border-left: 1px solid
    }

.datepicker > .datepicker-days thead tr:last-child th.cw + th {
    border-left: 1px solid
}

.input-daterange input {
    text-align: center
}

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

.bootstrap-timepicker {
    position: relative
}

    .bootstrap-timepicker .input-group-addon {
        cursor: pointer
    }

.bootstrap-timepicker-widget .modal-footer {
    margin-top: 0 !important
}

.bootstrap-timepicker-widget.dropdown-menu {
    left: 0;
    border: 3px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    z-index: 400;
    margin: 10px 0 0;
    width: 200px;
    padding: 10px;
    right: auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .bootstrap-timepicker-widget.dropdown-menu.timepicker-orient-bottom {
        margin-top: 0
    }

    .bootstrap-timepicker-widget.dropdown-menu.open {
        display: block
    }

    .bootstrap-timepicker-widget.dropdown-menu:after {
        border-bottom: 10px solid rgba(0, 0, 0, .2);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 0;
        content: '';
        display: block;
        position: absolute
    }

    .bootstrap-timepicker-widget.dropdown-menu.timepicker-orient-left:after {
        left: 10.5px
    }

    .bootstrap-timepicker-widget.dropdown-menu.timepicker-orient-right:after {
        right: 10.5px
    }

    .bootstrap-timepicker-widget.dropdown-menu.timepicker-orient-top:after {
        top: -13px
    }

    .bootstrap-timepicker-widget.dropdown-menu.timepicker-orient-bottom:after {
        border-bottom: 0;
        border-top: 10px solid rgba(0, 0, 0, .2);
        bottom: -13px
    }

.bootstrap-timepicker-widget span.bootstrap-timepicker-hour,
.bootstrap-timepicker-widget span.bootstrap-timepicker-meridian,
.bootstrap-timepicker-widget span.bootstrap-timepicker-minute,
.bootstrap-timepicker-widget span.bootstrap-timepicker-second {
    line-height: 32px;
    font-weight: 600
}

.bootstrap-timepicker-widget .timepicker-increment {
    margin-bottom: 5px
}

.bootstrap-timepicker-widget .timepicker-decrement {
    margin-top: 5px
}

.bootstrap-timepicker-widget table {
    width: 100%;
    margin: 0;
    padding: 0
}

    .bootstrap-timepicker-widget table td {
        text-align: center;
        height: auto;
        margin: 0;
        padding: 0;
        min-width: 20px
    }

        .bootstrap-timepicker-widget table td.separator {
            width: 10px;
            text-align: center
        }

        .bootstrap-timepicker-widget table td a,
        .bootstrap-timepicker-widget table td input {
            border-radius: 2px !important
        }

        .bootstrap-timepicker-widget table td a {
            width: 100%;
            display: inline-block;
            margin: 0;
            padding: 0;
            border: 1px solid #eee;
            color: #666;
            text-decoration: none;
            line-height: 32px;
            text-align: center
        }

            .bootstrap-timepicker-widget table td a:hover {
                color: #fff
            }

            .bootstrap-timepicker-widget table td a .fa {
                margin: 0 !important;
                padding: 0 !important
            }

        .bootstrap-timepicker-widget table td input {
            position: relative;
            margin: 0;
            padding-left: 0;
            padding-right: 0;
            text-align: center
        }

.modal .bootstrap-timepicker-widget.dropdown-menu {
    z-index: 1040
}

.datepaginator {
    font-size: 12px
}

.datepicker tfoot tr th:hover {
    background: #044a96 !important;
    color: #fff;
}