:root{   
/* Filters achtergrond */     
--studiocloud_color_filters: #a8b6ef; //4391cc;     
/* Kolomkoppen achtergrond */
--studiocloud_color_column_header: #a8b6ef; //0f73c3;
/* Kolomkoppen tekst */
--studiocloud_color_column_header_text: #1d1d1b;
/* Tekst datum en tijd */
--studiocloud_color_text_datetime: #404040;
/* Tekst activiteit */
--studiocloud_color_text_activity: #000000;
/* Tekst niveau en leeftijd */
--studiocloud_color_text_levelage: #000000;
/* Tekst studio */
--studiocloud_color_text_studio: #404040;
/* Tekst docent */
--studiocloud_color_text_teacher: #404040;
/* Tekst opmerkingen */
--studiocloud_color_text_notes: #808080;
/* Lesblok achtergrond 1 */
--studiocloud_color_blocks_1: #b6ffe3;
/* Lesblok achtergrond 1 hover */
--studiocloud_color_blocks_1_hover: #b6ffe3;
/* Lesblok achtergrond 2 */
--studiocloud_color_blocks_2: #ffffff;
/* Lesblok achtergrond 2 hover */
--studiocloud_color_blocks_2_hover: #ffffff;
/* Accentkleur Les */
--studiocloud_color_accent_les: #1d1d1b; //f0a30a;
/* Accentkleur Besloten Groep */
--studiocloud_color_accent_besloten_groep: #76608a;
/* Accentkleur Cursus */
--studiocloud_color_accent_cursus: #fa6800;
/* Accentkleur Evenement */
--studiocloud_color_accent_event: #a4c400;
/* Accentkleur Workshop */
--studiocloud_color_accent_workshop: #d80073;
}         

.timetable-header{
background-color:var(--studiocloud_color_column_header);
color:var(--studiocloud_color_column_header_text);
font-weight:900;
margin-bottom:5px;
text-align:center
}
.studiocloud-activity{     
border-bottom:5px solid var(--studiocloud_color_column_header);
padding:12px;
cursor:default;
min-height:40px;
transition:all 0.2s
}
.studiocloud-activity.les{   
border-color:var(--studiocloud_color_accent_les)
}
.studiocloud-activity.besloten_groep{  
border-color:var(--studiocloud_color_accent_besloten_groep)
}
.studiocloud-activity.cursus{   
border-color:var(--studiocloud_color_accent_cursus)
}                                 
.studiocloud-activity.workshop{ 
border-color:var(--studiocloud_color_accent_workshop)
}
.studiocloud-activity.event{   
border-color:var(--studiocloud_color_accent_event)
}
.studiocloud-timetable-anchor{  
text-decoration:none;cursor:pointer
}
.studiocloud-timetable-anchor.les{ 
color:var(--studiocloud_color_accent_les)
}
.studiocloud-timetable-anchor.besloten_groep{   
color:var(--studiocloud_color_accent_besloten_groep)
}
.studiocloud-timetable-anchor.cursus{  
color:var(--studiocloud_color_accent_cursus)
}
.studiocloud-timetable-anchor.workshop{  
color:var(--studiocloud_color_accent_workshop)
}
.studiocloud-timetable-anchor.event{    
color:var(--studiocloud_color_accent_event)
}
.studiocloud-timetable-time{  
font-size:90%;
font-weight:100;
color:var(--studiocloud_color_text_datetime)
}
.studiocloud-timetable-description{   
font-size:100%;
font-weight:700;
color:var(--studiocloud_color_text_activity)
}
.studiocloud-timetable-level-and-age{   
font-size:80%;
font-weight:700;
color:var(--studiocloud_color_text_levelage)
}
.studiocloud-timetable-studio{   
font-size:80%;
font-weight:500;
color:var(--studiocloud_color_text_studio)
}
.studiocloud-timetable-teacher{   
font-size:80%;
font-weight:400;
color:var(--studiocloud_color_text_teacher)
}
.studiocloud-timetable-notes{   
font-size:70%;
margin-top:15px;
font-weight:100;
line-height:120%;
color:var(--studiocloud_color_text_notes)
}
.studiocloud-timetable-dates{   
font-size:80%;
font-style:italic;
font-weight:100;
color:var(--studiocloud_color_text_datetime)
}
.studiocloud-grid{      
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
position:relative;
margin-top:5px !important;
padding-top:0;
margin-bottom:1rem;
max-width:100%!important
}
.studiocloud-row{    
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between      
}
.studiocloud-cell{  
-webkit-box-flex:1;
-ms-flex:1 0 0px;
flex:1 0 0;
max-width:100%;
padding:0 5px 0 0
}
.studiocloud-cell:nth-child(even) .studiocloud-activity:nth-child(even),
.studiocloud-cell:nth-child(odd) .studiocloud-activity:nth-child(odd){    
background-color:var(--studiocloud_color_blocks_2);
transition:all 0.2s
}
.studiocloud-cell:nth-child(even) .studiocloud-activity:nth-child(odd),
.studiocloud-cell:nth-child(odd) .studiocloud-activity:nth-child(even){  
background-color:var(--studiocloud_color_blocks_1);
transition:all 0.2s
}
.studiocloud-cell:nth-child(even) .studiocloud-activity:nth-child(even):hover,
.studiocloud-cell:nth-child(odd) .studiocloud-activity:nth-child(odd):hover{  
background-color:var(--studiocloud_color_blocks_2_hover);
transition:all 0.2s
}
.studiocloud-cell:nth-child(even) .studiocloud-activity:nth-child(odd):hover,
.studiocloud-cell:nth-child(odd) .studiocloud-activity:nth-child(even):hover{ 
background-color:var(--studiocloud_color_blocks_1_hover);
transition:all 0.2s
}
.studiocloud-cell-lg-2,.studiocloud-cell-sm-3,.studiocloud-cell-xl-1{  
position:relative;
display:block;
padding:0 5px 0 0;
width:100%;
min-height:1px
}
.timetable-filters{        
background-color:var(--studiocloud_color_filters);
margin-bottom:5px
}
.studiocloud-select{   
border:1px solid var(--studiocloud_color_column_header);
outline:none;
font-size:100%;
min-height:40px;
padding-top:0;
padding-bottom:0;
padding-left:10px;
width:100%;
max-width:calc(100% - 3em)
}
.studiocloud-input{     
border:1px solid var(--studiocloud_color_column_header);    
outline:none;
font-size:100%;
min-height:40px;
padding-top:0;
padding-bottom:0;
padding-left:10px;
width:100%;
width:150px;
max-width:calc(100% - 3.75em)       
}
@media screen and (min-width:0){   
.studiocloud-grid.timetable-filters .studiocloud-cell{
margin:1em 1.5em
}
.studiocloud-cell-fs-7,
.studiocloud-colspan-fs-7{   
-webkit-box-flex:0;
-ms-flex:0 0 100.00002%;
flex:0 0 100.00002%;
max-width:100.00002%
}
}
@media screen and (min-width:576px){  
.studiocloud-cell-sm-3{
-webkit-box-flex:0;
-ms-flex:0 0 42.857143%;
flex:0 0 42.857143%;
max-width:42.857143%
}
}
@media screen and (min-width:768px){   
.studiocloud-grid.timetable-filters .studiocloud-cell{
margin:2em 1.5em
}
.studiocloud-cell-md-2{  
-webkit-box-flex:0;
-ms-flex:0 0 24.5%;
flex:0 0 24.5%;
max-width:24.5%;
}
}
@media screen and (min-width:992px){   
.studiocloud-cell-lg-2{
-webkit-box-flex:0;
-ms-flex:0 0 28.571429%;
flex:0 0 28.571429%;
max-width:28.571429%
}
}
@media screen and (min-width:1200px){    
.studiocloud-cell:last-child{
padding:0
}
.studiocloud-cell-xl-1{  
-webkit-box-flex:0;
-ms-flex:0 0 calc(14.285715% - 4.5px);
flex:0 0 calc(14.285715% - 4.5px);
max-width:14.285715%
}
}
.studiocloud-studio-hide{
display:none!important
}
.studiocloud-category-hide{
display:none!important
}
.studiocloud-agelimit-hide{
display:none!important
}