@font-face {
    font-family: 'Nunito';
    src: URL('../font/Nunito/static/Nunito-Light.ttf') format('truetype');
}
/* */
html, body{
    width: 99%;
    overflow: hidden;
    font-family: Nunito;
}
::-webkit-scrollbar {
  width: 20px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 5px;
}
::-webkit-scrollbar-thumb {
  background: #ff6319; 
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}	
a{
 text-decoration: none;
 color: black;   
}		
.calendar{
    display: flex;
    /*justify-content: center;*/
    max-width: 100%;
    height: 99vh;
    width: fit-content;
    text-align: center;
    flex-direction: column;
}
.calendarweek{
    display: flex;
    flex-wrap: nowrap;
    border-radius: 5px;
    border: 1px solid black;
    max-width: 100%;
    margin-bottom: 10px;
}
.calendarweeknumber{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px 0px 0px 5px;
    box-shadow: 5px 0px 3px #6e329699;
    padding: 10px;
    text-orientation: sideways-right;
    background: #6e32968a;
    writing-mode: tb;
    margin-right: 3px;
}
.calendarweekdays{
    display: flex;
    flex-wrap: nowrap;
    /*justify-content: center;*/
    overflow-x: auto;
}
.calendarday{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 5px;
    border: 1px solid black;
    border-radius: 5px;
    width: 180px;
    min-width: 180px;
    background: #6e329615;
    overflow-wrap: break-word;
}
.calendarday:nth-child(2n){
    background: #43bfb615;
}
.calendardate{
    width: 100%;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid black;
    text-align: center;		
}
.groupmeeting{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: lightsalmon;
    border: 1px solid black;
    border-radius: 5px;
    margin: 5px;
    background: white;
    width: 173px;
}
.groupregister{
    background: orange;
    width: 100%;
}
.grouptime{
    background: #d7d7d7;
    width: 100%;
    border-radius: 5px 5px 0 0;
    padding: 3px 0px;
    border-bottom: 1px solid black;		
    text-align: center;		
}
.groupname{
    font-weight: bold;
    padding: 0px 5px;
}
.groupdetails{
    font-style: italic;
    padding: 0px 5px;
}
.open{
    background: #43bfb67a;
}
.closed{
    background-color: #ff631970;
}
.closeddetails{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white;
    border-radius: 5px;
    font-style: italic;
    margin: 5px;
    padding: 5px;
    background: white;				
}