/* CSS for mobile */
@media (max-width: 768px) {
    .tooltip {
        pointer-events: none;
    }
}

.bscalendar-base {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.bscalendar-base p {
    color: #b3b3b3;
    font-weight: 300;
}

.bscalendar-base h1, .bscalendar-base h2, .bscalendar-base h3, .bscalendar-base h4, .bscalendar-base h5, .bscalendar-base h6,
.bscalendar-base .h1, .bscalendar-base .h2, .bscalendar-base .h3, .bscalendar-base .h4, .bscalendar-base .h5, .bscalendar-base .h6 {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.bscalendar-base a {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.bscalendar-base a, .bscalendar-base a:hover {
    text-decoration: none !important;
}

.bscalendar-base .content {
    padding: 7rem 0;
}

.bscalendar-base h2 {
    font-size: 20px;
}

.bscalendar-base .form-control:active, .bscalendar-base .form-control:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bscalendar-base .calendar {
    margin: 0 auto;
}

.calendar .fc-view-container {
    background-color: #fff;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
}

.calendar .fc-toolbar.fc-header-toolbar .fc-center {
    display: block;
}

.bscalendar-base .calendar-container {
    /*position: fixed;*/
    /*top: 300px;*/
    /*left: 20px;*/
    /*right: 20px;*/
    /*bottom: 20px;*/
    width: 100%;
}

.fc-header-toolbar {
    /*
      the calendar will be butting up against the edges,
      but let's scoot in the header's buttons
      */
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
}

@media (max-width: 767.98px) {
    .fc-toolbar {
        display: block !important;
        text-align: center;
    }

    .fc-toolbar .fc-center {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

.fc-theme-standard td, .fc-theme-standard th
{
    color: black !important;
    display: none;
}