.container {
    max-width: 98vw !important;
}

.calendar-day {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    height: 80px;
}
.calendar-table {
    margin: 0 auto;
    /* width: 700px; */
}
.popover-content {
    max-height: 60vh;
    overflow-y: auto;
    white-space:pre-wrap;
    text-align: justify;
    text-justify: inter-word;
}

/*.popover-title {
    background: #b2dba1;
    color: #3c763d;
}*/

.selected {
    background-color: #fff6a4;
}
.outside .date {
    color: #ccc;
}
.timetitle {
    white-space: nowrap;
    text-align: right;
}

.day:hover {
    cursor: pointer;
}

/* COLOR GREEN */
.color.green {
    border-top: 1px solid #b2dba1;
    border-bottom: 1px solid #b2dba1;
    background-image: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%);
    background-repeat: repeat-x;
    color: #3c763d;
    border-width: 1px;
    font-size: .75em;
    padding: 0 .75em;
    line-height: 2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1px;
}
.color.green.begin {
    border-left: 1px solid #b2dba1;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.color.green.end {
    border-right: 1px solid #b2dba1;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* COLOR PURPLE */
.color.purple {
    border-top: 1px solid #C3A1DB;
    border-bottom: 1px solid #C3A1DB;
    background-image: linear-gradient(to bottom, #e1d8f0 0px, #e1d8f0 100%);
    background-repeat: repeat-x;
    color: #523c76;
    border-width: 1px;
    font-size: .75em;
    padding: 0 .75em;
    line-height: 2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1px;
}
.color.purple.begin {
    border-left: 1px solid #c3a1db;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.color.purple.end {
    border-right: 1px solid #C3A1DB;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* COLOR PINK */
.color.pink {
    border-top: 1px solid #d9a1db;
    border-bottom: 1px solid #d9a1db;
    background-image: linear-gradient(to bottom, #efd8f0 0px, #efd8f0 100%);
    background-repeat: repeat-x;
    color: #723c76;
    border-width: 1px;
    font-size: .75em;
    padding: 0 .75em;
    line-height: 2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1px;
}
.color.pink.begin {
    border-left: 1px solid #d9a1db;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.color.pink.end {
    border-right: 1px solid #d9a1db;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* COLOR RED */
.color.red {
    border-top: 1px solid #dba1a1;
    border-bottom: 1px solid #dba1a1;
    background-image: linear-gradient(to bottom, #f0d8d8 0px, #f0d8d8 100%);
    background-repeat: repeat-x;
    color: #763c3c;
    border-width: 1px;
    font-size: .75em;
    padding: 0 .75em;
    line-height: 2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1px;
}
.color.red.begin {
    border-left: 1px solid #dba1a1;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.color.red.end {
    border-right: 1px solid #dba1a1;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* COLOR WHITE */
.color.white {
    border-top: 1px solid #8a8a8a;
    border-bottom: 1px solid #8a8a8a;
    background-image: linear-gradient(to bottom, #ffffff 0px, #ffffff 100%);
    background-repeat: repeat-x;
    color: #4e4e4e;
    border-width: 1px;
    font-size: .75em;
    padding: 0 .75em;
    line-height: 2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1px;
}
.color.white.begin {
    border-left: 1px solid #8a8a8a;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.color.white.end {
    border-right: 1px solid #8a8a8a;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}


.event.all-day {
    border-top: 1px solid #9acfea;
    border-bottom: 1px solid #9acfea;
    background-image: linear-gradient(to bottom, #d9edf7 0px, #b9def0 100%);
    background-repeat: repeat-x;
    color: #31708f;
    border-width: 1px;
}
.event.all-day.begin {
    border-left: 1px solid #9acfea;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.event.all-day.end {
    border-right: 1px solid #9acfea;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.event.clear {
    background: none;
    border: 1px solid transparent;
}
.table-tight > thead > tr > th,
.table-tight > tbody > tr > th,
.table-tight > tfoot > tr > th,
.table-tight > thead > tr > td,
.table-tight > tbody > tr > td,
.table-tight > tfoot > tr > td {
    padding-left: 0;
    padding-right: 0;
}
.table-tight-vert > thead > tr > th,
.table-tight-vert > tbody > tr > th,
.table-tight-vert > tfoot > tr > th,
.table-tight-vert > thead > tr > td,
.table-tight-vert > tbody > tr > td,
.table-tight-vert > tfoot > tr > td {
    padding-top: 0;
    padding-bottom: 0;
}