.calendarview {
    overflow: hidden !important;
}

.calendarview-table {
    background-color: white;
    table-layout: fixed !important;
}

.calendarview-topbar > td {
    padding: 0px !important;
}

    .calendarview-topbar > td > div > ul > li > input {
        display: inline-block !important;
    }

    .calendarview-topbar > td > div > ul > li > select {
        display: inline-block !important;
    }

    .calendarview-topbar > td > div > ul > li > span {
        color: #2c5976 !important;
        padding-right: 5px !important;
        padding-left: 5px !important;
    }


.calendarview-header {
    background-image: none !important;
    background-color: #428bca !important;
    color: white !important;
}

    .calendarview-header > th {
        vertical-align: middle !important;
        text-align: center !important;
        font-weight: normal !important;
    }

    .calendarview-header > td {
        vertical-align: middle !important;
        text-align: center !important;
    }

.calendarview-settings > th {
    padding: 0px !important;
    border-bottom-width: 0px !important;
    text-align: right !important;
    padding-right: 8px !important;
}

.calendarview-settings > td {
    padding: 0px !important;
    border-bottom-width: 0px !important;
}

    .calendarview-settings > td > input {
        height: 22px !important;
        font-size: 11px !important;
        border: 0px solid #cccccc !important;
    }

    .calendarview-settings > td > select {
        height: 22px !important;
        font-size: 11px !important;
        border: 0px solid #cccccc !important;
    }

.table-hover > tbody > tr:hover {
    background-color: rgba(162, 197, 221, 0.5) !important;
}

.calendar-cell:hover {
    background-color: #f1f5f9 !important;
    color: #000000 !important;
}

.calendar-cell {
    height: 110px;
    background-color: #ffffff;
}