

.bd-main,
.bd-next,
.bd-prev {
    background-color: #FFF;
    margin: 0
}

.bd-goto-today,
.bd-table thead tr th {
    text-align: center
}

.bd-hide {
    display: none
}

.bd-dropdown,
.bd-next,
.bd-prev {
    display: inline-block;
    float: right
}

.bd-main {
    border: 1px solid #000;
    padding: 5px;
    z-index: 9999;
    width: auto !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.bd-calendar,
.bd-title {
    /*width: 210px;*/
    padding: 0;
    margin: 0
}

    .bd-calendar table {
        border: none;
        width: 210px
    }

.bd-dropdown {
    width: 75px
}

    .bd-dropdown select {
        width: 100%;
        height: 30px;
        border: none;
        cursor: pointer
    }

.bd-empty-cell,
.bd-next,
.bd-prev,
.bd-table-days button {
    width: 30px;
    height: 30px
}

.bd-next,
.bd-prev {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 0;
    border: none
}

.bd-table thead {
    background-color: #555;
    color: #FFF
}

    .bd-table thead tr {
        height: 30px;
        cursor: context-menu
    }

.bd-table tbody tr td {
    border: none
}

.bd-table-days button {
    cursor: pointer;
    background-color: #F8F8F8;
    border: 0
}

    .bd-table-days button:hover {
        color: red;
        font-weight: 700;
        background-color: #E7E7E7
    }

.bd-today {
    background-color: #DFF0D8 !important;
    color: green
}

.bd-holiday {
    background-color: #FDE8E8 !important
}

.bd-selected-day {
    color: red;
    font-weight: 700
}

.bd-goto-today {
    width: 210px;
    height: 30px;
    color: #FFF;
    background-color: #555;
    padding-top: 5px;
    cursor: pointer
}

.bd-year {
    display: block;
    padding:0;
}

.bd-month {
    display: block;
    padding: 0;
}


