* {
        box-sizing: border-box !important;
}

ul {
        list-style-type: none !important;
}

.event {
        padding: 2px !important;
        background-color: #3498DB !important;
        border-radius: 10px !important;
        border-width: 1px !important;
        border-style: solid !important;
        border-color: white !important;
        color: #FBFCFC !important;
        max-height: 30px !important;
        overflow: hidden !important;
}

.prev {
        color: #6c757d;
}

.current {
        font-weight: bold;
}

.month {
        padding: 10px 25px !important;
        width: 100% !important;
        background: #3498DB !important;
        text-align: center !important;
}

.month ul {
        margin: 0;
        padding: 0;
}

.month ul li {
        color: white;
        font-size: 20px;
        text-transform: uppercase;
        letter-spacing: 3px;
}

.month .prev {
        float: left;
        padding-top: 10px;
}

.month .next {
        float: right;
        padding-top: 10px;
}

table.calendar,
th,
td {
        width: 100%;
        table-layout: fixed;
        font-size: 15px;
        border-collapse: collapse;
        border: 1px solid black;
        font-family: Elaphant;
}

tr,
th,
td {
        padding: 15px;
}

th {
        background: white;
        color: black;
        font-family: arial black;
}

td {
        background: #FBFCFC;
        color: #17202A;
}

td:hover {
        background: #D4E6F1;
}