#calendar

{    

    margin-bottom: 20px;

}



#calendar .fc-toolbar h2

{

    font-size: 20px;

}



#calendar-detailed

{

    width: 100%;

    height: 100%;

}



@media (min-width: 768px) {

    #calendar-modal .modal-dialog

    {

        min-height: 500px;

        min-width: 700px;

    }

}



@media (min-width: 936px) {

    #calendar-modal .modal-dialog

    {

        min-height: 700px;

        min-width: 900px;        

    }

}



.fc-day-grid-event

{

    padding: 5px !important;

}



.event-unavailable

{

    background-color: #DEDEDE !important;

    color: #696969 !important;

    border-color: #CECECE !important;

}



.event-reminder

{

    background-color: #0077ad !important;

    color: #FFFFFF !important;

    border-color: #086d9a !important;

}



.event-appointment

{

    background-color: #820a0a !important;

    color: #FFFFFF !important;

    border-color: #900303 !Important;    

}



.event-other

{

    background-color: #4CAF50 !important;

    color: #ffffff !important;

    border-color: #3fb543 !important;

}