/*
primary-color (kirkemusikskolerne) #639
 */
.l18-filters {
    background-color: #639;
    padding: 10px;
    margin: 10px 0;
    color: #fff;
}
.l18-filters h1 {
    margin:10px 0 20px 0;
}
.l18-filters .filterbox {
    float:left;
    display:inline-block;
    margin-right:7px;
}
.l18-filters .check-filter .filterbox {
    position:relative;
}

.l18-filters .check-filter .filter {
    position: absolute;
}
.l18-filters .controlgroup {
    /*display: table;*/
}
.l18-filters input[type="checkbox"]{
    visibility: hidden;
    height: 0;
    width: 0;
}
.l18-filters label {
    /* display: table-cell;*/
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    background-color: #613c89; /* #b299cc; */
    color: white;
    padding: 5px 15px;
    border-radius: 5px;
    transition: all .3s ease-out;
    border:1px solid #797979;
    font-weight: 300;
    font-size:small;
}

.l18-filters input[type="checkbox"]:checked + label{
    background-color: #430f76; /* #865dae; */
    font-weight: 500;
}
.courseslistwrap-l18 .employeewrap {
    padding:10px;
}
.courseslistwrap-l18 .employeewrap.even, .calendar-single-l18.even {
    background-color:#f3f3f3;
}
.courseslistwrap-l18 .morelink {
    display: inline-block;
    background-color: #639;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
    border:1px solid #b299cc;
}

.employeewrap {
    font-size:12px;
}
.l18-filters #employee-search {
    margin:20px 0;
    border:none;
    height:32px;
    line-height: 32px;
    width:65%;
    border-radius: 5px;
    padding-left:10px;
    color: #333;
    outline:none;
}

#resetfilter {
    /*    float:none;*/
}

.l18-filters .employee-search-btn {
    display: none; /* table-cell; */
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    background-color: #865dae;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    border-left: none;
    transition: all .3s ease-out;
}

.l18-filters select {
    width:100%;
    height:32px;
    line-height: 32px;
    color:#333;
    padding-left:10px;
    font-size:smaller;
    border-radius: 5px;
    transition: all .3s ease-out;
    border:1px solid #797979;
    outline:none;
    max-width:300px;
}
.l18-filters select:-moz-focusring {
    color: transparent;
    transition: color 0ms;
    text-shadow: 0 0 0 #000;
}
.l18-filters select option:not(:checked) {
    color: #333; /* prevent <option>s from becoming transparent as well */
}

.l18-filters .type-selector {
    margin-top:20px;

}
.courseheadlinel18 {
    font-weight:bolder;
    font-size:larger;
    margin:0;
}
.courseslistwrap-l18 .limited-target {
    display:inline-block;
    background-color: #b299cc;
    color:#fff;
    padding:2px 7px;
    font-weight:bold;
    font-size:smaller;
}
.employeeimage {
    padding:10px;
}
.employeeimage img {
    width:100%;
}
.employeewrap .main,.employeewrap .more-col {
    padding:10px;
}
.proplabel {padding-right:3px; font-weight:bold; }

/* Single view */
#sectionpage .calendar-single h2 {
    margin-top:0;
}

.fkfont {
    display: inline-block;
    font-family: folkekirken2014;
    font-size: 15px;
}
.active .fkfont { transform: rotate(90deg); }

.courseswrap {
    background-color: #e7e7e8;
    padding: 10px;
    margin: 10px 0;
}

.courseslistwrap {
    display: none;
    margin-left:30px;
    margin-top:10px;
}
.courseheadline {
    cursor: pointer;
    margin:4px 0;
    padding: 10px 0;
}
.coursedate { padding-right:3px; }


.courseentrysubmissionLinkwrap { text-align:right; line-height: 1.7em;}
.coursesubmissionlink:focus, .coursesubmissionlink:visited, .coursesubmissionlink:hover , .coursesubmissionlink { display:inline-block; background-color:#639; padding:5px 30px; color:#fff; border-radius:5px;     }

.coursedetailwrap, .coursedescription, .themecourselist { display:none; margin-left:20px;}

/*.coursemarker,.coursedate,.coursetitle { display:inline-block; }
div.courseheadline { display: table; width:100%; font-weight:bold; }
div.courseheadline .coursedate, div.courseheadline .coursetitle {
    display: table-cell;
}
div.coursedate { white-space: nowrap; }
span.coursetitle { width:95%;display:table-cell;}
.themetitle, .courseentrydescriptionlabel {
    font-weight: bold;
    cursor: pointer;
    color:#639;
    text-decoration: underline;
}

 */

.headerlink { visibility:hidden; display:inline; width: 5%; height:15px;}
.courseproplabel {
    font-weight: bold;
    padding-right: 3px;
}
.yearmarker { margin-left:-25px; font-weight:bold; font-size:1.5em;}
.monthmarker {
    font-size: 1.3em;
    font-weight: bold;
    margin-left: -15px;
}
.bytheme .yearmarker { margin-left:-35px; }

.courseheadline, .courselistheadline, .courselistheadline2 {
    cursor: pointer;
    margin:4px 0;
    padding: 10px 0;
}
.course-single-description p { margin: 15px 0 10px; padding:0;}
.calendar-single-l18 .coursesingledetailwrap p,
.calendar-single-l18 .coursesingledetailwrap div { margin: 15px 0 10px; padding:0;}

.l18-filters fieldset legend { display:none;}
select:focus-visible {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 1px;
}