.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px;
    background-color: #2C6E8E;
    border-radius: 10px;
}

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

    .datepicker table tr td,
    .datepicker table tr th {
        text-align: center;
        width: 30px;
        height: 30px;
        border-radius: 4px;
        border: none;
        color: #FFFFFF;
    }

        .datepicker table tr td.day:hover,
        .datepicker table tr td.focused {
            background: #555555;
            cursor: pointer;
        }

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

        .datepicker table tr td.today {
            color: #000000;
            background-color: #FFA953;
            border-color: #FFB76F;
        }

            .datepicker table tr td.today:hover {
                color: #FFFFFF;
                background-color: #884400;
                border-color: #f59e00;
            }

        .datepicker table tr td.active:active,
        .datepicker table tr td.active.highlighted:active,
        .datepicker table tr td.active.active,
        .datepicker table tr td.active.highlighted.active,
        .open > .dropdown-toggle.datepicker table tr td.active,
        .open > .dropdown-toggle.datepicker table tr td.active.highlighted {
            color: #ffffff;
            background-color: #419841;
            border-color: #285e8e;
        }


            .datepicker table tr td.active:active:hover,
            .datepicker table tr td.active.highlighted:active:hover,
            .datepicker table tr td.active.active:hover,
            .datepicker table tr td.active.highlighted.active:hover,
            .open > .dropdown-toggle.datepicker table tr td.active:hover,
            .open > .dropdown-toggle.datepicker table tr td.active.highlighted:hover,
            .datepicker table tr td.active:active:focus,
            .datepicker table tr td.active.highlighted:active:focus,
            .datepicker table tr td.active.active:focus,
            .datepicker table tr td.active.highlighted.active:focus,
            .open > .dropdown-toggle.datepicker table tr td.active:focus,
            .open > .dropdown-toggle.datepicker table tr td.active.highlighted:focus,
            .datepicker table tr td.active:active.focus,
            .datepicker table tr td.active.highlighted:active.focus,
            .datepicker table tr td.active.active.focus,
            .datepicker table tr td.active.highlighted.active.focus,
            .open > .dropdown-toggle.datepicker table tr td.active.focus,
            .open > .dropdown-toggle.datepicker table tr td.active.highlighted.focus {
                color: #ffffff;
                background-color: #285e8e;
                border-color: #193c5a;
            }

            .datepicker table tr td.active:active,
            .datepicker table tr td.active.highlighted:active,
            .datepicker table tr td.active.active,
            .datepicker table tr td.active.highlighted.active,
            .open > .dropdown-toggle.datepicker table tr td.active,
            .open > .dropdown-toggle.datepicker table tr td.active.highlighted {
                color: #ffffff;
                background-color: #3071a9;
                border-color: #285e8e;
            }

                .datepicker table tr td.active:active:hover,
                .datepicker table tr td.active.highlighted:active:hover,
                .datepicker table tr td.active.active:hover,
                .datepicker table tr td.active.highlighted.active:hover,
                .open > .dropdown-toggle.datepicker table tr td.active:hover,
                .open > .dropdown-toggle.datepicker table tr td.active.highlighted:hover,
                .datepicker table tr td.active:active:focus,
                .datepicker table tr td.active.highlighted:active:focus,
                .datepicker table tr td.active.active:focus,
                .datepicker table tr td.active.highlighted.active:focus,
                .open > .dropdown-toggle.datepicker table tr td.active:focus,
                .open > .dropdown-toggle.datepicker table tr td.active.highlighted:focus,
                .datepicker table tr td.active:active.focus,
                .datepicker table tr td.active.highlighted:active.focus,
                .datepicker table tr td.active.active.focus,
                .datepicker table tr td.active.highlighted.active.focus,
                .open > .dropdown-toggle.datepicker table tr td.active.focus,
                .open > .dropdown-toggle.datepicker table tr td.active.highlighted.focus {
                    color: #ffffff;
                    background-color: #285e8e;
                    border-color: #193c5a;
                }

.datepicker .datepicker-switch {
    width: 145px;
}

    .datepicker .datepicker-switch:hover,
    .datepicker .prev:hover,
    .datepicker .next:hover,
    .datepicker tfoot tr th:hover {
        background: #50A2C9;
    }