.weekcalendar-popup-background {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    display: none;
    -webkit-box-shadow: 2px 9px 8px -1px #787878;
    -moz-box-shadow: 2px 9px 8px -1px #787878;
    box-shadow: 2px 9px 8px -1px #787878;
    background-color: rgba(0, 0, 0, 0.8);
}

.weekcalendar-popup {
    width: 90%;
    height: 90%;
    max-height: 90%;
    top: 5%;
    left: 5%;
    position: relative;
    background-color: #FFFFFF;
    overflow-y: auto;
}

.weekcalendar-popup-content {
    padding: 10px;
    font-size: 12px;
}

.weekcalendar-popup-edit-button,
.weekcalendar-popup-delete-button,
.weekcalendar-popup-close-button {
    cursor: pointer;
    float: right;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 12px 20px 0 0;
}

.weekcalendar-popup-edit-button {
    width: 20px;
    height: 20px;
    background-image: url('images/edit.png');
}

.weekcalendar-popup-delete-button {
    width: 20px;
    height: 20px;
    background-image: url('images/delete.png');
}

.weekcalendar-popup-close-button {
    width: 32px;
    height: 32px;
    background-image: url('images/close.png');
}

.weekcalendar-popup-title {
    min-height: 60px;
    padding: 15px 140px 10px 10px;
    font-size: 20px;
    background-color: #dcdcdc;
    border-bottom: 2px solid #767676;
}

.weekcalendar-popup-line-spacer {
    padding-top: 20px;
}

.weekcalendar-popup-subtitle,
.weekcalendar-popup-time-info {
    font-size: 16px;
}

.weekcalendar-container .fc-time-grid-event,
.weekcalendar-container .fc-list-item {
    cursor: pointer;
}

.weekcalendar-container .fc-content .fc-time,
.weekcalendar-container .fc-content .fc-time *,
.weekcalendar-container .fc-content .fc-title,
.weekcalendar-container .fc-content .fc-title * {
    line-height: 15px;
}

.weekcalendar-container .fc-content .fc-time,
.weekcalendar-container .fc-content .fc-time * {
    font-size: 0.95em;
}

@media only screen and (min-width: 800px) {
    .weekcalendar-popup {
        max-width: 700px;
        left: 50%;
        margin-left: -350px;
    }
}