#content-main > section#calendar{
    width: 100%;
    margin-bottom: 5rem;
    overflow: auto;
}

#content-main > section#calendar > table > tbody > tr > th {

border-color: var(--primary);
}
#content-main > ul:nth-child(1) > li > a {
    background: var(--primary);
    color: var(--primary-fg);
}
#content-main > ul.object-tools > li > a.addlink{
    background-color: var(--add);
}

#calendar > table > tbody > tr > td > div.event_day{
    display: flex;
}

#changelist-form {
    width: 100%;
}

#calendar > table > tbody > tr:nth-child(1) > th{
    background-color: var(--primary);
    color: var(--primary-fg);
    border: 1px solid var(--primary);
}
#calendar > table > tbody > tr:nth-child(2) > th{
    background-color: var(--secondary);
    color: var(--primary-fg);
    border: 1px solid var(--primary);
}

#calendar > table > tbody > tr > td{
    border: 1px solid var(--primary);
    vertical-align: middle;
}
#calendar > table > tbody > tr > td.noday:hover{
    cursor: not-allowed;
}
#calendar > table > tbody > tr > td:hover{
    background-color: var(--secondary);
}
#calendar > table > tbody > tr > td > .event_day > ul {
    display: flex;
    padding: 0;
    flex-direction: column;
}
#calendar > table > tbody > tr > td > .event_day{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#calendar > table > tbody > tr > td > .event_day > ul > li > a{
    color: var(--primary-fg);
}
#calendar > table > tbody > tr > td > .event_day > ul > li{
    list-style: none;
    border: 1px solid var(--primary);
    box-shadow: var(--box-shadow);
    padding: .33rem;
    text-align: center;
    background-color: var(--primary);
}
#calendar > table > tbody > tr > td > .event_day > a,
#calendar > table > tbody > tr > td > a{
    display: block;
    text-align: center;
    padding: .3rem;
    background-color: var(--secondary);
    border: 1px solid var(--primary);
    color: var(--primary-fg);
    font-weight: bolder;
}
#calendar > table > tbody > tr > td:hover > .event_day > ul > li{ 
    transform: scale(1.075);
    transition: .66s all;
}
#calendar > table > tbody > tr > td:hover > .event_day > ul > li > a,
#calendar > table > tbody > tr > td:hover > .event_day > a,
#calendar > table > tbody > tr > td:hover > a{
    color: var(--primary-fg);
}


.calendar table td.selected{
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
}

#id_location-map {
  width: 100%;
  height: 25rem;
  z-index: 1;
}