@import '_content/Bth.Common.Razor/Bth.Common.Razor.xbdiez6gpv.bundle.scp.css';

/* /Components/DropAreas/KursredanDropAreas.razor.rz.scp.css */

.planner-period[b-4s433qbbz5] {
    position: relative;
    min-height: 150px;
    display: inline-block;
    border-left: 1px solid #666;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    user-select: none;
}

.planner-period:last-child[b-4s433qbbz5] {
    border-right: 1px solid #666;
}

.planner-period > .period-name[b-4s433qbbz5] {
    position: absolute;
    height: 100%;
    pointer-events: none;
}

.planner-period > .period-name span[b-4s433qbbz5] {
    font-size: 0.8rem;
}

.planner-period > .period-name > small[b-4s433qbbz5] {
    background: #333;
    color: white;
    padding: 0.05rem 0.3rem;
}

.planner-droparea[b-4s433qbbz5] {
    display: inline-block;
    width: 100%;
    height: 100%;
    /*height: 150px;*/
    background-color: #fafafa;
}

.planner-droparea:nth-child(2n+1)[b-4s433qbbz5] {
    background-color: #fff;
}

.planner-droparea.introduction[b-4s433qbbz5] {
    background-color: #ece6e2;
}

.planner-droparea > div[b-4s433qbbz5] {
    margin-top: -2px;
}

.planner-droparea .week[b-4s433qbbz5] {
    padding-left: 4px;
    color: #666;
}

.period-add[b-4s433qbbz5] {
    position: absolute;
    left: auto;
    top: auto;
    bottom: 0;
    right: 0;
    width: 2rem;
    height: 2rem;
    border: 1px #fff solid;
    background: #fff;
    border-radius: 0.5rem;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;

    cursor: pointer;
    z-index: 9;

    display: flex;
    align-items: center;
    justify-content: center;
}

.period-add:hover[b-4s433qbbz5] {
    background: #efefef;
}

.period-add > span[b-4s433qbbz5] {
    font-size: 1.5rem;
}
/* /Components/PlannerAdded/KursredanPlannerAdded.razor.rz.scp.css */
.arrow[b-ui6o1faib8] {
    border: solid #6f6d6d;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin: 0.2rem;
}

.right[b-ui6o1faib8] {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}



.added p[b-ui6o1faib8] {
    padding: 0.2rem 1rem;
}
/* /Pages/ProgrammePlannerSelect/ProgrammePlannerSelectPage.razor.rz.scp.css */



.header[b-t7tygxqglv] {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.header span[b-t7tygxqglv] {
    margin-bottom: 0.35rem;
    display: inline-block;
}


.responsible[b-t7tygxqglv] {
    color: gray;
    margin-bottom: 0;
}

.occasion[b-t7tygxqglv] {
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
}

.occasion span[b-t7tygxqglv] {
    font-size: 0.9rem; 
}

.occasion .pill-smaller[b-t7tygxqglv] {
    padding-top: 0px;
    padding-bottom: 0px;
}

input[b-t7tygxqglv] {
    vertical-align: middle;
}

input[type=text][b-t7tygxqglv] {
    width: 100%;
}

input[type=checkbox][b-t7tygxqglv] {
    margin-right: 0.1rem;
    margin-left: 0.5rem;
}

.programme[b-t7tygxqglv] {
    border-top: 1px #ccc solid;
    margin-bottom: 1rem;
    padding: 1rem 0.5rem;
}

.programme h4[b-t7tygxqglv] {
    cursor: pointer;
}

.programme:last-child[b-t7tygxqglv] {
    border-bottom: 1px #ccc solid;
    padding-bottom: 2rem;
}

.filler[b-t7tygxqglv] {
    flex-grow: 1;
}

span.shortname[b-t7tygxqglv] {
    text-transform: uppercase;
}

a.expand-arrow[b-t7tygxqglv] {
    color: #666;
    position: relative;
    top: -0.75rem;
    text-decoration: none;
}

.programme-list[b-t7tygxqglv] {
    margin-top: 0.5rem;
    margin-bottom: 10rem;
}

.information[b-t7tygxqglv] {
    margin-left: 1rem;
}

.information h6[b-t7tygxqglv] {
    margin-bottom: 1rem;
}

.information span.pill[b-t7tygxqglv] {
    margin-bottom: 0.5rem;
}
/* /Pages/ProgrammePlanner/Content/AddCourse.razor.rz.scp.css */

.add-course[b-dl2npzb8u8] {
    padding: 0rem 1rem;
    min-height: 100vh;
}

.add-course input[type=text][b-dl2npzb8u8] {
    width: 24rem;
}

label[b-dl2npzb8u8] {
    display: inline;
}

hr[b-dl2npzb8u8] {
    border-color: #333;
    margin-top: 0.5rem;
}

h4[b-dl2npzb8u8] {
    margin-bottom: 0.1rem !important;
}

.info[b-dl2npzb8u8] {

}

.info-with-marginbottom[b-dl2npzb8u8] {
    margin-bottom: 0.4rem;
}

.info p[b-dl2npzb8u8] {
    margin-bottom: 0.4rem;
}

.info b[b-dl2npzb8u8] {
    display: block;
}

.show-options[b-dl2npzb8u8] {
    display: flex;
    justify-content: space-between;

    gap: 2rem;
    margin: 0.25rem 0;
    margin-top: 0.5rem;
}

.show-options > div[b-dl2npzb8u8] {
    display: flex;
    align-items: center;
}

.show-options > div > div[b-dl2npzb8u8] {
    display: flex;
    width: 90px;

}

.show-options > div > div[b-dl2npzb8u8] {
    display: flex;
    width: 100px;
    align-items: center;
}
    

.show-options > div > span[b-dl2npzb8u8] {
    width: 50px;
    font-weight: bold;
}

.show-options > div input[type=checkbox][b-dl2npzb8u8] {

    margin-right: 0.25rem;
}

.show-options > div select[b-dl2npzb8u8] {
    margin-left: 0.5rem;
}


.show-options:nth-child(1) > div div:nth-child(3)[b-dl2npzb8u8] {
    width: 200px;
}
/* /Pages/ProgrammePlanner/Content/ControlPanel.razor.rz.scp.css */
.control-panel[b-xic3dzd3hv] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    height: 100%;
    margin-right: 1rem;
}

.control-panel label[b-xic3dzd3hv] {
    font-size: 0.9rem;
    margin-right: 0.5rem;
    margin-top: 2px;
}

.control-panel > div[b-xic3dzd3hv] {
    justify-content: end;
    align-items: center;
    display: flex;
}

.control-panel > div > span[b-xic3dzd3hv] {
    display: inline;
    padding-right: 0.5rem;
}

a[target="_blank"][b-xic3dzd3hv]::after {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
    margin: 0 3px 0 5px;
}
/* /Pages/ProgrammePlanner/Content/CourseSelector.razor.rz.scp.css */


.arrow[b-p4v8kdm35p] {
    border: solid #6f6d6d;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin: 0.2rem;
}

.right[b-p4v8kdm35p] {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.left[b-p4v8kdm35p] {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);

}

.open[b-p4v8kdm35p] {
    width: 20rem !important;
}

.closed[b-p4v8kdm35p] {
    width: 3rem !important;
    transform: rotate(90deg);
    transform-origin: bottom left;
    position: relative;
    top: -2.5rem;
}

.add[b-p4v8kdm35p] {
    flex-grow: 1;
    width: 100% !important;
}

.header[b-p4v8kdm35p] {
    z-index: 1;
}

.closed .header[b-p4v8kdm35p] {


}

.add .header[b-p4v8kdm35p] {
    position: sticky;
    top: 0;
}

.closed .header > div[b-p4v8kdm35p] {
    width: 100vh;
}


.planner-course-panel[b-p4v8kdm35p] {
    margin-right: 0.5rem;
    position: sticky;
    top: 0;
}

.planner-course-panel:has(.closed, .add)[b-p4v8kdm35p] {
    margin-right: 0.0rem;
}

.header > div[b-p4v8kdm35p] {
    display: flex;
    background-color: #ede6e2;
    cursor: pointer;
}

.open > .header > div[b-p4v8kdm35p] {
    justify-content: start;
}

.closed > .header > div[b-p4v8kdm35p] {
    justify-content: start;
}

.add > .header > div[b-p4v8kdm35p] {
    justify-content: space-between;
}

.add > .header > div > div[b-p4v8kdm35p] {
    padding: 0.5rem 1rem;
}

.closed .header > div > div[b-p4v8kdm35p] {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0.5rem 1rem;
}

.open .header > div > div[b-p4v8kdm35p] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
}
    .header span[b-p4v8kdm35p] {
        font-weight: bold;
        text-decoration: none;
    }


.planner-course-panel > div:nth-child(2)[b-p4v8kdm35p] {
    padding: 1rem;
}




.left-list[b-p4v8kdm35p] {
    width: 20rem;
    position: relative;

}


.left-list > div[b-p4v8kdm35p] {
    position: sticky;
    top: 2.5rem;
}

.list[b-p4v8kdm35p] {
    flex-grow: 1;
    max-width: 70rem;


    margin: 0.5rem;
    padding: 0.5rem;

    border-left: 1px solid #333;
    min-height: 100vh;
}
/* /Pages/ProgrammePlanner/Content/DeselectArea.razor.rz.scp.css */
.deselect[b-h4jjud7v76] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #aaa;
    z-index: 9;
    opacity: 0.2;
    transition: opacity 0.1s;
}
/* /Pages/ProgrammePlanner/Content/ListView.razor.rz.scp.css */

.listview[b-jwvaga1dgv] {
    margin-top: 0.5rem;
}

h3[b-jwvaga1dgv]
{
    font-weight: bold;
}

p[b-jwvaga1dgv]
{
    font-size: 0.9rem;
}

.listview *[b-jwvaga1dgv] {
    font-size: 0.9rem;
}

span.code[b-jwvaga1dgv] {
    font-size: 0.9rem;
    text-decoration: underline;
}

.header[b-jwvaga1dgv] {
    margin-left: 0.5rem;
    margin-bottom: 1rem;
}

.filters[b-jwvaga1dgv] {
    display: flex;
    gap: 2rem;
}

.filter[b-jwvaga1dgv] {
    display: flex;
    align-items: center;
}
/* /Pages/ProgrammePlanner/Content/PlannerItemInfo.razor.rz.scp.css */



.arrow[b-uw8ylwpav8] {
    border: solid #6f6d6d;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin: 0.2rem;
}

.right[b-uw8ylwpav8] {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left[b-uw8ylwpav8] {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.undo[b-uw8ylwpav8] {
    display: inline-block;
    margin-left: 0.5rem;
    position: relative;
    top: -0.25rem;
    text-decoration: none !important;
    padding: 0rem 0.3rem;
    color: #3995f8 !important;
}

.undo:hover[b-uw8ylwpav8] {
    background: #f6f2ef;
    border-radius: 50%;
}

.planner-item-info-panel[b-uw8ylwpav8] {
    margin-left: 1rem;
    background: white;
    /*z-index: 10;*/
    position: sticky;
    top: 0;
}

.planner-item-info-panel h4[b-uw8ylwpav8] {
    margin-bottom: 0.1rem !important;
}

.planner-item-info-panel p.name[b-uw8ylwpav8] {

}

.open[b-uw8ylwpav8] {
    width: 20rem !important;
}

.closed[b-uw8ylwpav8] {
    width: 2rem !important;
    height: 2rem;
    transform: rotate(90deg);
    transform-origin: top right;
}


.header > div[b-uw8ylwpav8] {
    display: flex;
    background-color: #ede6e2;
    cursor: pointer;
}

.open > .header > div[b-uw8ylwpav8] {
    justify-content: space-between;
}

.closed > .header > div[b-uw8ylwpav8] {
    justify-content: start;
}

.closed .header > div > div[b-uw8ylwpav8] {
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 0.5rem 1rem;
}

.open .header > div > div[b-uw8ylwpav8] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
}

.closed .header[b-uw8ylwpav8] {
    margin-left: 2rem;
}

.closed .header > div[b-uw8ylwpav8] {
    width: 100vh;
}

.content[b-uw8ylwpav8] {
    padding: 1rem 0.5rem;
    height: 100%;
}

.content span[b-uw8ylwpav8] {

}

.content b[b-uw8ylwpav8] {

}

.content h3[b-uw8ylwpav8] {
    font-weight: bold;
}
.content .options[b-uw8ylwpav8] {
    margin-top: 0.5rem;

}

.content .options .radio span[b-uw8ylwpav8] {
    width: 120px;
}

.content .options .radio[b-uw8ylwpav8] {
    display: flex;
    align-items: center;
    gap: 0rem;
    margin-bottom: 0.5rem;
}

.content .options .distribution span[b-uw8ylwpav8] {
    font-weight: bold;
}

.content .options .weeks[b-uw8ylwpav8] {
    display: flex;
    padding-right: 6rem;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.content .options .weeks span[b-uw8ylwpav8] {
    font-weight: bold;
}

.content .options .weeks div:first-child[b-uw8ylwpav8] {
    padding-right: 1rem;
}

.content .options .weeks input[type=text][b-uw8ylwpav8] {
    margin-right: 0;
    margin-top: 0.1rem;
    width: 100%;
}

.content .options input[type=number][b-uw8ylwpav8] {
    border-color: #666;
    border-width: 1px;
    border-radius: 0.2rem;
    margin-top: 0.1rem;
    padding: 0.2rem 0.6rem;
    height: 2.2rem !important;
    border-width: 0.1rem;
    width: 75px;
}

.content .properties[b-uw8ylwpav8] {
    margin-bottom: 0.3rem;
}


.content .properties b[b-uw8ylwpav8] {
    margin-right: 0.25rem;
}


.active[b-uw8ylwpav8] {
    background-color: #f7f2ef;
}

.header a[b-uw8ylwpav8] {
    font-weight: bold;
    text-decoration: none;
}

.open .active a[b-uw8ylwpav8] {
    text-decoration: underline;
}

.joint-request[b-uw8ylwpav8] {
    display: inline-block;

    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow-x: hidden;
}

.joint-request a[b-uw8ylwpav8] {

    font-size: 1rem;
}

.joint-request i[b-uw8ylwpav8] {
    color: #999;
    font-size: 1rem;

}


.comments[b-uw8ylwpav8] {
    overflow-y: auto;
    max-height: 60vh;

    
}

.comments .timestamp[b-uw8ylwpav8] {
    color: #aaa;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
    margin-top: 0.66rem;
    text-align: center;
    display: block;
}

.comments .comment[b-uw8ylwpav8] {
    border-radius: 0.25rem;
    background: #eee6e0;
    margin-right: 2rem;
    padding: 0.6rem 1rem;
    margin-bottom: 0.5rem;
}

.comments .comment.mine[b-uw8ylwpav8] {
    background: #0a4f63;
    color: white;
    margin-right: 0rem;
    margin-left: 2rem;
}

.comments .comment .createdby[b-uw8ylwpav8] {
    color: #aaa;
    font-size: 0.8rem;
    position: relative;
    top: -5px;
}

.comments .comment p.message[b-uw8ylwpav8] {
    margin-bottom: 0;
    font-size: 0.9rem;
}

.comments .comment.other p.message[b-uw8ylwpav8] {
    position: relative;
    top: -8px;
}

.newcomment[b-uw8ylwpav8] {
    margin-top: 0.66rem;
}

.newcomment .messagetext[b-uw8ylwpav8] {
    width: 100%;
    border-radius: 0.5rem;
}

.newcomment a[b-uw8ylwpav8] {
    font-size: 0.9rem;
}
/* /Pages/ProgrammePlanner/Content/Save.razor.rz.scp.css */

/* floating bar */

.savebar[b-r58h8z7h7a] {
    display: block;
    position: sticky;

    top: auto;
    bottom: 0;

    width: 100%;

    z-index: 30;
    /*z-index: 1002;*/
}

.action-panel[b-r58h8z7h7a] {
    vertical-align: middle;
    height: 100%;
    padding: 0.33rem 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
    border-top: 1px #666 solid;
}

.save-responses[b-r58h8z7h7a] {
    padding-left: 3rem;
    color: white;
    background: #666;
    opacity: 1;
    transition: opacity .5s ease-in-out;
}

.save-responses.success[b-r58h8z7h7a] {
    background: #1b4f63;
}

.save-responses.information[b-r58h8z7h7a] {
    background: #1b4f63;
}

.save-responses.warning[b-r58h8z7h7a] {
    background: #4dac6f;
}

.save-responses.error[b-r58h8z7h7a] {
    background: #b61144;
}

.save-responses.hide[b-r58h8z7h7a] {
    opacity: 0 !important;
}

.save-responses > p[b-r58h8z7h7a] {
    padding: 0.33rem 0;
}

.save-responses .failed[b-r58h8z7h7a] {
    background: red !important;
}


.savebar input[type=checkbox][b-r58h8z7h7a] {
    margin-right: 0.3rem;
}






/* popup */
.changes[b-r58h8z7h7a] {
    display: block;
    margin-bottom: 0.5rem;
    margin-left: 1rem; 
}

.change[b-r58h8z7h7a] {
    border-bottom: 1px #ccc dashed;
}

.change:last-child[b-r58h8z7h7a] {
    border-bottom: none;
}

.changes > div > p[b-r58h8z7h7a] {
    font-size: 0.9rem;
    margin-bottom: 0;
}

.changes > div > span[b-r58h8z7h7a] {
    font-size: 0.9rem;
    margin-left: 1rem;
}

.changes > div > span.error[b-r58h8z7h7a] {
    color: red;
}


.approve[b-r58h8z7h7a] {

}

.approve input[b-r58h8z7h7a] {
    width: 1.5rem;
    height: 1.5rem;
}

.approve span[b-r58h8z7h7a] {
    margin-left: 0.4rem;
    margin-right: 0.5rem;
}
/* /Pages/ProgrammePlanner/Content/ScreenInformation.razor.rz.scp.css */

.blackness[b-dln7qap2qp] {
    position: absolute;
    left: -1rem;
    right: -1rem;
    top: -2rem;
    bottom: 0;
    margin: auto;

    background: #bbb;
    opacity: 0.9;
    z-index: 20;
}

.information[b-dln7qap2qp] {
    position: fixed;
    left: 20%;
    right: 20%;
    top: 30vh;
    bottom: auto;
    margin: auto;

    color: black;

    z-index: 21;
    text-align: center;
    

    justify-content: center;
    align-items: center;
}

.information p[b-dln7qap2qp] {
    font-size: 1.5rem;
}
/* /Pages/ProgrammePlanner/Content/Search.razor.rz.scp.css */

input[b-t4h3symg4j] {
    height: 2rem;
}
/* /Pages/ProgrammePlanner/ProgrammePlannerPage.razor.rz.scp.css */



.open[b-ckhvp5bnb1] {
    width: 20rem !important;
}

.closed[b-ckhvp5bnb1] {
    width: 2rem !important;
    height: 2rem;
    transform: rotate(90deg);
    transform-origin: top right;
}


.planner-course-panel[b-ckhvp5bnb1] {
    width: 22rem;
    margin-right: 1rem;
}

    .planner-course-panel .header[b-ckhvp5bnb1] {
        height: 40px;
        padding-left: 3rem;
        background-color: lightgray;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

.planner-left > div:nth-child(2)[b-ckhvp5bnb1] {
    padding: 1rem;
}

#planner-grid[b-ckhvp5bnb1] {
    position: relative;
    flex-grow: 1;
}

#planner-top[b-ckhvp5bnb1] {
    border-left: 2.5rem solid #867f7b;
    border-top: 1px solid #c6c6c6;
    position: relative;
    left: -16px; /* that is the fixed container offset 16 px*/
    top: -2rem;
    width: calc(100% + 32px);
    padding: 0.5rem;
    padding-bottom: 0.5rem;
}

#planner-top .programmeinfo[b-ckhvp5bnb1] {
    padding-bottom: 1rem;
    max-width: 60%;
}

#planner-area[b-ckhvp5bnb1] {
    left: -16px; /* that is the fixed container offset 16 px*/
    top: -2rem;
    width: calc(100% + 32px);
    position: relative;
}





input[b-ckhvp5bnb1] {
    vertical-align: middle;
}

.right-panel[b-ckhvp5bnb1] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    height: 100%;
}

.segment-header[b-ckhvp5bnb1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #333;
    padding-left: 1rem;
    padding-right: 1rem;
    user-select: none;
    height: 40px;
    font-size: 1.0rem;
}

.segment-header .calendar-year[b-ckhvp5bnb1] {
    color: white;
    text-transform: uppercase;
}

.segment-header .points[b-ckhvp5bnb1] {
    color: white;
}

.control-panel-position[b-ckhvp5bnb1] {
    margin-right: 2rem;
}

.searchbar[b-ckhvp5bnb1] {
    position: absolute;
    z-index: 15;
    color: black;
    top: -2.5rem;
    margin-left: 0rem;
}

.searchbar > input[b-ckhvp5bnb1] {
    height: 2rem;
}

.searchbar > a[b-ckhvp5bnb1] {
    position: relative;
    bottom: -0.5rem;
    margin-left: 0.5rem;
}

.searchbar > a:hover[b-ckhvp5bnb1] {

}
/* /Pages/Start/Content/InlineEdit.razor.rz.scp.css */


.blurblackout[b-treh0wfgng] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: black;
    opacity: 0.2;
    z-index: 10;
}

.placeholder[b-treh0wfgng] {
    display: inline-block;
}

.editpen[b-treh0wfgng] {
    color: gray;
    font-size: 0.6em;
    opacity: 0.5;
    cursor: pointer;
    transition: background-color 0.2s;
    background: none;
    border-radius: 50%;
    padding: 0.25rem;
    position: absolute;
}

.editpen:hover[b-treh0wfgng] {
    background: #666;
}

.editor-area[b-treh0wfgng] {
    position: relative;
    z-index: 11;
}

.editor[b-treh0wfgng] {
    background: white;
    color: black;
    position: relative;

    margin: -0.25rem;
    padding: 0.25rem;
}

.editor[contenteditable]:focus[b-treh0wfgng] {
    outline: none;
} 

.editor-toolbar[b-treh0wfgng] {

    position: absolute;
    top: -24px;
    width: 100%;

}

.tools[b-treh0wfgng] {
    display: flex;
    justify-content: end;
    margin-right: -0.25rem;
}


.toolbar-btn[b-treh0wfgng] {
    border: none;
    background: #f4f4f4;
    width: 30px;
    padding: 0;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.2s;
    z-index: 14;

}

.toolbar-btn:hover[b-treh0wfgng] {
    background-color: #ddd;
}

.toolbar-btn.active[b-treh0wfgng] {
    background-color: #bbb;
}  
/* /Pages/Start/Content/InlineEditRemove.razor.rz.scp.css */
.editpen[b-2zc1vfjs2n] {
    color: red;
    font-size: 0.8em;
    opacity: 0.75;
    cursor: pointer;
    transition: background-color 0.2s;
    background: none;
    border-radius: 50%;
    padding: 0 0.25rem;
    margin-top: 0.125rem;
    position: absolute;
    margin-left: -1.7rem;
}

.editpen:hover[b-2zc1vfjs2n] {
    background: #faa;
}
/* /Pages/Start/StartPage.razor.rz.scp.css */


.content[b-sqyv0ybgvg] {
    min-height: 100vh;

    flex-basis: 30%;
    padding: 1rem;
    margin-bottom: 4rem;
}

.content-big[b-sqyv0ybgvg] {
    min-height: 100vh;
    flex-basis: 40%;
    padding: 1rem;
    margin-bottom: 4rem;
}

.editor[b-sqyv0ybgvg] {
    height: 100vh;
    background: red;
    flex-grow: 0.5;
    padding: 1rem;
}





table[b-sqyv0ybgvg] {
    border-collapse: collapse;
    width: 100%;
}

thead[b-sqyv0ybgvg] {
    background-color: #1e5a71; /* blå topp */
    color: white;
}

th[b-sqyv0ybgvg], .statustable td[b-sqyv0ybgvg] {
    padding: 8px 12px;
    padding-right: 20px;
    vertical-align: top;
}

.studentdata td[b-sqyv0ybgvg] {
    padding-bottom: 8px;
    padding-left: 0px;
    vertical-align: top;
}

.studentdata td:last-child[b-sqyv0ybgvg] {
    padding-left: 20px;
}

tbody tr:nth-child(even)[b-sqyv0ybgvg] {
   /* background-color: #f7f7f7;*/ /* ljus bakgrund för varannan rad */
}

td.date[b-sqyv0ybgvg] {
    white-space: nowrap;
}

tr:has(.deadline)[b-sqyv0ybgvg] {
    color: #1e5a71;
    font-weight: bold;
    background: #f7f2ef;
}