/* Body */

#footer{
    position: fixed;
}

.languages .dropdown-menu .dropdown-item.active,
.languages .dropdown-menu .dropdown-item:active {
    color: #FF0000 !important;
    background-color: transparent !important;
}

.dropdown-item:hover{
    filter: none!important;
}

/* Calendar */

.calendar-place{
    position: relative;
}

.calendar-name{
    display: flex;
    justify-content: center;
    align-items: center;
}

.calendar{
    background-color: var(--backgroundTheme);
    border-radius: 24px;
    min-height: 387.685px;
}

.month{
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    font-weight: 600;
}

.week{  
    display: grid;
    text-align: center;
    justify-items: center;
    grid-template-columns: repeat(7, 1fr);
    font-size: 20px;
    font-weight: 600;
    color: var(--fontColor);
}

.week div{
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.date{
    color: var(--fontColor);
}

.days{
    display: grid;
    text-align: center;
    justify-items: center;
    grid-template-columns: repeat(7, 1fr);
    row-gap: 15px;
    font-size: 20px;
    font-weight: 500;
}

.day{
    color: var(--fontColor);
}

div.day{
    height: 10px;
}

.day:hover{
    font-size: 25px;
}

.prev-date{
    color: #9e9e9e;
}

.prev-date:hover{
    color: var(--fontColor);
}

.next-date{
    color: #9e9e9e;
}

.next-date:hover{
    color: var(--fontColor);
}

.today{
    font-size: 30px;
    border: solid rgba(255, 0, 0, 0.75) 2px;
    border-radius: 24px;
    background-color: rgba(70, 70, 70, 0.25);
    color: rgba(255, 0, 0, 0.75);
}

.days div{
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.days div:hover{
    background-color: rgba(70, 70, 70, 0.25);
    border-radius: 24px;
}

.today:hover{
    background-color: rgba(70, 70, 70, 0) !important;
    font-size: 30px;
}

.prev:hover{
    color: rgba(255, 0, 0, 0.75);
    border-color: #464646bf;
}

.next:hover{
    color: rgba(255, 0, 0, 0.75);
    border-color: #464646bf;
}

.prev{
    color: var(--fontColor);
}

.next{
    color: var(--fontColor);
}