.bd-hide {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.5s, opacity 0.5s linear;
}
.bd-show {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.1s, opacity 0.5s linear;
}

.bd-main {
    background-color: #fff;
    border: 1px solid #69b3ff;
    padding: 20px;
    z-index: 9999;
    width: auto !important;
    margin: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size: 1.2rem;
    border-radius: 15px;
}

.bd-calendar {
    width: 310px;
    padding: 0;
    margin: 0;
}

    .bd-calendar table {
        border: none;
        width: 310px;
    }

.bd-title {
    width: 310px;
    padding: 5px;
    margin: 0;
}

.bd-dropdown {
    display: inline-block;
    float: right;
    width: 110px;
    margin:5px;
}

    .bd-dropdown select {
        width: 100%;
        border: none;
        cursor: pointer;
        font-size: 1.2rem;
    }

.bd-next, .bd-prev {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #fff;
    width: 30px;
    height: 45px;
    padding: 0;
    border: none;
    display: inline-block;
    float: right;
    font-size: 2rem;
    color: green;
    opacity: 0.5;
    transition: color 0.1s, opacity 0.3s linear;
}
.bd-next:hover, .bd-prev:hover {
    opacity: 1;
}

.bd-table thead {
    color: #187DE4;
    /*background-color: #e1f0ff;*/
}

    .bd-table thead tr {
        height: 30px;
        cursor: context-menu;
    }

        .bd-table thead tr th {
            text-align: center;
        }

.bd-table tbody tr td {
    border: none;
    margin:5px;
    padding:5px;
}

.bd-empty-cell {
    width: 30px;
    height: 30px;
}

.bd-table-days button {
    width: 30px;
    height: 30px;
    background-color: #f8f8f8;
    border: 0;
    border-radius: 5px;
}

    .bd-table-days button:hover:enabled {
        color: red;
        font-weight: bold;
        background-color: #e7e7e7;
        cursor: pointer;
    }

    .bd-table-days button:disabled {
        background-color: #eee;
    }

.bd-today {
    background-color: #dff0d8 !important;
    color: green;
    margin-bottom:5px;
}

.bd-holiday {
    background-color: #fde8e8 !important;
}

.bd-selected-day {
    color: red;
    font-weight: bold;
}
.bd-button {
    width: 150px;
    height: 30px;
    padding-top: 5px;
    cursor: pointer;
    text-align: center;
    border-radius: 20px;
    display: inline-block;
    margin: 2px;
    font-size:1.1rem;
}
.bd-empty {
    color: black;
    background-color: white;
    border: 0.2px solid #ccc;
}
.bd-empty:hover {
    color: white;
    background-color: black;
    transition: color 0.1s, background-color 0.5s linear;
}
.bd-goto-today {
    color: green;
    background-color: #dff0d8;
    transition: color 0.1s, background-color 0.5s linear;
}
.bd-goto-today:hover {
    color: #dff0d8;
    background-color: green;
}
.ltr {
    direction: ltr;
}