input:focus,
textarea:focus {
outline: none;
box-shadow: none !important;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* Material Design Iconic Font uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
/* If you do not want use all icons you can disable icon set here */
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("https://res.uvdata.net/fonts/Ubuntu/Ubuntu-Bold.ttf") format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url("https://res.uvdata.net/fonts/open_sans/OpenSans-Light.ttf") format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("https://res.uvdata.net/fonts/open_sans/OpenSans-Regular.ttf") format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("https://res.uvdata.net/fonts/open_sans/OpenSans-Medium.ttf") format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url("https://res.uvdata.net/fonts/open_sans/OpenSans-SemiBold.ttf") format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url("https://res.uvdata.net/fonts/open_sans/OpenSans-Bold.ttf") format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
font-stretch: 100%;
font-display: swap;
src: url("https://res.uvdata.net/fonts/open_sans/OpenSans-LightItalic.ttf") format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
font-stretch: 100%;
font-display: swap;
src: url("https://res.uvdata.net/fonts/open_sans/OpenSans-Italic.ttf") format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 500;
font-stretch: 100%;
font-display: swap;
src: url("https://res.uvdata.net/fonts/open_sans/OpenSans-MediumItalic.ttf") format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
font-stretch: 100%;
font-display: swap;
src: url("https://res.uvdata.net/fonts/open_sans/OpenSans-SemiBoldItalic.ttf") format('truetype');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
font-stretch: 100%;
font-display: swap;
src: url("https://res.uvdata.net/fonts/open_sans/OpenSans-BoldItalic.ttf") format('truetype');
}
.fr-view .fr-table-no-border tr > td,
.fr-view .fr-table-thin-border tr > td,
.fr-view .fr-table-fat-border tr > td {
border: 0;
}
.fr-view .fr-table-thin-border {
border: 1px solid black;
}
.fr-view .fr-table-fat-border {
border: 5px solid black;
}
.fr-view tr > td.fr-table-cell-thin-border {
border: 1px double black;
}
.fr-view tr > td.fr-table-cell-fat-border {
border: 5px solid black;
}
.fr-view .fr-custom-video-provider-iframe {
width: 640px;
height: 360px;
}
.fr-no-border .fr-wrapper {
box-shadow: none !important;
border-radius: 0 !important;
}
.fr-border {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
border-radius: 0 0 2px 2px;
}
.fr-element .fr-custom-video-provider-iframe {
height: unset;
width: unset;
}
.arbejdsopgave-edit {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 8px;
}
.arbejdsopgave-edit .fr-box.fr-basic {
min-height: 100px;
}
.arbejdsopgave-edit .fr-box.fr-basic .fr-element {
font-size: 20px;
font-weight: 200;
}
.arbejdsopgave-edit .fr-view .fr-text-bordered {
border-color: currentColor;
}
.arbejdsopgave-edit .fr-view a {
color: #ffffff;
text-decoration: underline;
word-wrap: break-word;
}
.arbejdsopgave-edit .fr-view .text-muted {
color: #dddddd;
}
.fr-popup {
z-index: 2147483635 !important;
}
.fr-toolbar.fr-inline {
z-index: 10;
}
.mu-fbb-toolbar-button[disabled]:hover {
background-color: white !important;
cursor: not-allowed !important;
}
.mu-fbb-toolbar-button::after {
display: none;
}
i.mu-fbb-toolbar-icon {
background-color: #366161;
color: white;
width: 28px !important;
height: 28px;
margin: 0 5px !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
border-radius: 24px;
}
#mu-fbb-dropdown-camera,
#mu-fbb-dropdown-screen {
padding: 0 10px;
display: -ms-flexbox;
display: flex;
column-gap: 4px;
-ms-flex-pack: left;
justify-content: left;
-ms-flex-align: center;
align-items: center;
}
#mu-fbb-dropdown-camera svg,
#mu-fbb-dropdown-camera i,
#mu-fbb-dropdown-screen svg,
#mu-fbb-dropdown-screen i {
margin-right: 6px;
}
.resource {
text-align: center;
}
.resource > a {
min-height: 132px;
}
.resource-img {
display: inline-block;
width: 180px;
height: 80px;
border: solid 1px #f0f0f0;
box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 0;
margin-bottom: 7px;
}
.resource-icon {
max-width: 180px;
max-height: 80px;
width: 100%;
margin-bottom: 7px;
display: inline-block;
border: solid 1px #f0f0f0;
box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 0;
}
.resource-icon > i {
font-size: 55px;
vertical-align: middle;
line-height: inherit;
}
.default-resources-logo {
width: 180px;
height: 80px;
}
.well {
padding: 20px;
}
.well > h3 {
margin-top: 0;
}
.licens-text {
color: #999;
}
.licens-laeremidler-tab {
min-height: 150px;
}
.editor-actions-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
column-gap: 30px;
}
.editor-actions-row .modern-video-target {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -ms-flexbox;
display: flex;
column-gap: 30px;
}
.editor-actions-row .editor-actions-row-item {
width: 143px;
}
.top-padded {
padding-top: 30px;
}
[tabindex="-1"] {
outline: none !important;
}
.btn {
text-transform: none;
}
.btn.btn-default {
border-radius: 0;
text-transform: none;
}
.btn.btn-primary {
border-radius: 0;
text-transform: none;
}
.btn.btn-full-width {
width: 100%;
}
.btn.btn-default.active {
background-color: #f0f0f0;
}
.btn-text {
padding: 6px 0;
margin: -10px -1px -7px;
position: relative;
z-index: 1;
font: inherit;
}
.btn-nooutline {
outline: none !important;
}
.btn-transparent {
font-weight: 400;
color: #fff;
background-color: transparent;
border-color: #fff;
}
.btn-transparent:focus,
.btn-transparent.focus {
color: #fff;
background-color: rgba(0, 0, 0, 0);
border-color: #bfbfbf;
}
.btn-transparent:hover {
color: #fff;
background-color: rgba(0, 0, 0, 0);
border-color: #e0e0e0;
}
.btn-transparent:active,
.btn-transparent.active,
.open > .dropdown-toggle.btn-transparent {
color: #fff;
background-color: rgba(0, 0, 0, 0);
border-color: #e0e0e0;
}
.btn-transparent:active:hover,
.btn-transparent.active:hover,
.open > .dropdown-toggle.btn-transparent:hover,
.btn-transparent:active:focus,
.btn-transparent.active:focus,
.open > .dropdown-toggle.btn-transparent:focus,
.btn-transparent:active.focus,
.btn-transparent.active.focus,
.open > .dropdown-toggle.btn-transparent.focus {
color: #fff;
background-color: rgba(0, 0, 0, 0);
border-color: #bfbfbf;
}
.btn-transparent:active,
.btn-transparent.active,
.open > .dropdown-toggle.btn-transparent {
background-image: none;
}
.btn-transparent.disabled,
.btn-transparent[disabled],
fieldset[disabled] .btn-transparent,
.btn-transparent.disabled:hover,
.btn-transparent[disabled]:hover,
fieldset[disabled] .btn-transparent:hover,
.btn-transparent.disabled:focus,
.btn-transparent[disabled]:focus,
fieldset[disabled] .btn-transparent:focus,
.btn-transparent.disabled.focus,
.btn-transparent[disabled].focus,
fieldset[disabled] .btn-transparent.focus,
.btn-transparent.disabled:active,
.btn-transparent[disabled]:active,
fieldset[disabled] .btn-transparent:active,
.btn-transparent.disabled.active,
.btn-transparent[disabled].active,
fieldset[disabled] .btn-transparent.active {
background-color: transparent;
border-color: #fff;
}
.btn-transparent .badge {
color: transparent;
background-color: #fff;
}
.btn-clean {
margin: 0;
padding: 0;
border: none;
box-shadow: none;
background: transparent;
}
.btn-clean:active {
box-shadow: none;
}
.btn-grey {
background-color: #F2F2F2;
}
.btn-mu {
background-color: #285657;
color: #FFFFFF;
font-size: 16px;
font-weight: 500;
}
.btn-mu:focus,
.btn-mu:hover {
color: #FFFFFF;
}
.btn.btn-circle {
color: #4d4d4d;
background-color: #fff;
border-color: #4d4d4d;
width: 44px;
height: 44px;
line-height: 44px;
padding: 0px;
font-size: 12px;
border-radius: 22px;
}
.btn.btn-circle:focus,
.btn.btn-circle.focus {
color: #4d4d4d;
background-color: #e6e6e6;
border-color: #0d0d0d;
}
.btn.btn-circle:hover {
color: #4d4d4d;
background-color: #e6e6e6;
border-color: #2e2e2e;
}
.btn.btn-circle:active,
.btn.btn-circle.active,
.open > .dropdown-toggle.btn.btn-circle {
color: #4d4d4d;
background-color: #e6e6e6;
border-color: #2e2e2e;
}
.btn.btn-circle:active:hover,
.btn.btn-circle.active:hover,
.open > .dropdown-toggle.btn.btn-circle:hover,
.btn.btn-circle:active:focus,
.btn.btn-circle.active:focus,
.open > .dropdown-toggle.btn.btn-circle:focus,
.btn.btn-circle:active.focus,
.btn.btn-circle.active.focus,
.open > .dropdown-toggle.btn.btn-circle.focus {
color: #4d4d4d;
background-color: #d4d4d4;
border-color: #0d0d0d;
}
.btn.btn-circle:active,
.btn.btn-circle.active,
.open > .dropdown-toggle.btn.btn-circle {
background-image: none;
}
.btn.btn-circle.disabled,
.btn.btn-circle[disabled],
fieldset[disabled] .btn.btn-circle,
.btn.btn-circle.disabled:hover,
.btn.btn-circle[disabled]:hover,
fieldset[disabled] .btn.btn-circle:hover,
.btn.btn-circle.disabled:focus,
.btn.btn-circle[disabled]:focus,
fieldset[disabled] .btn.btn-circle:focus,
.btn.btn-circle.disabled.focus,
.btn.btn-circle[disabled].focus,
fieldset[disabled] .btn.btn-circle.focus,
.btn.btn-circle.disabled:active,
.btn.btn-circle[disabled]:active,
fieldset[disabled] .btn.btn-circle:active,
.btn.btn-circle.disabled.active,
.btn.btn-circle[disabled].active,
fieldset[disabled] .btn.btn-circle.active {
background-color: #fff;
border-color: #4d4d4d;
}
.btn.btn-circle .badge {
color: #fff;
background-color: #4d4d4d;
}
.btn.btn-circle.long-names {
white-space: normal;
display: table-cell;
line-height: 10px;
border: none;
font-size: 10px;
}
.btn.btn-circle.btn-circle-sm {
font-size: 10px;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 15px;
}
.btn.btn-circle.btn-circle-sm.long-names {
line-height: 10px;
}
.btn.btn-circle.btn-circle-lg {
font-size: 12px;
width: 64px;
height: 64px;
line-height: 64px;
border-radius: 32px;
}
.btn.btn-circle.btn-circle-lg.long-names {
line-height: 15px;
}
.btn.btn-circle .long-names {
white-space: normal;
display: table-cell;
border: none;
}
.input-group .input-group-btn .btn-default {
border-color: #CCCCCC;
}
.input-group input:focus + .input-group-btn .btn-default {
border-color: #4d4d4d;
}
.toggle-label {
position: relative;
top: -5px;
display: inline-block;
height: 26px;
width: 46px;
background: #a2a2a2;
border-radius: 13px;
cursor: pointer;
transition: all 0.2s ease;
}
.toggle-label:after {
position: absolute;
left: 2px;
top: 2px;
display: inline-block;
width: 22px;
height: 22px;
border-radius: 13px;
background: #fff;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
content: '';
transition: all 0.2s ease;
}
.toggle-label:active:after {
transform: scale(1.15, 0.85);
}
.btn-deliver {
margin-bottom: 20px;
background-color: #8dc5c6;
border-color: #8dc5c6;
color: #FFFFFF;
border-radius: 50%;
position: relative;
z-index: 2;
box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
}
.btn-deliver:hover,
.btn-deliver:active,
.btn-deliver:focus {
border-color: #8dc5c6;
background-color: #8dc5c6;
color: #FFFFFF;
}
.btn-deliver:hover {
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
}
.btn-deliver:active {
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.btn-aflevering {
position: relative;
padding: 7px 0 0 10px;
border-radius: 20px;
height: 40px;
width: 40px;
display: inline-block;
}
.btn-aflevering .fa {
font-size: 24px;
}
.btn-aflevering .label-ny {
position: absolute;
top: 20px;
right: -9px;
padding: 3px;
background-color: #ED6A66;
top: 25px;
right: 10px;
}
.btn-aflevering.not-done .md,
.btn-aflevering.done .md {
position: relative;
top: -4px;
left: -4px;
}
.btn-aflevering.no-attachment,
.btn-aflevering.not-done {
background-color: #D0D0D0;
}
.btn-google-auth {
--height: 40px;
--padding: 12px;
-moz-appearance: none;
appearance: none;
width: 240px;
height: var(--height);
padding: 0 var(--padding);
background: #1a73e8;
color: white;
transition: background-color 0.2s;
border: none;
font-family: "Open Sans", arial, sans-serif;
font-weight: 600;
font-size: 14px;
border-radius: 4px;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.btn-google-auth:before {
content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' class='LgbsSe-Bz112c'%3E%3Cg%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'%3E%3C/path%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'%3E%3C/path%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'%3E%3C/path%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'%3E%3C/path%3E%3Cpath fill='none' d='M0 0h48v48H0z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
width: 36px;
height: 36px;
padding: 9px;
display: inline-block;
margin-top: 0;
margin-left: -10px;
margin-right: 12px;
background: white;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.btn-google-auth:hover {
background: #5194ee;
border-color: #d2e3fc;
color: white;
}
.btn-google-auth:focus,
.btn-google-auth:active {
border: none;
color: white;
box-shadow: none;
outline: none;
}
.btn-microsoft-auth {
padding: 12px;
background: #2F2F2F;
color: white;
font-size: 15px;
font-weight: 600;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: 41px;
width: 200px;
}
.btn-microsoft-auth:before {
content: url("data:image/svg+xml,%3Csvg viewBox='0 5.5 32 20.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3C/defs%3E%3Ctitle%3EOfficeCore10_32x_24x_20x_16x_01-22-2019%3C/title%3E%3Cg id='STYLE_COLOR'%3E%3Cpath d='M12.20245,11.19292l.00031-.0011,6.71765,4.02379,4.00293-1.68451.00018.00068A6.4768,6.4768,0,0,1,25.5,13c.14764,0,.29358.0067.43878.01639a10.00075,10.00075,0,0,0-18.041-3.01381C7.932,10.00215,7.9657,10,8,10A7.96073,7.96073,0,0,1,12.20245,11.19292Z' style='fill: rgb(128, 128, 128);'%3E%3C/path%3E%3Cpath d='M12.20276,11.19182l-.00031.0011A7.96073,7.96073,0,0,0,8,10c-.0343,0-.06805.00215-.10223.00258A7.99676,7.99676,0,0,0,1.43732,22.57277l5.924-2.49292,2.63342-1.10819,5.86353-2.46746,3.06213-1.28859Z' style='fill: rgb(179, 179, 179);'%3E%3C/path%3E%3Cpath d='M25.93878,13.01639C25.79358,13.0067,25.64764,13,25.5,13a6.4768,6.4768,0,0,0-2.57648.53178l-.00018-.00068-4.00293,1.68451,1.16077.69528L23.88611,18.19l1.66009.99438,5.67633,3.40007a6.5002,6.5002,0,0,0-5.28375-9.56805Z' style='fill: rgb(204, 204, 204);'%3E%3C/path%3E%3Cpath d='M25.5462,19.18437,23.88611,18.19l-3.80493-2.2791-1.16077-.69528L15.85828,16.5042,9.99475,18.97166,7.36133,20.07985l-5.924,2.49292A7.98889,7.98889,0,0,0,8,26H25.5a6.49837,6.49837,0,0,0,5.72253-3.41556Z' style='fill: rgb(255, 255, 255);'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
margin-top: 2px;
height: 21px;
width: 21px;
margin-right: 12px;
display: inline-block;
}
.btn-microsoft-auth:hover {
background: #4f4f4f;
color: white;
}
.btn-microsoft-auth:focus,
.btn-microsoft-auth:active {
border: none;
color: white;
box-shadow: none;
outline: none;
}
.delete-button-inline,
.delete-from-portefoelje {
position: absolute;
top: 0;
right: 0;
width: 23px;
height: 23px;
font-size: 18px;
line-height: 23px;
text-align: center;
background-color: #a2a2a2;
color: #ffffff;
border-radius: 12px;
box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
z-index: 2;
cursor: pointer;
}
.tile {
display: inline-block;
margin: 0 auto;
padding: 20px;
text-align: center;
cursor: pointer;
}
.tile .tile-icon {
position: relative;
margin: 20px auto;
width: 120px;
height: 140px;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
}
.tile .tile-icon img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.tile.tile-primary .tile-icon {
background-color: #3E6768;
color: #FFFFFF;
}
.tile.tile-big .tile-icon {
width: 150px;
height: 175px;
}
a.tile:hover {
text-decoration: none;
}
.tab-pane {
padding: 10px;
}
.nav.nav-tabs.nav-tabs-big {
text-align: center;
}
.nav.nav-tabs.nav-tabs-big li {
float: none;
display: inline-block;
width: 140px;
font-weight: 300;
}
.nav-icon-menu li > a {
background-color: #eeeeee;
}
.nav-icon-menu li > a:hover {
background-color: #e1e1e1;
}
.nav-icon-menu li.active > a:focus,
.nav-icon-menu li.active > a:hover,
.nav-icon-menu li.active > a {
background-color: #757575;
}
.nav-icon-menu a {
color: #333333;
}
.nav-icon-menu .nav-icon-menu-icon {
margin-top: 10px;
height: 60px;
}
.nav-icon-menu .nav-icon-menu-icon img {
height: 50px;
width: 50px;
}
.nav-icon-menu.disabled {
pointer-events: none;
}
.link-inverted {
color: #fff;
cursor: pointer;
}
.link-inverted:hover {
color: #fff;
cursor: pointer;
text-decoration: underline;
}
.miira-toggle {
background-color: #366161;
overflow: hidden;
position: relative;
}
.miira-toggle > img {
position: absolute;
bottom: 1px;
transform: translateX(-1px);
}
.table.table-blocked {
border-spacing: 2px;
border-collapse: separate;
}
.table.table-blocked .clickable {
cursor: pointer;
}
.table.table-blocked tr td {
border: 0;
height: 48px;
background: #f0f0f0;
vertical-align: middle;
}
.table.table-blocked tr td.table-blocked-icon {
background-repeat: no-repeat;
background-position: 15px 50%;
padding-left: 60px;
}
.table.table-blocked tr.table-blocked-header {
margin-top: 20px;
}
.table.table-blocked tr.table-blocked-header td {
background: transparent;
font-size: 11px;
}
.table.table-blocked tr.table-blocked-header td.table-blocked-header-headline {
font-size: 15px;
font-weight: 300;
}
.table.table-middle > tbody > tr > td,
.table.table-middle > tfoot > tr > td,
.table.table-middle > thead > tr > td,
.table.table-middle > tbody > tr > th,
.table.table-middle > tfoot > tr > th,
.table.table-middle > thead > tr > th {
vertical-align: middle;
}
.legend .legend-item {
float: right;
padding: 10px;
margin-left: 10px;
}
.legend .legend-item .legend-object.legend-object-square {
margin: 0px auto;
width: 16px;
height: 16px;
}
.legend .legend-item .legend-description {
margin-top: 5px;
font-size: 12px;
}
.well {
border: none;
box-shadow: none;
}
.well.well-light {
background: #fff;
border: solid 1px #d5d4d1;
}
.well.well-semi {
background: #fcfbf9;
border: solid 1px #d5d4d1;
}
.well.well-info {
background: #f5f3ba;
}
.details {
margin: 10px 0;
padding: 10px 0;
}
.details .details-item {
font-weight: 300;
height: 40px;
line-height: normal;
}
.details .details-item .details-item-left {
float: left;
margin-left: 10px;
overflow: hidden;
white-space: nowrap;
max-width: 156px;
text-overflow: ellipsis;
}
.details .details-item .details-item-left.full-width {
max-width: 100%;
}
.details .details-item .details-item-right {
float: right;
margin: 0 10px 0 0;
}
.details .details-items-extended {
padding: 10px 0;
}
.details .details-items-extended .details-item {
font-size: 13px;
height: 30px;
}
.details .details-items-extended .details-item .details-item-left {
margin-left: 10px;
}
.details .details-items-extended .details-item .details-item-right {
margin: 0 30px 0 0;
}
.otto-label {
font-weight: 400;
}
label {
font-weight: 400;
margin-top: 0;
}
input[type="text"].form-control.form-control-text-transparent,
.form-transparent input[type="text"].form-control {
background: transparent;
transition: none;
border: 0;
color: #000;
font-weight: 300;
border-bottom: solid 1px #333;
padding-left: 5px;
box-shadow: none;
}
input[type="text"].form-control.form-control-text-transparent.form-control-text-transparent-white,
.form-transparent input[type="text"].form-control.form-control-text-transparent-white {
color: #fff;
border-bottom: solid 1px #fff;
}
input[type="text"].form-control.form-control-text-transparent.form-control-text-transparent-thick,
.form-transparent input[type="text"].form-control.form-control-text-transparent-thick {
border-bottom-width: 2px;
}
.form-compact label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 40px;
display: inline-block;
height: 24px;
padding: 2px;
margin: 0;
font-weight: normal;
}
.form-compact label:after {
content: ':';
}
.form-compact .form-control {
width: 90px;
display: inline-block;
height: 24px;
padding: 2px;
vertical-align: top;
text-align: center;
}
.form-compact .form-group {
margin-bottom: 0;
}
.form-compact .btn {
padding: 4px 10px;
}
p.as-label {
display: inline-block;
max-width: 100%;
margin: 0 0 5px 0;
font-weight: bold;
}
.froala-placeholder {
min-height: 91px;
border: 1px solid black;
border-top-width: 5px;
padding: 46px 10px 10px;
line-height: 140%;
}
select.select-large {
min-height: 42px;
font-size: 16px;
}
textarea {
resize: vertical;
}
.checkbox-toggle {
cursor: pointer;
}
.checkbox-toggle > input[type=checkbox] {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
opacity: 0;
}
.checkbox-toggle > input[type=checkbox]:focus + div {
outline: 2px auto #777777;
}
.checkbox-toggle > div {
min-height: 26px;
padding-left: 56px;
line-height: 26px;
position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox-toggle > div:before {
left: 0;
height: 26px;
width: 46px;
position: absolute;
display: block;
content: " ";
background: #a2a2a2;
border-radius: 13px;
transition: background 0.2s ease;
}
.checkbox-toggle > div:after {
height: 22px;
width: 22px;
position: absolute;
top: 2px;
margin-left: 2px;
margin-right: 22px;
left: 0;
display: block;
content: " ";
border-radius: 50%;
background: #ffffff;
transition: margin 0.2s ease;
}
.checkbox-toggle > div:empty {
padding-left: 46px;
}
.checkbox-toggle > input[type=checkbox]:checked ~ div:before {
background: #37862a;
}
.checkbox-toggle > input[type=checkbox]:checked ~ div:after {
margin-left: 22px;
margin-right: 2px;
}
.checkbox-toggle.checkbox-right > div {
padding-left: 0;
padding-right: 56px;
}
.checkbox-toggle.checkbox-right > div:before,
.checkbox-toggle.checkbox-right > div:after {
left: auto;
right: 0;
}
.checkbox-toggle.checkbox-block {
display: block;
width: 100%;
}
.checkbox-toggle.checkbox-block > div {
display: block;
}
.checkbox-toggle > input:disabled[type=checkbox] ~ div,
.checkbox-toggle:hover > input:disabled[type=checkbox] ~ div,
.checkbox-toggle:focus > input:disabled[type=checkbox] ~ div {
cursor: not-allowed;
}
.checkbox-toggle > input:disabled[type=checkbox] ~ div:before,
.checkbox-toggle:hover > input:disabled[type=checkbox] ~ div:before,
.checkbox-toggle:focus > input:disabled[type=checkbox] ~ div:before {
background-color: #c7c7c7;
opacity: 1;
}
.checkbox-toggle > input:disabled[type=checkbox] ~ div:after,
.checkbox-toggle:hover > input:disabled[type=checkbox] ~ div:after,
.checkbox-toggle:focus > input:disabled[type=checkbox] ~ div:after {
background-color: #ececec;
opacity: 1;
}
.checkbox-toggle > input:disabled[type=checkbox]:checked ~ div:before,
.checkbox-toggle:hover > input:disabled[type=checkbox]:checked ~ div:before,
.checkbox-toggle:focus > input:disabled[type=checkbox]:checked ~ div:before {
background-color: #9bc395;
}
.radio-styled {
font-weight: inherit;
margin: 0;
display: inline-block;
}
label.radio-styled {
cursor: pointer;
}
.radio-styled + .radio-styled {
margin-top: 4px;
}
.radio-styled > div {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding-left: 32px;
position: relative;
line-height: 22px;
min-height: 22px;
}
.radio-styled > div:empty {
padding-left: 22px;
}
.radio-styled > div:before {
content: " ";
height: 22px;
width: 22px;
display: block;
border-radius: 11px;
color: #ccc;
border: 1px solid currentColor;
position: absolute;
top: calc(50% - 22px/2);
left: 0;
text-align: center;
}
.radio-styled:focus > input[type=radio] ~ div:before,
.radio-styled:hover > input[type=radio] ~ div:before,
.radio-styled:focus > input[type=radio] ~ div:after,
.radio-styled:hover > input[type=radio] ~ div:after {
color: #a6a6a6;
}
.radio-styled:focus > input[type=radio]:checked ~ div:before,
.radio-styled:hover > input[type=radio]:checked ~ div:before,
.radio-styled:focus > input[type=radio]:checked ~ div:after,
.radio-styled:hover > input[type=radio]:checked ~ div:after {
color: #6cbe6c;
}
.radio-styled > input[type=radio] {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
opacity: 0;
}
.radio-styled > input[type=radio]:checked ~ div:before,
.radio-styled.checked > div:before {
color: #449944;
}
.radio-styled > input[type=radio]:checked ~ div:after,
.radio-styled.checked > div:after {
content: " ";
display: block;
border-radius: 7px;
width: 14px;
height: 14px;
background-color: #449944;
position: absolute;
top: calc(50% - 14px/2);
left: 4px;
}
.radio-styled > input[type=radio]:focus ~ div:before {
border-color: #366161;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(54, 97, 97, 0.6);
}
.radio-styled > input:disabled[type=radio] ~ div,
.radio-styled:hover > input:disabled[type=radio] ~ div,
.radio-styled:focus > input:disabled[type=radio] ~ div {
cursor: not-allowed;
}
.radio-styled > input:disabled[type=radio] ~ div:before,
.radio-styled:hover > input:disabled[type=radio] ~ div:before,
.radio-styled:focus > input:disabled[type=radio] ~ div:before {
color: #ccc;
background-color: #eeeeee;
opacity: 1;
}
.radio-styled > input:disabled[type=radio] ~ div:after,
.radio-styled:hover > input:disabled[type=radio] ~ div:after,
.radio-styled:focus > input:disabled[type=radio] ~ div:after {
background-color: #ccc;
}
.radio-button-group {
display: -ms-flexbox;
display: flex;
margin: 5px 0;
}
.radio-button {
font-weight: inherit;
margin: 0;
display: inline-block;
}
.radio-button-group .radio-button {
-ms-flex: 0 1 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
text-align: center;
}
.radio-button > div {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 6px 12px;
border: 1px solid #4d4d4d;
border-left: 0;
cursor: pointer;
background-color: #fff;
}
.radio-button:first-child > div {
border-left: 1px solid #4d4d4d;
border-radius: 17px 0 0 17px;
}
.radio-button:last-child > div {
border-radius: 0 17px 17px 0;
}
.radio-button:focus > input[type=radio] ~ div,
.radio-button:hover > input[type=radio] ~ div,
.radio-button:focus > input[type=radio] ~ div,
.radio-button:hover > input[type=radio] ~ div {
background-color: #eee;
}
.radio-button > input[type=radio] {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
opacity: 0;
}
.radio-button > input[type=radio]:checked ~ div {
background-color: #295758;
color: white;
cursor: default;
}
.radio-button > input[type=radio]:focus ~ div {
border-color: #366161;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(54, 97, 97, 0.6);
}
.editable {
cursor: pointer;
}
.editable:not(.editable-insert):after {
display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
line-height: inherit;
vertical-align: bottom;
content: "\F3EB";
margin-left: 0.3em;
}
@media print {
.editable:not(.editable-insert):after {
display: none;
}
}
.editable.editable-insert > :last-child:after {
display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
line-height: inherit;
vertical-align: bottom;
content: "\F3EB";
margin-left: 0.3em;
font-size: 16px;
vertical-align: middle;
}
@media print {
.editable.editable-insert > :last-child:after {
display: none;
}
}
.flex {
display: -ms-flexbox;
display: flex;
}
.flex.align-items-center {
-ms-flex-align: center;
align-items: center;
}
.flex.align-items-end {
-ms-flex-align: end;
align-items: end;
}
.flex.flex-column {
-ms-flex-direction: column;
flex-direction: column;
}
.flex.flex-column > .flex-fill {
width: 0;
}
.flex.flex-grow {
-ms-flex-positive: 1;
flex-grow: 1;
}
.flex.justify-content-end {
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex:not(.flex-column) > .flex-fill {
height: 0;
}
.flex > .flex-fill {
-ms-flex: 1 0 auto;
-ms-flex-positive: 1;
flex-grow: 1;
}
.flex-noshrink {
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.flex-buttons {
-ms-flex-direction: row;
flex-direction: row;
display: -ms-flexbox;
display: flex;
}
.flex-buttons.align-items-center {
-ms-flex-align: center;
align-items: center;
}
.flex-buttons.align-items-end {
-ms-flex-align: end;
align-items: end;
}
.flex-buttons.flex-column {
-ms-flex-direction: column;
flex-direction: column;
}
.flex-buttons.flex-column > .flex-fill {
width: 0;
}
.flex-buttons.flex-grow {
-ms-flex-positive: 1;
flex-grow: 1;
}
.flex-buttons.justify-content-end {
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-buttons:not(.flex-column) > .flex-fill {
height: 0;
}
.flex-buttons > .flex-fill {
-ms-flex: 1 0 auto;
-ms-flex-positive: 1;
flex-grow: 1;
}
.flex-buttons > .btn {
-ms-flex: 1;
flex: 1;
margin: 0 2px;
}
.flex-buttons > .btn:first-child {
margin-left: 0;
}
.flex-buttons > .btn:last-child {
margin-right: 0;
}
.fill-height {
height: 100%;
}
.center-vertical {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
}
.row-flex {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.row-flex.wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row-flex.center {
-ms-flex-align: center;
align-items: center;
}
.row-flex:not(.no-padding) {
margin-left: -15px;
margin-right: -15px;
}
.row-flex:not(.no-padding) .col-fixed,
.row-flex:not(.no-padding) .col-grow-1,
.row-flex:not(.no-padding) .col-grow-2,
.row-flex:not(.no-padding) .col-grow-3,
.row-flex:not(.no-padding) .col-width-third {
min-height: 1px;
padding: 7.5px 15px;
}
.row-flex:not(.no-padding) .col-fixed.first,
.row-flex:not(.no-padding) .col-grow-1.first,
.row-flex:not(.no-padding) .col-grow-2.first,
.row-flex:not(.no-padding) .col-grow-3.first,
.row-flex:not(.no-padding) .col-width-third.first {
padding-left: 0;
}
.row-flex:not(.no-padding) .col-fixed.last,
.row-flex:not(.no-padding) .col-grow-1.last,
.row-flex:not(.no-padding) .col-grow-2.last,
.row-flex:not(.no-padding) .col-grow-3.last,
.row-flex:not(.no-padding) .col-width-third.last {
padding-right: 0;
}
.row-flex .col-fixed {
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.row-flex .col-width-third {
width: 30%;
}
.row-flex .col-grow-1 {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 1px;
flex-basis: 1px;
}
.row-flex .col-grow-2 {
-ms-flex-positive: 2;
flex-grow: 2;
-ms-flex-preferred-size: 2px;
flex-basis: 2px;
}
.row-flex .col-grow-3 {
-ms-flex-positive: 3;
flex-grow: 3;
-ms-flex-preferred-size: 3px;
flex-basis: 3px;
}
.row-flex .col-fixed:empty {
display: none;
}
.row-flex .col-fixed:empty.no-empty-hide {
display: block;
}
@media (max-width: 992px) {
.row-flex.md-column {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: stretch;
align-items: stretch;
}
.row-flex.md-column .col-fixed {
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media (max-width: 992px) {
.row-flex .md-order-1 {
-ms-flex-order: 1;
order: 1;
}
.row-flex .md-order-2 {
-ms-flex-order: 2;
order: 2;
}
.row-flex .md-order-3 {
-ms-flex-order: 3;
order: 3;
}
.row-flex .md-order-4 {
-ms-flex-order: 4;
order: 4;
}
.row-flex .md-order-5 {
-ms-flex-order: 5;
order: 5;
}
.row-flex .md-width-auto {
width: auto;
-ms-flex-positive: 1;
flex-grow: 1;
}
.row-flex .md-width-full {
width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
.file {
position: relative;
display: inline-block;
vertical-align: top;
width: 90px;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
margin: 20px 10px 5px 0;
text-align: center;
font-weight: 400;
color: #4d4d4d;
border-radius: 5px;
border: 1px solid #CCC;
box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
background-color: #FFFFFF;
}
.file .file-icon {
display: block;
padding: 10px;
height: 52px;
text-align: center;
}
.file .file-icon img {
max-height: 32px;
width: auto;
}
.file .file-icon .fa {
font-size: 2em;
}
.file a.disabled {
pointer-events: none;
cursor: default;
}
.file p,
.file .text-overflow {
font-size: 14px;
margin-bottom: 10px;
color: #4D4D4D;
}
.file .file-delete {
position: absolute;
top: -10px;
right: -7px;
width: 30px;
height: 30px;
font-size: 20px;
line-height: 30px;
background-color: #999;
color: #FFFFFF;
border-radius: 15px;
box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
z-index: 2;
border: none;
}
.file[data-action] {
cursor: pointer;
}
.file.file-sm {
padding-top: 0;
width: 65px;
height: 73px;
}
.file.file-sm .file-icon {
margin-top: 7px;
padding: 5px;
height: 40px;
}
.file.file-sm .file-icon i.fa {
font-size: 2em;
}
.file.file-sm .file-delete {
top: -6px;
right: -8px;
width: 21px;
height: 21px;
box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
}
.file.file-sm .file-delete span {
position: absolute;
top: 2px;
left: 5px;
font-size: 16px;
}
.file.file-sm p {
font-size: 10px;
margin-bottom: 10px;
}
.file.file-error:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "Øv! Filen er væk";
padding: 17px 5px 0;
font-size: 12px;
background-color: rgba(255, 255, 255, 0.7);
text-shadow: 1px 1px 1px #c94a4a, -1px -1px 1px #c94a4a;
color: white;
}
.file.file-pending:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "Filen kopieres..";
padding: 16px 5px 0;
font-size: 12px;
background-color: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px 1px black, -1px -1px 1px black;
color: white;
}
a.file {
cursor: pointer;
}
.icon-thumbnail {
position: absolute;
top: 5px;
left: 5px;
background-size: cover;
background-position: center center;
width: 80px;
height: calc(100% - 10px);
border-radius: 5px;
z-index: 1;
}
.file-sm .icon-thumbnail {
width: 55px;
height: 63px;
}
.folder-browser {
position: relative;
}
.folder-browser .folder-browser-loader {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
opacity: 0.8;
}
.folder-browser.folder-browser-loading .folder-browser-loader {
display: block;
}
.folder-browser .table {
table-layout: fixed;
width: 100%;
}
.folder-browser .table tr {
cursor: pointer;
}
.folder-browser th.folder-browser-item-icon {
width: 40px;
text-align: center;
}
.folder-browser th.folder-browser-item-extension,
.folder-browser th.folder-browser-item-preview {
width: 80px;
}
.folder-browser th.folder-browser-item-name {
width: 40%;
}
.folder-browser th.folder-browser-item-description {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.folder-browser td.folder-browser-item-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.folder-browser td.folder-browser-item-icon {
position: relative;
}
.folder-browser td.folder-browser-item-icon .md-folder {
font-size: 16px;
}
.folder-browser td.folder-browser-item-icon .folder-browser-item-icon-link img {
width: 16px;
}
.folder-browser td.folder-browser-item-icon .shortcut {
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
border-radius: 50%;
color: #8f8f8f;
display: -ms-flexbox;
display: flex;
font-size: 8px;
height: 10px;
-ms-flex-pack: center;
justify-content: center;
left: 3px;
position: absolute;
top: 17px;
transform: rotate(-55deg);
width: 10px;
z-index: 1;
}
.folder-browser td.folder-browser-item-icon .shortcut + .md-folder {
color: #8f8f8f;
}
.hold-context {
position: relative;
background: #fff;
box-shadow: 0px 2px rgba(0, 0, 0, 0.2);
border-top: 1px solid #DDDDD6;
}
.hold-context img {
height: 45px;
margin-top: 5px;
margin-right: 10px;
}
.hold-context .pull-left:nth-child(2) {
max-width: calc(100% - 50px);
}
.hold-context h4 {
line-height: 50px;
margin: 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.hold-context h4 a {
color: #4d4d4d;
}
.hold-context h4 a:hover,
.hold-context h4 a:visited,
.hold-context h4 a:focus {
text-decoration: none;
color: #4d4d4d;
}
.profile-image {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
html,
body {
height: 100%;
margin: 0;
color: #4d4d4d;
}
html.dialog-open,
body.dialog-open {
background-color: #295758;
}
p {
margin-bottom: 8px;
}
a {
cursor: pointer;
}
.profile-image {
background-position: 50% 50%;
background-repeat: no-repeat;
}
.image-width-largest {
background-size: auto 100% !important;
}
.image-height-largest {
background-size: 100% auto !important;
}
.fullpage-dialog-bar-placeholder {
height: 80px;
}
.fullpage-dialog-bar {
color: #fff;
height: 80px;
background: #4d4d4d;
box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 0px;
top: 0;
left: 0;
width: 100%;
z-index: 1001;
}
.fullpage-dialog-bar h1,
.fullpage-dialog-bar h2,
.fullpage-dialog-bar h3,
.fullpage-dialog-bar h4,
.fullpage-dialog-bar h5,
.fullpage-dialog-bar h6 {
color: #fff;
}
#wrapper {
--topbar-height: 61px;
}
#wrapper.with-top-info-bar {
--topbar-height: calc(61px + 40px);
}
div.top-bar {
background: #fff;
width: 100%;
color: #fff;
height: var(--topbar-height);
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-direction: column;
flex-direction: column;
}
div.top-bar .top-bar-container {
padding-inline: 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-align: center;
align-items: center;
}
div.top-bar .back-button {
margin-right: 15px;
cursor: pointer;
}
div.top-bar .logo {
cursor: pointer;
}
div.top-bar .profile .dropdown-button {
margin-left: 5px;
border: none;
padding: 0;
}
div.top-bar .pull-right.profile {
cursor: pointer;
height: var(--topbar-height);
line-height: var(--topbar-height);
}
div.top-bar .pull-right.profile h4 {
display: inline-block;
margin-right: 10px;
}
div.top-bar .pull-right.my-week-calendar {
cursor: pointer;
height: var(--topbar-height);
line-height: var(--topbar-height);
}
div.top-bar .forloebsbibliotek {
position: relative;
}
div.top-bar .forloebsbibliotek a .tag.tag-new {
position: absolute;
top: 8px;
left: -10px;
line-height: normal;
}
.top-bar-infobar {
height: 40px;
line-height: 40px;
background-color: #ffd;
color: #333;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
text-align: center;
}
.top-bar-infobar a {
padding-top: 3px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
color: #4d4d4d;
font-weight: 300;
}
h1.no-margin-top,
h2.no-margin-top,
h3.no-margin-top,
h4.no-margin-top,
h5.no-margin-top,
h6.no-margin-top {
margin-top: 0;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
font-weight: inherit;
}
#content {
background-color: #fff;
min-height: 90%;
margin-bottom: 50px;
padding-bottom: 70px;
/*article
{
margin-top: -20px;
}*/
}
#content.content-classroom {
background-image: url(/Node/assets/images/hold-5c5a87488b.svg);
background-size: 60% auto;
background-position: 40% 100%;
padding-bottom: 18%;
background-repeat: no-repeat;
}
#content.isJul.content-classroom {
background-image: url(/Node/assets/images/hold-jul-161cd88417.svg);
}
#content.content-beige {
background: #ebebe3;
}
#content.content-blue-light {
background: #eaf4f3;
}
#content.content-aarsplan {
background: #9ec0c1;
background-image: url(/Node/assets/images/aarsplan-3acd9988e8.svg);
background-position: 50% 200px;
background-size: 1920px auto;
background-repeat: no-repeat;
padding-bottom: 400px;
}
#content.content-my-week {
padding-bottom: 0;
margin-bottom: 0;
background-color: #f5f9f4;
}
#content.content-my-week article {
height: 100%;
}
#content.content-my-week article #app {
display: -ms-flexbox;
display: flex;
}
#content.content-my-week.erLaerer {
background-color: #f3f6f9;
}
#content.content-forloeb {
background-color: #c7b08d;
background-image: url(/Node/assets/images/forloeb-haefte-right-apple-9a79ccfa07.svg);
background-size: auto 1000px;
background-position: right -85px top 60px;
background-repeat: no-repeat;
padding-top: 0px;
}
#content.content-ugeplan {
background-color: white;
padding-top: 0px;
}
#content.content-no-padding-bottom {
padding-bottom: 0px;
}
#content.content-dialog-open {
background-color: #3e6768;
background-image: url(/Node/assets/images/dialog-a8d80f2506.svg);
background-size: 60% auto;
background-position: 50% 100%;
padding-bottom: 21%;
padding-top: 20px;
background-repeat: no-repeat;
}
.content-book {
position: relative;
margin-top: 20px;
padding: 20px 40px 60px 20px;
background: #fff;
box-shadow: 0px 0px 0px #f0f0f0, 20px 20px 0px #4d4d4d;
}
.content-book > .row {
padding: 20px 0;
}
.content-book .rings {
width: 87px;
left: -86px;
position: absolute;
top: 0px;
bottom: 0px;
background-image: url(/Node/assets/images/rings-85dfe3ca2d.png);
background-repeat: repeat-y;
}
.content-book.content-book-small {
margin-top: 0;
padding: 20px;
box-shadow: 11px 0px 0px #f0f0f0, 20px 10px 0px #4d4d4d;
}
.content-book.content-book-small .rings {
left: -31px;
position: absolute;
top: 13px;
bottom: 21px;
background-size: 75%;
}
#wrapper {
height: 100%;
}
#flash-queue {
z-index: 9999;
}
.separator-labelled {
border-bottom: 1px solid #ddd;
height: 10px;
margin: 20px 0;
}
.separator-labelled div {
float: left;
margin-left: 16px;
padding: 0 8px;
color: #999;
}
.searchField {
line-height: 1.42857143;
}
.searchField .searchbox-suggestions {
width: 300px;
right: 0;
left: auto;
}
.searchField input {
border-bottom-color: transparent;
}
.searchField input:focus {
border-bottom-color: #333333;
}
h1 a.btn.btn-link {
padding: 0px;
}
.extra-small {
font-size: 75%;
}
.pre-line {
white-space: pre-line;
}
.hr-text {
line-height: 1em;
position: relative;
outline: 0;
border: 0;
color: black;
text-align: center;
height: 1.5em;
}
.hr-text:before {
content: '';
background: #4d4d4d;
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
}
.hr-text:after {
content: attr(data-content);
position: relative;
display: inline-block;
color: #4d4d4d;
padding: 0 0.5em;
line-height: 1.5em;
background-color: #ffffff;
}
.separator-right,
.separator-left {
position: relative;
}
.separator-right:after,
.separator-left:after {
width: 1px;
content: ' ';
background: #eaebef;
top: 0;
bottom: 0;
position: absolute;
}
.separator-left {
padding-left: 30px;
}
.separator-left:after {
left: -1px;
}
.separator-right {
padding-right: 30px;
}
.separator-right:after {
right: 0;
}
:focus {
outline-width: 2px;
outline-color: #777777;
}
:root:before {
content: url(/Node/assets/images/teknik-4475660bf9.svg);
/* partial fallback */
background-image: url(/Node/assets/images/teknik-4475660bf9.svg);
visibility: hidden;
position: absolute;
left: -999em;
}
#apiErrorMessage {
position: relative;
}
#apiErrorMessage .dialog-in-page {
background-image: url(/Node/assets/images/teknik-4475660bf9.svg);
background-repeat: no-repeat;
background-position: 20px 20px;
background-size: 150px;
width: 500px;
max-width: 98vw;
padding-left: 200px;
}
#apiErrorMessage h2 {
margin-top: 0;
}
.server400message .well {
overflow: hidden;
}
.server400message img {
margin-right: 40px;
margin-left: 20px;
height: 300px;
width: 100px;
}
.sticky-bottom {
position: sticky;
bottom: 20px;
}
.sticky-bottom .warning-icon {
color: #f0ad4e;
font-size: 24px;
vertical-align: middle;
padding-right: 9px;
}
/* Remove scroll on the body when react-modal is open */
.ReactModal__Body--open {
overflow: hidden;
}
.ReactModal__Body--open .legacywrapper #content {
overflow: hidden;
overflow-y: hidden;
position: relative;
}
#content {
width: 100%;
}
.mdbogplaceholder {
width: 390px;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-positive: 1;
flex-grow: 1;
background: #f3f4f8;
}
.miiraplaceholder {
width: 390px;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-positive: 1;
flex-grow: 1;
background: #f3f6f9;
}
body {
overflow: hidden;
}
body #headerContainer,
body .top-bar {
border-bottom: 1px solid #d8d8d1;
}
body .legacywrapper {
max-height: calc(100% - var(--topbar-height));
height: 100%;
width: 100%;
}
@media print {
body .legacywrapper {
height: unset;
}
}
body .legacywrapper .sidebar-fixed {
position: fixed;
top: calc(20px + var(--topbar-height)) !important;
}
body .legacywrapper .container:not(.autowidth) {
width: 100%;
}
@media (min-width: 768px) {
body .legacywrapper .container:not(.autowidth) {
max-width: 750px;
}
}
@media (min-width: 992px) {
body .legacywrapper .container:not(.autowidth) {
max-width: 970px;
}
}
@media (min-width: 1200px) {
body .legacywrapper .container:not(.autowidth) {
max-width: 1170px;
}
}
body .legacywrapper #content {
height: 100%;
overflow-y: auto;
position: relative;
}
body #mdbog {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-positive: 1;
flex-grow: 1;
background: white;
border-left: 1px solid #d8d8d1;
}
.legacywrapper {
display: -ms-flexbox;
display: flex;
}
.__react_component_tooltip {
font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.switch-profile {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.switch-profile .stepup-description {
color: #999;
}
.switch-profile .stepup-description img {
vertical-align: unset;
}
.inline-dialog {
background: #fff;
min-height: 200px;
margin-top: 26px;
margin-bottom: 20px;
border: solid 1px #b3b0a9;
box-shadow: 10px 10px 0px #f0f0f0;
}
.inline-dialog .arrow {
width: 0;
height: 0;
border-left: 26px solid transparent;
border-right: 26px solid transparent;
border-bottom: 26px solid #b3b0a9;
margin-top: -26px;
margin-right: 42px;
}
.inline-dialog .arrow .arrow-fill {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 25px solid #fff;
position: relative;
left: -25px;
top: 2px;
}
.inline-dialog .shadow-top {
height: 5px;
background: #d8d8d8;
}
.booklet-dialog-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
background-color: rgba(0, 0, 0, 0.7);
z-index: 10;
}
.booklet-dialog {
position: absolute;
top: 85px;
margin-bottom: 70px;
background: #fff;
z-index: 10;
width: 96%;
margin-left: 2%;
}
.booklet-dialog .booklet-dialog-close {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
background: url(/Node/assets/images/close-04cdec1019.svg) no-repeat;
background-size: 100% 100%;
cursor: pointer;
z-index: 12;
}
.booklet-dialog .booklet-dialog-content {
padding: 30px 10px 0;
min-height: 100px;
}
@media (min-width: 768px) {
.booklet-dialog {
width: 744px;
left: 50%;
margin-left: -372px;
}
.booklet-dialog .booklet-dialog-middle {
position: absolute;
top: -1px;
bottom: -16px;
right: 0;
width: 11px;
background-color: #5FBD68;
z-index: 12;
}
.booklet-dialog .booklet-dialog-middle:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
background-color: rgba(0, 0, 0, 0.2);
}
.booklet-dialog .booklet-dialog-top,
.booklet-dialog .booklet-dialog-bottom {
position: absolute;
left: 0;
width: 744px;
z-index: 11;
}
.booklet-dialog .booklet-dialog-top {
top: -36px;
height: 36px;
background: url(/Node/assets/images/top-6735992c8e.svg) no-repeat;
background-size: 744px 36px;
color: #5FBD68;
}
.booklet-dialog .booklet-dialog-top:before,
.booklet-dialog .booklet-dialog-top:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
left: 16px;
}
.booklet-dialog .booklet-dialog-top:before {
height: 13px;
background-color: currentColor;
border-left: 6px solid rgba(0, 0, 0, 0.2);
}
.booklet-dialog .booklet-dialog-top:after {
right: 8px;
height: 3px;
background-color: rgba(0, 0, 0, 0.2);
}
.booklet-dialog .booklet-dialog-bottom {
bottom: -26px;
height: 26px;
background: url(/Node/assets/images/bottom-ce2ec7a695.svg) no-repeat;
background-size: 744px 26px;
color: #5FBD68;
}
.booklet-dialog .booklet-dialog-bottom:before,
.booklet-dialog .booklet-dialog-bottom:after {
content: "";
position: absolute;
right: 0;
left: 15px;
top: 14px;
}
.booklet-dialog .booklet-dialog-bottom:before {
height: 12px;
background-color: currentColor;
border-left: 7px solid rgba(0, 0, 0, 0.2);
}
.booklet-dialog .booklet-dialog-bottom:after {
right: 8px;
height: 3px;
background-color: rgba(0, 0, 0, 0.2);
}
.booklet-dialog .booklet-dialog-close {
width: 60px;
height: 60px;
top: -20px;
right: -10px;
}
.booklet-dialog .booklet-dialog-content {
padding-right: 15px;
padding-left: 15px;
border-left: 22px solid #DDD;
border-right: 35px solid #F0F0F0;
}
}
@media (min-width: 992px) {
.booklet-dialog {
width: 970px;
margin-left: -485px;
}
.booklet-dialog .booklet-dialog-middle {
top: -2px;
bottom: -21px;
width: 15px;
}
.booklet-dialog .booklet-dialog-middle:before {
width: 4px;
}
.booklet-dialog .booklet-dialog-top,
.booklet-dialog .booklet-dialog-bottom {
width: 970px;
}
.booklet-dialog .booklet-dialog-top {
top: -46px;
height: 46px;
background-size: 970px 46px;
}
.booklet-dialog .booklet-dialog-top:before,
.booklet-dialog .booklet-dialog-top:after {
left: 20px;
}
.booklet-dialog .booklet-dialog-top:before {
height: 17px;
border-width: 9px;
}
.booklet-dialog .booklet-dialog-top:after {
right: 11px;
}
.booklet-dialog .booklet-dialog-bottom {
bottom: -34px;
height: 34px;
background-size: 970px 34px;
}
.booklet-dialog .booklet-dialog-bottom:before,
.booklet-dialog .booklet-dialog-bottom:after {
top: 19px;
left: 20px;
}
.booklet-dialog .booklet-dialog-bottom:before {
height: 15px;
border-width: 9px;
}
.booklet-dialog .booklet-dialog-bottom:after {
right: 11px;
}
.booklet-dialog .booklet-dialog-close {
width: 65px;
height: 65px;
top: -37px;
right: -20px;
}
.booklet-dialog .booklet-dialog-content {
background-size: 970px 34px;
border-left: 29px solid #DDD;
border-right: 44px solid #F0F0F0;
}
}
.squaredPager .item {
margin: 1.5%;
width: 17%;
float: left;
padding-bottom: 17%;
cursor: pointer;
transition: transform 0.2s;
}
.squaredPager .item.selected {
transform: scale(1.1, 1.1);
box-shadow: 0px 0px 10px #777;
background-color: white;
}
.squaredPager .item:hover {
transform: scale(1.1, 1.1);
}
.squaredPager .pager {
line-height: 48px;
color: #b3b0a9;
}
.squaredPager .pager .pages {
line-height: 45px;
}
.squaredPager .pager .pages .page {
width: 12px;
height: 12px;
border: solid 2px #b3b0a9;
border-radius: 6px;
margin-left: 7px;
display: inline-block;
}
.squaredPager .pager .pages .page:first-child {
margin-left: 0px;
}
.squaredPager .pager .pages .page.selected {
background: #b3b0a9;
}
.squaredPager .pager .pagernav {
cursor: pointer;
width: 45px;
height: 45px;
font-size: 22px;
}
.squaredPager .pager .pagernav.left {
float: left;
}
.squaredPager .pager .pagernav.right {
float: right;
}
.hold {
font-size: 18px;
height: 6em;
line-height: 1.2em;
background-color: #c94a4a;
width: 100%;
color: #fff;
text-align: center;
padding: 1.2em 8px;
cursor: pointer;
margin-top: 30px;
text-overflow: ellipsis;
overflow: hidden;
display: block;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
}
.hold:hover,
.hold:focus {
color: #fff;
text-decoration: none;
}
.hold:first-child {
margin-left: 0;
}
.hold.hold-disabled {
background-color: #b3b0a9;
cursor: default;
}
.hold .fag {
height: 2em;
font-size: 0.6em;
display: block;
}
.hold .fag.faded {
color: #F4ABA8;
}
.hold .navn {
display: block;
display: -webkit-box;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/*! autoprefixer: on */
position: relative;
line-height: 1.2em;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 !important;
-webkit-line-clamp: 2;
max-height: 2.4em;
font-weight: 300;
}
@supports (-webkit-line-clamp: 1) {
.hold .navn:after {
display: none !important;
}
}
.hold .klasse-navn {
height: 1.2em;
font-weight: 300;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.hold .is-shared {
position: absolute;
top: 20px;
left: calc(50% - 35px);
background-color: #366161;
padding: 8px 16px;
border-radius: 1000px;
font-size: 14px;
}
.hold.hold-aarsplan {
background-color: #366161;
}
.hold.hold-kontaktlaerer {
border: solid 1px #366161;
color: #366161;
background: transparent;
}
.hold.hold-bibliotek {
background-color: #96cecf;
color: #4d4d4d;
}
.elever.elever-picker .elever-elev {
opacity: 0.4;
}
.elever.elever-picker .elever-elev.active {
border: 1px solid #999;
opacity: 1;
background: transparent url(/Node/assets/images/checkmark-4920dd8edd.png) 73px 106px no-repeat;
}
.elever .elever-elev {
position: relative;
display: inline-block;
padding: 5px;
width: 91px;
margin: 5px;
background-color: #F8F7F3;
border: solid 1px #ebebe3;
cursor: pointer;
}
.elever .elever-elev.disabled {
opacity: 0.4;
cursor: default;
}
.elever .elever-elev .elever-elev-dialog-shadow-hider {
display: none;
position: absolute;
height: 5px;
background-color: #f2f1e9;
left: 0;
right: 0;
bottom: -2px;
}
.elever .elever-elev.elever-elev-dialog-open {
background-color: #f2f1e9;
border: solid 1px #969696;
}
.elever .elever-elev.elever-elev-dialog-open h3,
.elever .elever-elev.elever-elev-dialog-open h4 {
color: black;
}
.elever .elever-elev.elever-elev-dialog-open .elever-elev-dialog-shadow-hider {
display: block;
}
.elever .elever-elev .elever-elev-image {
width: 80px;
height: 81px;
background-image: url(/Node/assets/images/no-image-9a24b39e68.png);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.elever .elever-elev .elever-elev-laeringsmaal-indicator {
position: absolute;
left: 4px;
bottom: 39px;
width: 28px;
height: 28px;
}
.elever .elever-elev .elever-elev-elevmaal-indicator {
position: absolute;
left: 32px;
bottom: 39px;
width: 28px;
height: 28px;
}
.elever .elever-elev .elever-elev-fornavn,
.elever .elever-elev .elever-elev-efternavn {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin: 0px auto;
margin-left: 5px;
font-weight: 400;
}
.elever .elever-elev .elever-elev-fornavn {
font-size: 11px;
height: 14px;
margin-top: 5px;
}
.elever .elever-elev .elever-elev-efternavn {
font-size: 10px;
height: 13px;
}
.elever .elever-elev .elever-elev-delete {
top: -5px;
right: -2px;
}
.elever .elever-dialog {
width: 100%;
display: none;
float: left;
background-color: white;
padding: 15px 20px;
border: solid 1px #969696;
margin-bottom: 15px;
margin-top: -5px;
}
.elever .elever-dialog .elever-dialog-actions {
background-color: #f2f1e9;
margin: -15px -20px 0;
margin-bottom: 16px;
padding: 15px 20px;
border-bottom: 1px solid #bab089;
}
.elever .elever-dialog .elever-dialog-actions .btn-default {
color: black;
border-color: black;
}
.elever .elever-dialog .elever-dialog-actions .disabled-lock {
color: #777;
margin-right: 4px;
}
.elever .elever-dialog .laeringsmaallist-menu a {
background-color: #e8e8e8;
}
.elever .elever-dialog .laeringsmaallist-menu a.active {
background-color: white;
border-bottom-color: white;
}
.elever .elever-dialog.elever-dialog-open {
display: block;
}
@media (max-width: 991px) {
.elever-dialog-actions .col-xs-6:nth-child(1n+3) .btn {
margin-top: 15px;
}
}
/*.elever {
@elev-button-padding: 5px;
@elev-button-width: 122px;
@elev-button-h3-height: 15px;
@elev-button-h3-margin-top: 5px;
@elev-button-h3-font-size: 18px;
@elev-button-h4-height: 12px;
@elev-button-h4-margin-top: 3px;
@elev-button-h4-font-size: 14px;
.elev
{
display: inline-block;
margin-bottom: 15px;
margin-left: 5px;
.button
{
cursor: pointer;
background-color: #F8F7F3;//@layout-grey-lighter;
border: solid 1px #ebebe3;
padding: @elev-button-padding;
width: @elev-button-width;
margin: auto;
&.active
{
background-color: #fff;
border: solid 1px #969696;
border-bottom: 0px;
position: relative;
width: @elev-button-width + 4px;
.fornavn, .efternavn
{
visibility: hidden;
}
.dialog-shadow-hider
{
position: absolute;
height: 5px;
background: #fff;
left: 0;
right: 0;
z-index: 1000;
bottom: -2px;
}
.image
{
.laeringsmaal-count
{
display: none;
background: #fff;
}
}
}
.image
{
width: 100%;
height: @elev-button-width - (2 * @elev-button-padding);
background-position: 50% 50%;
background-repeat: no-repeat;
.background-size-cover();
}
.laeringsmaal-indicator
{
float: left;
color: #fff;
display: block;
width: 32px;
height: 32px;
margin-right: 5px;
margin-top: 6px;
font-weight: 300;
text-align: center;
padding-top: 7px;
font-size: 11px;
padding-right: 1px;
}
h3, h4
{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin: 0px auto;
margin-left: 5px;
font-weight: 400;
}
h3 {
font-size: @elev-button-h3-height;
margin-top: @elev-button-h3-margin-top;
height: @elev-button-h3-font-size;
}
h4 {
font-size: @elev-button-h4-height;
margin-top: @elev-button-h4-margin-top;
height: @elev-button-h4-font-size;
}
}
.dialog
{
background: #fff;
position: absolute;
left: 0;
width: 100%;
padding: 10px;
overflow: hidden;
border: solid 1px #969696;
z-index: 0;
.elev-navn
{
width: 50%;
display: inline-block;
.text-overflow();
h3 {
margin: 0px;
padding: 0px;
height: 26px;
&.fornavn
{
margin-bottom: 3px;
}
}
}
.buttons
{
width: 50%;
display: inline-block;
vertical-align: top;
.btn
{
width: 49%;
margin-right: 2%;
}
.btn:last-child
{
margin-right: 0px;
}
}
}
}
&.elever-compact
{
@compact-scale: 0.7;
@elev-compact-button-padding: @elev-button-padding * @compact-scale;
@elev-compact-button-width: @elev-button-width * @compact-scale;
.elev
{
.button
{
.laeringsmaal-indicator
{
float: left;
color: #fff;
display: block;
width: 32px * @compact-scale;
height: 32px * @compact-scale;
margin-right: 5px * @compact-scale;
margin-top: 6px * @compact-scale;
font-weight: 300;
text-align: center;
padding-top: 7px * @compact-scale;
font-size: 11px * @compact-scale;
padding-right: 1px * @compact-scale;
background-size: 100% 100%;
}
padding: @elev-compact-button-padding;
width: @elev-compact-button-width;
.image
{
height: @elev-compact-button-width - (2 * @elev-compact-button-padding);
}
h3 {
font-size: @elev-button-h3-height * @compact-scale;
margin-top: @elev-button-h3-margin-top * @compact-scale;
height: @elev-button-h3-font-size * @compact-scale;
}
h4 {
font-size: @elev-button-h4-height * @compact-scale;
margin-top: @elev-button-h4-margin-top * @compact-scale;
height: @elev-button-h4-font-size * @compact-scale;
}
}
}
}
}*/
.badge-grade {
text-align: center;
background: #ED6A66;
font-size: 24px;
line-height: 28px;
width: 55px;
margin-top: 10px;
margin-right: 2px;
}
.badge-grade span {
display: block;
font-size: 11px;
line-height: 16px;
}
.elevplan-header {
background-color: #f0f0f0;
padding: 5px 20px 10px;
}
.border-left {
border-left: 1px solid #ddd;
}
.border-right {
border-right: 1px solid #ddd;
}
a.fagbox {
display: block;
text-decoration: none;
color: #000;
border: 1px solid #999;
margin-bottom: 30px;
}
a.fagbox:hover {
background-color: #f9f9f9;
}
.fagbox-header {
padding: 35px 10px 25px;
}
.fagbox-header h2 {
text-align: center;
font-size: 18px;
margin: 0;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fagbox-numbers {
border-top: 1px solid #999;
padding: 10px;
}
.number-box .number-value {
text-align: center;
font-size: 18px;
}
.number-box .number-value small {
font-size: 11px;
color: #999;
}
.number-box .number-label {
font-size: 10px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.praktik-dialog .underlined {
margin-top: 40px;
padding-bottom: 7px;
border-bottom: 1px solid #CCC;
}
.praktik-dialog .underlined:first-child {
margin-top: 20px;
}
.elevprofil-hold .eventline-event-section-header {
padding-right: 20px;
}
.elevprofil-hold .eventline-event-section-header .portefoelje-begrundelse {
position: absolute;
top: 10px;
right: 5px;
}
.elevprofil-hold .eventline-event-section-header .portefoelje-sticker-container {
width: 65px;
height: 45px;
}
.elevprofil-hold .eventline-event-section-header .portefoelje-sticker-container.portefoelje-sticker-container-andet {
height: 30px;
}
.elevprofil-hold .file-icon .fa {
font-size: 2.4em;
}
.elevprofil-hold .evalueringer-container {
padding: 20px 10px 0;
margin: 10px -10px -10px;
}
.portefoelje .portefoelje-item {
position: relative;
margin: 40px 0 30px;
border: 20px solid #000;
}
.portefoelje .portefoelje-item .portefoelje-item-forloeb-header {
margin-top: -10px;
padding: 3px 0;
}
.portefoelje .portefoelje-item .portefoelje-item-forloeb-header h5 {
margin: 0;
line-height: 20px;
}
.portefoelje .portefoelje-item .portefoelje-item-forloeb-header h5 .portefoelje-item-forloeb-header-left {
display: inline-block;
width: 65%;
}
.portefoelje .portefoelje-item .portefoelje-item-forloeb-header h5 .portefoelje-item-forloeb-header-right {
display: inline-block;
width: 35%;
}
.portefoelje .portefoelje-item .portefoelje-item-forloeb-header img {
margin-top: -5px;
margin-right: 10px;
height: 50px;
width: 50px;
}
.portefoelje .portefoelje-item .portefoelje-item-forloeb-header .close {
position: absolute;
top: -2px;
right: 0;
}
.portefoelje .portefoelje-item .portefoelje-item-description {
padding: 5px 10px;
min-height: 70px;
}
.portefoelje .portefoelje-item .portefoelje-item-description h4.is-truncated {
cursor: pointer;
}
.portefoelje .portefoelje-item .portefoelje-item-afleveringer {
position: relative;
margin-bottom: 10px;
padding: 0 10px;
}
.portefoelje .portefoelje-item .vurderingsopsummering {
width: 38px;
margin-right: 10px;
margin-bottom: 10px;
}
.portefoelje .portefoelje-item .portefoelje-item-evalueringer {
padding: 20px 10px 0;
background-color: #F2F2F2;
}
.portefoelje .portefoelje-item [data-action="toggleEvalueringer"] {
cursor: pointer;
}
.portefoelje .portefoelje-item .portefoelje-begrundelse {
position: absolute;
top: -50px;
right: 10px;
}
.portefoelje-toggle {
margin-bottom: 10px;
margin-top: -10px;
}
.portefoelje-toggle .portefoelje-disabled {
cursor: pointer;
}
.portefoelje-toggle .portefoelje-enabled {
position: relative;
display: none;
}
.portefoelje-toggle.enabled .portefoelje-enabled {
display: block;
}
.portefoelje-toggle.enabled .portefoelje-disabled {
display: none;
}
.portefoelje-begrundelse {
display: inline-block;
min-width: 73px;
}
.portefoelje-begrundelse .sparkle svg,
.portefoelje-toggle.enabled .sparkle svg {
position: absolute;
top: -28px;
left: -23px;
z-index: 2;
}
.portefoelje-begrundelse .sparkle .group,
.portefoelje-toggle.enabled .sparkle .group {
transform: translate(42.5px, 42.5px);
}
.portefoelje-begrundelse .sparkle path,
.portefoelje-toggle.enabled .sparkle path {
transform: translate(-42.5px, -42.5px);
}
.portefoelje-begrundelse .sparkle .large,
.portefoelje-toggle.enabled .sparkle .large {
opacity: 0;
animation: large 2.5s 1;
}
.portefoelje-begrundelse .sparkle .large-2,
.portefoelje-toggle.enabled .sparkle .large-2 {
opacity: 0;
animation: large-2 2.5s 1;
}
.portefoelje-begrundelse .sparkle .small,
.portefoelje-toggle.enabled .sparkle .small {
opacity: 0;
animation: small 2.5s 1;
}
@keyframes large {
0% {
opacity: 0;
transform: rotate(0deg) scale(0);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: rotate(360deg) scale(1.5);
}
}
@keyframes large-2 {
0% {
opacity: 0;
transform: rotate(45deg) scale(0);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: rotate(405deg) scale(1.1);
}
}
@keyframes small {
0% {
opacity: 0;
transform: rotate(0deg) scale(0);
}
50% {
opacity: 1;
}
100% {
opacity: 0;
transform: rotate(-360deg) scale(1.5);
}
}
.portefoelje-begrundelse .sparkle.disabled .large,
.portefoelje-toggle.enabled .sparkle.disabled .large {
opacity: 0;
animation: none;
}
.portefoelje-begrundelse .sparkle.disabled .large-2,
.portefoelje-toggle.enabled .sparkle.disabled .large-2 {
opacity: 0;
animation: none;
}
.portefoelje-begrundelse .sparkle.disabled .small,
.portefoelje-toggle.enabled .sparkle.disabled .small {
opacity: 0;
animation: none;
}
.delete-from-portefoelje {
top: -18px;
right: -16px;
}
.portefoelje-sticker {
display: inline-block;
position: relative;
padding-top: 7px;
width: 60px;
height: 60px;
border-radius: 30px;
border: 5px solid #F9C67D;
background-color: #EFB04B;
color: #464646;
box-shadow: 0 0 0 10px #ffffff;
}
.portefoelje-sticker:before {
content: "";
position: absolute;
top: -15px;
left: -15px;
right: -15px;
bottom: -15px;
border: 1px solid #eee;
border-radius: 45px;
box-shadow: 0 2px rgba(0, 0, 0, 0.2);
}
.portefoelje-sticker .portefoelje-sticker-folded-corner {
position: absolute;
top: -15px;
right: -12px;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 0 0 30px ;
border-color: transparent transparent transparent #ffffff;
border-radius: 0 0 0 30px ;
box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.portefoelje-sticker .portefoelje-sticker-folded-corner:before {
content: "";
position: absolute;
top: -30px;
right: -1px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 30px 30px 0;
border-color: transparent #ffffff transparent transparent;
}
.portefoelje-sticker .portefoelje-sticker-folded-corner:after {
content: "";
position: absolute;
top: -37px;
right: 13px;
width: 1px;
height: 39px;
transform: rotate(-45deg);
box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.portefoelje-sticker-icon {
position: absolute;
top: 50%;
left: 50%;
}
.portefoelje-sticker-icon .fa {
color: #F9C67D;
font-size: 50px;
transform: translate(-50%, -50%);
}
.portefoelje-sticker-icon .fa.fa-child {
transform: translate(-50%, -53%);
}
.portefoelje-sticker-icon .fa.fa-balance-scale {
transform: translate(-48%, -53%);
font-size: 35px;
}
.portefoelje-sticker-icon .fa.fa-trophy {
font-size: 45px;
}
.portefoelje-sticker-icon .fa.fa-graduation-cap {
font-size: 35px;
}
.portefoelje-sticker-text {
position: relative;
display: inline-block;
margin-top: -3px;
padding: 3px 15px;
background-color: #FFF;
border-radius: 15px;
color: #464646;
font-weight: bold;
text-transform: uppercase;
box-shadow: 0 2px rgba(0, 0, 0, 0.2);
}
.portefoelje-begrundelse-sm {
min-width: 65px;
}
.portefoelje-begrundelse-sm .portefoelje-sticker {
margin-top: 5px;
margin-bottom: -4px;
width: 30px;
height: 30px;
border-radius: 15px;
border-width: 5px;
box-shadow: 0 0 0 5px #ffffff;
}
.portefoelje-begrundelse-sm .portefoelje-sticker:before {
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
border-radius: 20px;
}
.portefoelje-begrundelse-sm .portefoelje-sticker-icon .fa {
color: #F9C67D;
font-size: 18px;
transform: translate(-50%, -50%);
}
.portefoelje-begrundelse-sm .portefoelje-sticker-icon .fa.fa-child {
transform: translate(-50%, -53%);
}
.portefoelje-begrundelse-sm .portefoelje-sticker-icon .fa.fa-balance-scale {
transform: translate(-45%, -60%);
font-size: 14px;
}
.portefoelje-begrundelse-sm .portefoelje-sticker-icon .fa.fa-trophy {
font-size: 16px;
}
.portefoelje-begrundelse-sm .portefoelje-sticker-icon .fa.fa-graduation-cap {
font-size: 15px;
}
.portefoelje-begrundelse-sm .portefoelje-sticker-text {
margin-top: -3px;
padding: 0 6px;
border-radius: 15px;
font-size: 10px;
}
.editor-section-opgave .portefoelje-sticker-folded-corner:before {
border-color: transparent #3d8283 transparent transparent;
}
.editor-section-opgave .editor-section-opgave-elevbesvarelser-evaluering .portefoelje-sticker-folded-corner:before {
border-color: transparent #f2f2f2 transparent transparent;
}
.editor-section-opgave[data-role="elev"] .delete-from-portefoelje {
background-color: #71A8A9;
}
#eauRapport .highcharts-tooltip .tooltip-indhold {
width: 230px;
}
#eauRapport.onHoldSide .highcharts-tooltip .tooltip-indhold {
width: 300px;
}
.textbox-list .input-group {
margin-bottom: 5px;
}
.textbox-list .input-group .btn.btn-default {
margin-left: 0px;
}
.textbox-list .input-group input {
border-right: 0px;
}
.textbox-list .input-group .glyphicon.glyphicon-plus {
display: none;
}
.textbox-list .input-group:last-child .glyphicon.glyphicon-minus {
display: none;
}
.textbox-list .input-group:last-child .glyphicon.glyphicon-plus {
display: inline;
}
.gruppe {
margin-bottom: 50px;
}
.gruppe .gruppe-header {
font-size: 18px;
font-weight: 300px;
border-bottom: solid 1px #d5d4d1;
text-indent: 5px;
cursor: pointer;
color: #295758;
}
.gruppe .gruppe-header div.icon.icon-pencil {
text-indent: 0px;
width: 24px;
height: 24px;
border-radius: 12px;
font-size: 11px;
padding-top: 6px;
margin-top: -2px;
}
.gruppe .gruppe-header.gruppe-header-static {
cursor: default;
}
.gruppe .gruppe-content {
margin-top: 5px;
}
.gruppe .gruppe-elever {
margin-top: 5px;
}
.gruppe .gruppe-elever .elev {
position: relative;
display: inline-block;
margin-left: 1px;
margin-top: 1px;
width: 47.8px;
height: 70px;
background: #ccc;
background-position: 50% -2px;
background-repeat: no-repeat;
background-size: cover;
}
.gruppe .gruppe-elever .elev .elev-navn {
background-color: #d5d4d1;
position: absolute;
bottom: 0px;
padding-top: 2px;
padding-bottom: 2px;
width: 100%;
font-size: 9px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.gruppe .gruppe-elever.gruppe-elever-large .elev {
width: 55.8px;
height: 80px;
}
.bibliotek-header {
position: relative;
width: 100%;
height: 120px;
background-image: url(/Node/assets/images/bibliotek-baggrund-9c09fe3624.png);
background-position: 50% 0%;
}
.bibliotek-header h1 {
color: #fff;
margin-bottom: 0px;
margin-right: 30px;
}
.bibliotek-header .btn-default,
.bibliotek-header .btn-default:focus {
background-color: #fff;
}
.bibliotek-header span.sub-header {
color: #fff;
font-size: 15px;
font-weight: 300;
line-height: 25px;
}
.bibliotek-header img.laerer-grafik {
position: absolute;
bottom: -25px;
right: 30px;
height: 110%;
}
@media (max-width: 991px) {
.bibliotek-header img.laerer-grafik {
width: auto;
}
}
@media (max-width: 767px) {
.bibliotek-header img.laerer-grafik {
display: none;
}
}
.library-books {
background: transparent url(/Node/assets/images/shelf-f944258f38.png) 0 0 repeat;
}
.library-books:before,
.library-books:after {
content: " ";
display: table;
}
.library-books:after {
clear: both;
}
.library-books-highlighted {
background: transparent url(/Node/assets/images/shelf-blue-d512128bc7.png) 0 0 repeat;
}
.library-books-highlighted:before,
.library-books-highlighted:after {
content: " ";
display: table;
}
.library-books-highlighted:after {
clear: both;
}
.library-books-highlighted .library-book .book-top .book-shadow .book-shadow-bottom {
border-color: transparent #203c3d transparent transparent;
}
.library-book {
width: 152px;
height: 174px;
margin-left: 28px;
margin-right: 28px;
margin-bottom: 113px;
float: left;
position: relative;
top: 37px;
cursor: pointer;
z-index: 1;
}
.library-book.book-is-hidden {
opacity: 0.5;
}
.library-book .book-is-favorit {
position: absolute;
top: -15px;
left: 20px;
width: 28px;
height: 26px;
background: url(/Node/assets/images/favorit-d40a80776d.svg) no-repeat;
z-index: 2;
}
.library-book .book-ratings {
position: absolute;
top: 10px;
right: -23px;
width: 20px;
}
.library-book .book-ratings .book-rating {
padding-top: 20px;
margin-bottom: 7px;
font-size: 12px;
text-align: center;
}
.library-book .book-ratings .book-rating-laeringsmaal {
background: url(/Node/assets/images/laeringsmaal-a411c3ff74.svg) no-repeat 50% top;
background-size: 20px 21px;
}
.library-book .book-ratings .book-rating-faellesmaal {
background: url(/Node/assets/images/faellesmaal-47d55f7e0f.svg) no-repeat 50% top;
background-size: 18px 19px;
}
.library-book .book-ratings .book-rating-sider {
background: url(/Node/assets/images/sider-573dc5a68a.svg) no-repeat 50% top;
background-size: 14px 18px;
margin-top: -2px;
}
.library-book .book-top {
height: 11px;
width: 100%;
background: #fff;
}
.library-book .book-top .book-top-corner {
width: 30px;
height: 16px;
border-top-left-radius: 15px 8px;
border-top-right-radius: 15px 8px;
border-bottom-right-radius: 15px 8px;
border-bottom-left-radius: 15px 8px;
margin-top: 1px;
float: left;
}
.library-book .book-top .book-ikon {
height: 70px;
width: 56px;
margin: 0px auto;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 50% 50%;
margin-top: 25px;
}
.library-book .book-top .book-top-border {
height: 4px;
position: relative;
top: 1px;
margin-left: 14px;
}
.library-book .book-top .book-top-corner-overlay {
width: 39px;
height: 6px;
border-top-left-radius: 15px 6px;
border-top-right-radius: 15px 6px;
border-bottom-right-radius: 15px 6px;
border-bottom-left-radius: 15px 6px;
background: #fff;
float: left;
position: relative;
left: -25px;
top: 5px;
}
.library-book .book-top .book-details {
text-align: center;
margin-top: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 10px;
padding-right: 10px;
}
.library-book .book-top .book-details .navn {
font-size: 17px;
}
.library-book .book-top .book-details .oprettetAf {
font-size: 13px;
}
.library-book .book-top .book-details hr {
margin-top: 3px;
margin-bottom: 3px;
width: 100%;
opacity: 0.5;
}
.library-book .book-top .book-shadow .book-shadow-top {
background: #cacaca;
position: absolute;
top: 14px;
bottom: 37px;
width: 13px;
left: -13px;
}
.library-book .book-top .book-shadow .book-shadow-bottom {
width: 0;
height: 0;
border-style: solid;
border-width: 0 13px 31px 0;
border-color: transparent #8b714a transparent transparent;
position: absolute;
bottom: 6px;
left: -13px;
}
.library-book .book-top .book-left-border {
width: 4px;
position: absolute;
top: 13px;
bottom: 0px;
}
.library-book .book-top .book-left-border .book-left-border-top {
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 0 4px;
position: relative;
top: -4px;
}
.bibliotek-hylder .bibliotek-hylde-udgaver-dialog {
border: solid 1px #ccc;
width: 100%;
position: relative;
margin-top: 8px;
padding: 20px;
}
.bibliotek-hylder .bibliotek-hylde-udgaver-dialog .bibliotek-hylde-udgaver-dialog-arrow {
position: relative;
width: 15px;
height: 9px;
top: -9px;
background-image: url(/Node/assets/images/bibliotek-hylde-udgaver-dialog-arrow-4133ece061.png);
}
.bibliotek-hylder .bibliotek-hylde-udgaver-dialog .bibliotek-hylde-udgaver-dialog-forloeb {
margin-top: 20px;
font-weight: 300;
cursor: pointer;
}
.bibliotek-hylder .bibliotek-hylde-udgaver-dialog .bibliotek-hylde-udgaver-dialog-forloeb span.navn {
font-size: 16px;
}
.bibliotek-hylder .bibliotek-hylde-udgaver-dialog .bibliotek-hylde-udgaver-dialog-forloeb span.dato {
font-size: 13px;
}
.bibliotek-hylder .bibliotek-hylde-udgaver-dialog .bibliotek-hylde-udgaver-dialog-forloeb span.skole {
font-size: 11px;
}
.bibliotek-hylder .bibliotek-hylde-udgaver-dialog .bibliotek-hylde-udgaver-dialog-forloeb .bibliotek-hylde-udgaver-dialog-forloeb-haefte {
width: 45px;
height: 50px;
margin: auto;
margin-bottom: 5px;
}
.bibliotek-hylder .bibliotek-hylde-udgaver-dialog .bibliotek-hylde-udgaver-dialog-forloeb .bibliotek-hylde-udgaver-dialog-forloeb-haefte .bibliotek-hylde-udgaver-dialog-forloeb-haefte-ikon {
height: 50px;
width: 33px;
margin: 0px auto;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.bibliotek-hylder .bibliotek-hylde-udgaver-dialog .bibliotek-hylde-udgaver-dialog-forloeb .bibliotek-hylde-udgaver-dialog-forloeb-haefte .bibliotek-hylde-udgaver-dialog-forloeb-haefte-top {
float: left;
height: 3px;
width: 100%;
background: #fff;
border-top: solid 1px;
border-left: solid 1px;
}
.bibliotek-hylder .bibliotek-hylde-udgaver-dialog > h3 {
margin-top: 0px;
}
.bibliotek-hylder .bibliotek-hylde {
margin-top: 50px;
}
.bibliotek-hylder .bibliotek-hylde:first-child {
margin-top: 0px;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-udgaver-udgavelink {
width: 152px;
margin-left: 30px;
display: inline-block;
text-align: center;
margin-top: -4px;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-item {
width: 152px;
height: 174px;
margin-left: 30px;
display: inline-block;
position: relative;
top: 37px;
cursor: pointer;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-item.bibliotek-hylde-item-new {
top: 50px;
border: dashed 1px #c1c1c1;
background: #fff;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-item.bibliotek-hylde-item-new img {
position: absolute;
top: 40px;
left: 50%;
margin-left: -32px;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-item.bibliotek-hylde-item-new h3 {
position: absolute;
top: 100px;
font-size: 20px;
color: #c1c1c1;
width: 100%;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-item .bibliotek-hylde-item-top {
height: 11px;
width: 100%;
background: #fff;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-item .bibliotek-hylde-item-top .bibliotek-hylde-item-top-corner {
width: 30px;
height: 16px;
border-top-left-radius: 15px 8px;
border-top-right-radius: 15px 8px;
border-bottom-right-radius: 15px 8px;
border-bottom-left-radius: 15px 8px;
margin-top: 1px;
float: left;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-item .bibliotek-hylde-item-top .bibliotek-hylde-item-ikon {
height: 70px;
width: 56px;
margin: 0px auto;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 50% 50%;
margin-top: 25px;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-item .bibliotek-hylde-item-top .bibliotek-hylde-item-top-border {
height: 4px;
position: relative;
top: 1px;
margin-left: 14px;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-item .bibliotek-hylde-item-top .bibliotek-hylde-item-top-corner-overlay {
width: 39px;
height: 6px;
border-top-left-radius: 15px 6px;
border-top-right-radius: 15px 6px;
border-bottom-right-radius: 15px 6px;
border-bottom-left-radius: 15px 6px;
background: #fff;
float: left;
position: relative;
left: -25px;
top: 5px;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-item .bibliotek-hylde-item-top .bibliotek-hylde-item-details {
text-align: center;
margin-top: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 10px;
padding-right: 10px;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-item .bibliotek-hylde-item-top .bibliotek-hylde-item-details .navn {
font-size: 17px;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-item .bibliotek-hylde-item-top .bibliotek-hylde-item-details .oprettetAf {
font-size: 13px;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-item .bibliotek-hylde-item-top .bibliotek-hylde-item-details hr {
margin-top: 3px;
margin-bottom: 3px;
width: 100%;
opacity: 0.5;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-item .bibliotek-hylde-item-top .bibliotek-hylde-item-shadow .bibliotek-hylde-item-shadow-top {
background: #cacaca;
position: absolute;
top: 14px;
bottom: 37px;
width: 13px;
left: -13px;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-item .bibliotek-hylde-item-top .bibliotek-hylde-item-shadow .bibliotek-hylde-item-shadow-bottom {
width: 0;
height: 0;
border-style: solid;
border-width: 0 13px 31px 0;
border-color: transparent #8b714a transparent transparent;
position: absolute;
bottom: 6px;
left: -13px;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-item .bibliotek-hylde-item-top .bibliotek-hylde-item-left-border {
width: 4px;
position: absolute;
top: 13px;
bottom: 0px;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-item .bibliotek-hylde-item-top .bibliotek-hylde-item-left-border .bibiotek-hylde-item-left-border-top {
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 0 4px;
position: relative;
top: -4px;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-bottom {
height: 60px;
width: 100%;
background: #af8f5d;
border-bottom: solid 10px #dabe93;
}
.bibliotek-hylder .bibliotek-hylde .bibliotek-hylde-udgaver {
height: 28px;
width: 100%;
background: #ededed;
}
.filter-section {
margin-bottom: 40px;
}
.filter-section h3 {
font-weight: 600;
font-size: 18px;
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
background-image: url(/Node/assets/images/caret-right-c09f15cd14.png);
background-position: center right;
background-repeat: no-repeat;
}
.filter-section-dialog .tag,
.filter-section-selection .tag {
position: absolute;
}
.filter-section-dialog .tag.tag-new,
.filter-section-selection .tag.tag-new {
right: 0;
}
.filter-section-selection {
display: none;
}
.filter-section-selection .btn-link {
padding-left: 0;
}
.filter-section.open h3 {
background-image: url(/Node/assets/images/caret-down-0bf923ed5f.png);
}
.filter-section.open .filter-section-selection {
display: block;
}
.sign-heading {
position: relative;
display: inline-block;
padding: 12px 20px 12px 30px;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
background-color: #f0f0f0;
}
.sign-heading:before,
.sign-heading:after {
content: "";
position: absolute;
}
.sign-heading:before {
top: -7px;
bottom: -7px;
left: 0;
width: 7px;
background-color: #dabe93;
}
.sign-heading:after {
top: 0;
right: -20px;
width: 0;
height: 0;
border-style: solid;
border-width: 21px 0 21px 20px;
border-color: transparent transparent transparent #f0f0f0;
}
.sign-heading.sign-heading-white {
background-color: #FFFFFF;
}
.sign-heading.sign-heading-white:after {
border-color: transparent transparent transparent #FFFFFF;
}
.bg-light-grey {
background-color: #F0F0F0;
}
.editor .editor-section {
position: relative;
padding: 16px;
z-index: 1;
}
@media print {
.editor .editor-section {
padding: 0;
}
}
.editor .editor-section[data-type="office-v2"] .attachment {
border-color: #1771BF;
}
.editor .editor-section[data-type="office-v2"] .attachment .name {
text-decoration: none;
}
.editor .editor-section[data-type="office-v2"] .attachment .icon-wrapper {
width: 100%;
}
.editor .editor-section[data-type="office-v2"] .attachment .icon-wrapper > * {
width: 100%;
}
.editor .editor-section[data-type="office-v2"] .attachment .icon-wrapper .font-icon {
font-size: 2em;
}
.editor .editor-section[data-type="laererkommentar"] {
margin-bottom: 60px;
margin-top: 60px;
}
.editor .editor-section[data-type="opgave"] {
margin-bottom: 25px;
}
.editor .editor-section.editor-section-editing {
z-index: 2;
}
.editor .editor-section .editor-section-new {
position: relative;
margin: 40px 0;
background-color: #4D4D4D;
}
.editor .editor-section .editor-section-new .icon-add {
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
padding: 20px;
font-size: 40px;
border-radius: 40px;
background-color: #abd4d6;
color: rgba(0, 0, 0, 0.4);
cursor: pointer;
width: 80px;
height: 80px;
text-align: center;
}
.editor .editor-section .editor-section-new .icon-add:before {
margin: 0 -2px 0 2px;
}
.editor .editor-section .editor-section-new .icon-add:hover:after {
content: ' ';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: white;
opacity: 0.2;
border-radius: 50%;
}
.editor .editor-section .editor-section-new .icon-add:active {
padding-top: 17px;
}
.editor .editor-section .editor-section-new .icon-add:active:before {
font-size: 0.8em;
line-height: 40px;
}
.editor .editor-section .editor-section-new .editor-section-new-content {
display: none;
overflow: hidden;
}
.editor .editor-section .editor-section-new .editor-section-new-content > :first-child {
margin-top: 30px;
}
.editor .editor-section .editor-section-new .editor-section-new-image-bottom-container svg {
margin-top: 20px;
max-width: 100%;
height: 148px;
opacity: 0.4;
display: block;
}
.editor .editor-section .editor-section-new .editor-section-new-image-bottom-container svg rect,
.editor .editor-section .editor-section-new .editor-section-new-image-bottom-container svg polygon,
.editor .editor-section .editor-section-new .editor-section-new-image-bottom-container svg circle,
.editor .editor-section .editor-section-new .editor-section-new-image-bottom-container svg path {
fill: inherit;
}
.editor .editor-section .editor-section-read button:not('.attachment-wrapper-edit-button') {
position: relative;
z-index: 2;
}
.editor .editor-section .editor-section-read button:not('.attachment-wrapper-edit-button') .label.label-ny {
position: absolute;
top: 20px;
right: -9px;
padding: 3px;
background-color: #ED6A66;
}
.editor .editor-section .editor-section-edit-surface {
cursor: pointer;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background: rgba(0, 0, 0, 0);
/* IE9 hack, ellers lader den tekst ligge over */
z-index: 1;
}
.editor .editor-section .editor-section-write {
position: relative;
margin-top: 20px;
padding: 20px;
background-color: #ffffff;
}
.editor .editor-section .editor-section-write .editor-section-write-toolbar:not(.modernEditor) {
height: 61px;
}
.editor .editor-section .editor-section-write .editor-section-write-toolbar h3 {
position: relative;
margin: 0px;
font-size: 19px;
font-weight: bold;
line-height: 32px;
}
.editor .editor-section .editor-section-write .editor-section-write-toolbar h3 img {
margin-right: 15px;
max-height: 32px;
}
.editor .editor-section .editor-section-write .editor-section-write-toolbar h3 .font-icon {
position: absolute;
top: 0;
left: -4px;
font-size: 2em;
}
.editor .editor-section .editor-section-write .editor-section-write-toolbar h3 .font-icon-space {
display: inline-block;
width: 50px;
height: 1px;
}
.editor .editor-section .editor-section-write .editor-section-write-toolbar .editor-section-write-toolbar-extras {
position: absolute;
right: -54px;
top: 0;
}
.editor .editor-section .editor-section-write .editor-section-write-toolbar .editor-section-write-toolbar-extras .btn {
background: #fff;
padding: 0;
width: 44px;
}
.editor .editor-section .editor-section-image .editor-section-read img,
.editor .editor-section .editor-section-image .editor-section-write img {
max-width: 100%;
}
.editor .editor-section .table .fil-type-icon img {
width: 20px;
}
.editor .editor-section .media-object img {
width: 16px;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser {
position: relative;
margin-left: 10px;
margin-top: -26px;
border: solid 2px #3d8283;
border-top: 0;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .btn-aflevering {
margin-top: 3px;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .btn-aflevering .fa {
position: relative;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser table {
width: 100%;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser table td {
vertical-align: top;
padding-top: 2px;
padding-bottom: 2px;
border-bottom: solid 1px #3d8283;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser tr.evaluation-open td {
border-top: solid 2px #3d8283;
border-bottom: 0 !important;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser tr.evaluation-open .editor-section-opgave-elevbesvarelser-elev-laeringsmaal,
.editor .editor-section .editor-section-opgave-elevbesvarelser tr.evaluation-open td:first-child {
position: relative;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser tr.evaluation-open .editor-section-opgave-elevbesvarelser-elev-laeringsmaal:before,
.editor .editor-section .editor-section-opgave-elevbesvarelser tr.evaluation-open td:first-child:before {
content: "";
position: absolute;
bottom: -4px;
left: 0;
right: 0;
height: 3px;
background-color: #FFFFFF;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .evalueringer-dialog {
position: relative;
padding-left: 15px;
padding-right: 15px;
margin-bottom: -3px;
margin-top: -21px;
margin-right: -1px;
padding-top: 30px;
border-bottom: solid 2px #3d8283;
background-color: #F2F2F2;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .evalueringer-dialog:before {
content: "";
position: absolute;
top: -3px;
left: 0;
right: 0;
height: 3px;
box-shadow: 0 3px rgba(0, 0, 0, 0.2);
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .evalueringer-dialog .evalueringer {
padding: 10px 15px 0;
margin-left: -15px;
margin-right: -15px;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .evalueringer-dialog .evalueringer .speech-bubble {
background-color: #FFFFFF;
border: 3px solid #5480ae;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .evalueringer-dialog .evalueringer .speech-bubble .text-muted {
color: #777777;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .evalueringer-dialog .evalueringer .speech-bubble .edit-feedback:hover,
.editor .editor-section .editor-section-opgave-elevbesvarelser .evalueringer-dialog .evalueringer .speech-bubble .delete-feedback:hover {
transform: scale(1.5);
cursor: pointer;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .evalueringer-dialog .evalueringer .speech-bubble:before {
border-color: transparent #5480ae transparent transparent;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .evalueringer-dialog .evalueringer .speech-bubble:after {
border-color: transparent #FFFFFF transparent transparent;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .evalueringer-dialog .evalueringer .speech-bubble.speech-bubble-elev {
border: 3px solid #64aa59;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .evalueringer-dialog .evalueringer .speech-bubble.speech-bubble-elev:before {
border-color: transparent #64aa59 transparent transparent;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .evalueringer-dialog .feedback-container:not(.hide) + .evaluering {
margin-top: 20px;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .evalueringer-dialog .feedback-container {
position: relative;
padding: 20px 5px;
margin: 15px -15px 0;
background-color: #FFFFFF;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .evalueringer-dialog .feedback-container input,
.editor .editor-section .editor-section-opgave-elevbesvarelser .evalueringer-dialog .feedback-container textarea {
border-color: #757575;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .evalueringer-dialog .feedback-container .img-feedback {
position: absolute;
top: 30px;
right: 30px;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .editor-section-opgave-elevbesvarelser-elev h5 small {
color: #4d4d4d;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .editor-section-opgave-elevbesvarelser-elev .editor-section-opgave-elevbesvarelser-elev-laeringsmaal {
width: 9%;
vertical-align: top;
cursor: pointer;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .editor-section-opgave-elevbesvarelser-elev .editor-section-opgave-elevbesvarelser-elev-laeringsmaal .laeringsmaal-indicator {
text-align: center;
color: #fff;
line-height: 32px;
font-size: 12px;
width: 32px;
height: 32px;
margin: 9px auto 0;
background-image: url(/Node/assets/images/laeringsmaal-indicator-57227d6168.png);
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .editor-section-opgave-elevbesvarelser-elev .editor-section-opgave-elevbesvarelser-elev-navn {
width: 55%;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .editor-section-opgave-elevbesvarelser-elev .editor-section-opgave-elevbesvarelser-elev-afleveringer {
width: 10%;
text-align: center;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .editor-section-opgave-elevbesvarelser-elev .editor-section-opgave-elevbesvarelser-elev-evaluering-preview {
position: relative;
cursor: pointer;
vertical-align: top;
width: 10%;
text-align: center;
}
.editor .editor-section .editor-section-opgave-elevbesvarelser .editor-section-opgave-elevbesvarelser-elev .editor-section-opgave-elevbesvarelser-elev-evaluering-preview .eval-circle,
.editor .editor-section .editor-section-opgave-elevbesvarelser .editor-section-opgave-elevbesvarelser-elev .editor-section-opgave-elevbesvarelser-elev-evaluering-preview .btn {
margin-top: 9px;
}
.editor .editor-section .editor-section-opgave {
position: relative;
}
.editor .editor-section .editor-section-opgave .editor-opgave-aflevering-upload-file,
.editor .editor-section .editor-section-opgave .editor-opgave-aflevering-upload-image {
position: relative;
overflow: hidden;
}
.editor .editor-section .editor-section-opgave .editor-opgave-aflevering-upload-file .editor-section-opgave-afleveringer-dropzone,
.editor .editor-section .editor-section-opgave .editor-opgave-aflevering-upload-image .editor-section-opgave-afleveringer-dropzone,
.editor .editor-section .editor-section-opgave .editor-opgave-aflevering-upload-file .editor-section-opgave-afleveringer-dropzone-computer,
.editor .editor-section .editor-section-opgave .editor-opgave-aflevering-upload-image .editor-section-opgave-afleveringer-dropzone-computer {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
cursor: pointer;
}
.editor .editor-section .editor-section-opgave .editor-opgave-aflevering-upload-file .editor-section-opgave-afleveringer-dropzone .dz-preview,
.editor .editor-section .editor-section-opgave .editor-opgave-aflevering-upload-image .editor-section-opgave-afleveringer-dropzone .dz-preview,
.editor .editor-section .editor-section-opgave .editor-opgave-aflevering-upload-file .editor-section-opgave-afleveringer-dropzone-computer .dz-preview,
.editor .editor-section .editor-section-opgave .editor-opgave-aflevering-upload-image .editor-section-opgave-afleveringer-dropzone-computer .dz-preview {
display: none !important;
}
.editor .editor-section .editor-section-opgave .editor-opgave-aflevering-upload-file .editor-section-opgave-afleveringer-dropzone img,
.editor .editor-section .editor-section-opgave .editor-opgave-aflevering-upload-image .editor-section-opgave-afleveringer-dropzone img,
.editor .editor-section .editor-section-opgave .editor-opgave-aflevering-upload-file .editor-section-opgave-afleveringer-dropzone-computer img,
.editor .editor-section .editor-section-opgave .editor-opgave-aflevering-upload-image .editor-section-opgave-afleveringer-dropzone-computer img {
display: none;
}
.editor .editor-section .editor-section-opgave .btn-deliver {
margin-bottom: 20px;
background-color: #8dc5c6;
border-color: #8dc5c6;
color: #FFFFFF;
border-radius: 40px;
z-index: 7;
box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
}
.editor .editor-section .editor-section-opgave .btn-deliver:focus {
outline: none;
}
.editor .editor-section .editor-section-opgave .type-button-aflevering {
border: 1px solid #cccccc;
}
.editor .editor-section .editor-section-opgave .editor-section-read .inner-section {
padding-left: 130px;
}
.editor .editor-section .editor-section-opgave .editor-section-read .editor-section-opgave-afleveringer .file {
margin: 15px 15px 10px 15px;
border: none;
}
.editor .editor-section .editor-section-opgave .editor-section-read .editor-section-opgave-afleveringer .btn-deliver {
position: relative;
padding: 22px 15px 12px;
margin-left: 10px;
font-size: 18px;
line-height: 1.33;
}
.editor .editor-section .editor-section-opgave .editor-section-read .editor-section-opgave-afleveringer .btn-deliver .btn-deliver-triangle {
position: absolute;
left: 0;
bottom: -35px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 31px 25px 31px;
border-color: transparent transparent rgba(255, 255, 255, 0.7) transparent;
z-index: 1;
}
.editor .editor-section .editor-section-opgave .editor-section-read .editor-section-opgave-afleveringer .btn-deliver .btn-deliver-triangle:after {
content: "";
position: absolute;
left: -31px;
bottom: -27px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 31px 25px 31px;
border-color: transparent transparent #8dc5c6 transparent;
z-index: 0;
}
.editor .editor-section .editor-section-opgave .editor-section-read h3 {
color: #fff;
text-align: center;
padding-top: 40px;
padding-bottom: 20px;
font-size: 24px;
}
.editor .editor-section .editor-section-opgave .editor-section-read .teacher-img {
position: absolute;
height: 230px;
bottom: 16px;
left: -17px;
z-index: 1;
}
.editor .editor-section .editor-section-opgave .editor-section-read .boern-img {
position: absolute;
height: 162px;
bottom: 16px;
left: -19px;
z-index: 1;
}
.editor .editor-section .editor-section-opgave .editor-section-opgave-buttons {
font-size: 14px;
margin: -30px 40px 10px;
padding: 10px 10px 10px;
background-color: #8DC5C6;
border: 2px dashed rgba(255, 255, 255, 0.5);
z-index: 1;
position: relative;
}
.editor .editor-section .editor-section-opgave .editor-section-opgave-buttons .type-button {
background-color: rgba(255, 255, 255, 0.9);
}
.editor .editor-section .editor-section-opgave .placeholder {
height: 50px;
}
.editor .editor-section .editor-section-new {
padding: 12px 20px 10px;
border-radius: 10px;
}
.editor .editor-section .editor-section-new h3 {
text-align: center;
margin: 0;
font-size: 19px;
}
.editor .editor-section .editor-section-new .type-button {
margin: 10px 0;
padding: 10px 0;
text-align: center;
font-weight: 400;
color: #4d4d4d;
cursor: pointer;
background-color: #FFFFFF;
border-radius: 5px;
}
.editor .editor-section .editor-section-new .type-button .icon-wrapper {
padding: 0;
padding-bottom: 12px;
display: block;
height: 52px;
text-align: center;
}
.editor .editor-section .editor-section-new .type-button .icon-wrapper .fa {
font-size: 3em;
}
.editor .editor-section .editor-section-new .type-button .icon-wrapper img {
max-height: 3em;
height: 100%;
width: auto;
}
.editor .editor-section .editor-section-new .type-button.ny-opgave {
margin-top: 20px;
font-size: 21px;
font-weight: 300;
cursor: pointer;
background: #fff;
line-height: 50px;
border-radius: 20px;
}
.editor .editor-section .editor-section-new .type-button.ny-opgave img {
height: 30px;
margin-right: 10px;
}
.editor .editor-section .editor-section-new .type-button .type-button-image {
display: block;
height: 46px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 24px;
margin-bottom: 5px;
margin-left: 9px;
margin-right: 9px;
}
.editor .editor-section .editor-section-new hr {
opacity: 0.4;
}
.editor .editor-section .editor-section-new .editor-section-write {
background-color: #fff;
border: none;
}
.editor .editor-section .editor-section-new .editor-section-write-toolbar-extras {
display: none;
}
.editor-laererkommentar {
border: 1px solid #333;
padding: 15px;
min-height: 175px;
}
.editor-laererkommentar h3 {
margin: 0;
}
.editor-laererkommentar .editor-laererkommentar-typeimage {
padding: 5px 10px 0 0;
}
.editor-laererkommentar .editor-laererkommentar-image {
position: absolute;
top: -20px;
right: 10px;
}
.editor-laererkommentar .kommentar-body {
padding-right: 150px;
padding-left: 50px;
}
.dropzone {
position: relative;
text-align: center;
}
.dropzone .btn {
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
}
.editor-thumbnail .thumbnail {
background-color: #FFFFFF;
margin-bottom: 20px;
}
.editor-thumbnail .thumbnail .thumbnail-image {
height: 185px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.editor-thumbnail .thumbnail .thumbnail-video {
height: 125px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.editor-thumbnail .thumbnail .caption {
padding: 4px;
padding-bottom: 0;
}
.skoletube-channel-element {
margin-bottom: 20px;
}
.editor-section-skoletube .skoletube-tools hr {
border-top-style: dashed;
}
.editor-section-skoletube .editor-thumbnail .thumbnail-image {
height: 140px;
}
.editor-section-youtube .img-youtube {
width: 52px;
}
.editor-section-youtube .editor-section-write .icon-wrapper img {
width: 45px;
}
.bibliotekernes-database-result-container {
min-height: 50px;
}
.editor-section-opgave-buttons-normal .btn {
margin-top: 10px;
}
.evaluering-profile-image {
width: 33px;
height: 33px;
border-radius: 16px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.opgave-buttons {
margin-bottom: 15px;
}
.type-button {
margin: 10px 0;
padding: 10px 0;
text-align: center;
font-weight: 400;
color: #4d4d4d;
cursor: pointer;
background-color: #FFFFFF;
border-radius: 5px;
}
.type-button .icon-wrapper {
padding: 10px;
display: block;
height: 52px;
text-align: center;
}
.type-button .icon-wrapper .fa {
font-size: 2.5em;
}
.type-button .icon-wrapper img {
max-height: 32px;
width: auto;
}
.type-button .text-overflow {
position: relative;
z-index: 2;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7), -1px -1px 0 rgba(255, 255, 255, 0.7), -1px 0px 0 rgba(255, 255, 255, 0.7), 0px -1px 0 rgba(255, 255, 255, 0.7);
}
.type-button.ny-opgave {
margin-top: 20px;
font-size: 21px;
font-weight: 300;
cursor: pointer;
background: #fff;
line-height: 50px;
border-radius: 20px;
}
.type-button.ny-opgave img {
height: 30px;
margin-right: 10px;
}
.type-button .type-button-image {
display: block;
height: 46px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 24px;
margin-bottom: 5px;
margin-left: 9px;
margin-right: 9px;
}
.type-button-deliver {
height: 92px;
}
.type-button-aflevering,
.type-button-deliver {
position: relative;
display: inline-block;
vertical-align: top;
width: 90px;
padding-left: 5px;
padding-right: 5px;
margin-top: 15px;
margin-left: 15px;
margin-right: 15px;
}
.type-button-aflevering {
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
}
.type-button-aflevering a {
color: #4d4d4d;
}
.type-button-aflevering .js-delete-aflevering {
padding: 0;
border: none;
position: absolute;
top: -10px;
right: -7px;
width: 30px;
height: 30px;
font-size: 20px;
line-height: 30px;
background-color: #71A8A9;
color: #FFFFFF;
border-radius: 15px;
box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
z-index: 2;
}
.type-button-aflevering button.js-delete-aflevering {
line-height: 19px;
}
.type-button-aflevering button.js-delete-aflevering i {
display: block;
padding: 0 0 1px 1px;
}
.type-button-aflevering .label,
.type-button-aflevering .ny-aflevering {
position: absolute;
top: -6px;
left: 6px;
padding: 3px 5px;
border-radius: 2px;
background-color: #ED6A66;
color: #FFF;
z-index: 2;
}
.editor-section-google .dropdown-menu-google img {
width: 20px;
margin-top: 5px;
margin-bottom: 5px;
}
.editor-section-google .google-drive-container {
min-height: 70px;
}
.editor-section-office .dropdown-menu-office img {
width: 20px;
margin-top: 5px;
margin-bottom: 5px;
}
.editor-section-office .one-drive-container {
min-height: 70px;
}
.btn-attach-opgave-skabelon img {
width: 17px;
}
.elev-til-elev {
padding: 15px 0px 0px 0px;
}
.elev-til-elev .enable-elev-til-elev-label {
cursor: pointer;
font-weight: normal;
}
.editor-opgave-attachment-button {
display: inline-block;
padding: 0 5px;
margin-right: 2px;
opacity: 0.7;
height: 17px;
width: 27px;
cursor: pointer;
}
.editor-opgave-attachment-button:hover {
opacity: 1;
}
.editor-opgave-attachment-button img {
margin-top: -5px;
height: 17px;
}
.editor-opgave-attachment-button.editor-opgave-attachment-button-upload {
padding: 0;
position: relative;
}
.editor-opgave-attachment-button.editor-opgave-attachment-button-upload .glyphicon {
position: absolute;
top: 0;
left: 0;
padding: 4px 7px 0 6px;
}
.editor-section-error {
position: relative;
padding: 5px 20px 20px;
border: 1px dashed #d53d3a;
}
.editor-section-error img {
margin-top: 10px;
}
.editor-section-error .fa-remove {
position: absolute;
top: 10px;
right: 15px;
font-size: 25px;
}
.editor-section-pending {
padding: 5px 20px 20px;
border: 1px dashed #464646;
}
.editor-section-pending img {
margin-top: 15px;
}
.presentation-mode .editor .editor-section[data-type="office-v2"] .attachment:hover {
background-color: #f5f5f5;
}
.boern a.media:hover {
cursor: pointer;
}
.boern .mu-dialog-wrapper {
display: none;
}
.boern .mu-dialog-wrapper.is-open {
display: block;
}
.lektie {
position: relative;
min-height: 180px;
margin-bottom: 40px;
margin-top: 20px;
padding-bottom: 60px;
}
@media (min-width: 992px) {
.lektie {
padding-bottom: 0;
}
}
.lektie.lektie-unused {
padding-bottom: 0;
}
.lektie:not(.lektie-unused) {
box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.1);
border: 1px solid #cccccc;
}
@media print {
.lektie:not(.lektie-unused) {
box-shadow: none;
border: none;
}
}
.lektie.lektie-faerdig .lektie-indicator .lektie-indicator-bar {
background-image: none;
background-color: #e3e3e3;
margin-left: 6px;
width: 10px;
}
.lektie .lektie-date {
position: absolute;
background-color: #F5F3BA;
padding: 17px 16px;
right: -88px;
bottom: 16px;
z-index: 10;
}
@media (min-width: 992px) {
.lektie .lektie-date {
right: -7px;
bottom: 32px;
transform: translateX(100%);
}
}
.lektie .lektie-date .btn-block {
margin: 5px 0 -8px 0;
}
.lektie .lektie-date:before {
content: ' ';
position: absolute;
display: block;
top: 0;
right: 0;
bottom: 0;
left: calc(100% - 11px);
box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
z-index: -1;
}
@media (min-width: 992px) {
.lektie .lektie-date:before {
left: 69px;
}
}
.lektie .lektie-date.lektie-date-pull {
transform: translate(60px, -20px);
}
.lektie .lektie-date.lektie-date-pull:before {
display: none;
}
@media (min-width: 992px) and (max-width: 1092px) {
.lektie .lektie-date label {
display: none;
}
.lektie .lektie-date .btn-icon {
display: none;
}
}
@media print {
.lektie .lektie-date {
display: none;
}
}
.lektie.lektie-unused {
min-height: 0;
}
.lektie.lektie-unused:before {
content: none;
}
.lektie.lektie-unused .lektie-handle {
display: block;
background-color: #F1F1F1;
border-color: #F1F1F1;
color: #777;
top: calc(50% - 16px);
}
.lektie.lektie-unused .lektie-handle:before {
content: "\F412";
}
.lektie.lektie-unused .lektie-handle:after {
content: 'Tilføj til opgaveliste';
}
.lektie .lektie-list-handling {
display: none;
max-width: 32px;
height: 32px;
overflow: hidden;
border-radius: 16px;
line-height: 22px;
border: 5px solid #F1F1F1;
color: #888;
position: absolute;
transition: max-width 0.5s, background-color 0.5s, border-color 0.5s, color 0.5s;
white-space: nowrap;
cursor: pointer;
z-index: 1;
display: block;
background-color: #F1F1F1;
border-color: #F1F1F1;
color: #777;
}
.lektie .lektie-list-handling:hover {
max-width: 164px;
}
.lektie .lektie-list-handling:before {
display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
line-height: inherit;
vertical-align: bottom;
font-size: 22px;
}
.lektie .lektie-list-handling:after {
margin: 0 5px;
}
@media print {
.lektie .lektie-list-handling {
display: none;
}
}
.lektie .lektie-list-handling .tablet {
direction: rtl;
left: auto;
right: -63px;
}
.lektie .lektie-list-handling.lektie-button-include {
right: calc(50% - 16px);
direction: rtl;
}
.lektie .lektie-list-handling.lektie-button-include:after {
content: 'Brug mere';
}
.lektie .lektie-list-handling.lektie-button-include.lektie-list-top {
top: -16px;
}
.lektie .lektie-list-handling.lektie-button-include.lektie-list-top:before {
content: "\F143";
}
.lektie .lektie-list-handling.lektie-button-include.lektie-list-bottom {
bottom: -16px;
}
.lektie .lektie-list-handling.lektie-button-include.lektie-list-bottom:before {
content: "\F140";
}
.lektie .lektie-list-handling.lektie-button-include.button-spacing {
right: calc(50% + 4px);
}
.lektie .lektie-list-handling.lektie-button-exclude {
left: calc(50% - 16px);
direction: ltr;
}
.lektie .lektie-list-handling.lektie-button-exclude:after {
content: 'Brug mindre';
}
.lektie .lektie-list-handling.lektie-button-exclude.lektie-list-top {
top: -16px;
}
.lektie .lektie-list-handling.lektie-button-exclude.lektie-list-top:before {
content: "\F140";
}
.lektie .lektie-list-handling.lektie-button-exclude.lektie-list-bottom {
bottom: -16px;
}
.lektie .lektie-list-handling.lektie-button-exclude.lektie-list-bottom:before {
content: "\F143";
}
.lektie .lektie-list-handling.lektie-button-exclude.button-spacing {
left: calc(50% + 4px);
}
@media print {
.lektie .assignment-header-container {
display: none;
}
}
.lektie [data-section][data-type="laererkommentar"] .lektie-handle {
display: none;
}
.lektie .lektie-handle {
display: none;
max-width: 32px;
height: 32px;
overflow: hidden;
border-radius: 16px;
line-height: 22px;
border: 5px solid #F1F1F1;
background-color: #F1F1F1;
color: #888;
position: absolute;
transition: max-width 0.5s, background-color 0.5s, border-color 0.5s, color 0.5s;
white-space: nowrap;
cursor: pointer;
z-index: 1;
right: -58px;
direction: rtl;
}
.lektie .lektie-handle:hover {
max-width: 164px;
}
.lektie .lektie-handle:before {
display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
line-height: inherit;
vertical-align: bottom;
font-size: 22px;
}
.lektie .lektie-handle:after {
margin: 0 5px;
}
@media print {
.lektie .lektie-handle {
display: none;
}
}
.lektie .lektie-handle .tablet {
direction: rtl;
left: auto;
right: -63px;
}
@media (min-width: 1156px) {
.lektie .lektie-handle {
right: auto;
left: calc(100% + 42px - 32px/2);
direction: ltr;
}
}
.lektie .editor-section-editing .lektie-handle {
display: none;
}
.lektie.lektie-new .lektie-indicator-bar {
width: 0px;
height: 100%;
border-left: dashed 1px #4d4d4d;
margin-left: 9px;
}
.lektie.lektie-new .lektie-indicator-ikon {
position: absolute;
width: 40px;
height: 40px;
top: -20px;
left: -10px;
background-image: url(/Node/assets/images/lektie-ny-ikon-c5b999a4c7.png);
}
.lektie.lektie-hidden .lektie-date {
display: none;
}
.lektie.lektie-hidden:before {
display: none;
}
.editor .lektie-new-use {
display: block;
position: relative;
margin-left: auto;
opacity: 0.6;
}
.editor .lektie-new-use .lektie-new-use-triangle {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 17.5px 15px 17.5px 0;
border-color: transparent #4d4d4d transparent transparent;
top: -1px;
left: -16px;
}
.editor .lektie-new-use .lektie-new-use-triangle .lektie-new-use-triangle-overlay {
position: absolute;
top: -16px;
left: 2px;
width: 0;
height: 0;
border-style: solid;
border-width: 16.5px 14px 16.5px 0;
border-color: transparent #fff transparent transparent;
}
.elev-selector .elev-selector-elev {
position: relative;
display: inline-block;
margin-left: 4px;
margin-top: 10px;
width: 55.5px;
height: 80.5px;
background: #ccc;
}
.elev-selector .elev-selector-elev .elev-selector-elev-billede {
position: absolute;
top: 0;
left: 0;
width: 55.5px;
height: 80.5px;
background-position: 50% -2px;
background-repeat: no-repeat;
background-size: cover;
}
.elev-selector .elev-selector-elev .elev-selector-elev-navn {
background-color: #d5d4d1;
position: absolute;
bottom: -10px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
width: 100%;
font-size: 10px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.box {
border: 1px solid #d5d4d1;
padding: 0 10px 10px;
}
.forside .help {
height: 370px;
width: 100%;
background-color: #fff;
margin-bottom: 100px;
cursor: pointer;
}
.forside .help .col-sm-4 {
padding: 50px;
}
.forside .help img {
margin-top: -20px;
max-width: 100%;
}
.forside .forside-block {
background-color: #fff;
padding: 20px 40px;
}
.forside .forside-block.forside-news {
padding: 10px 30px 10px 20px;
margin-top: 30px;
}
.forside .forside-block p.disabled-content {
cursor: not-allowed;
}
.forside .forside-block p.disabled-content a.btn-default.btn-block {
pointer-events: none;
color: #777;
opacity: var(--ds-color-link-disabled);
}
.aarsplan-header h1 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 46px;
}
table.table-aarsplan-kalender {
width: 100%;
position: relative;
z-index: 2;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
table.table-aarsplan-kalender tr {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
table.table-aarsplan-kalender tr.row-muted {
background-color: rgba(237, 237, 237, 0.5);
color: #d5d4d1;
}
table.table-aarsplan-kalender td.date-block {
position: relative;
width: 80px;
font-size: 10px;
vertical-align: middle;
text-align: center;
padding: 3px 0;
}
table.table-aarsplan-kalender td.date-block strong,
table.table-aarsplan-kalender td.date-block .strong {
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
}
table.table-aarsplan-kalender td.date-block.date-block-uge {
height: 80px;
}
table.table-aarsplan-kalender td.date-block.date-block-dag {
height: 66px;
}
table.table-aarsplan-kalender td.date-block .mass-resize {
height: 80px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
table.table-aarsplan-kalender td.date-block .mass-resize.active:before {
width: 3px;
content: "";
background: #333333;
position: absolute;
left: calc(50% - 1px);
top: 30px;
bottom: 46px;
}
table.table-aarsplan-kalender td.date-block .mass-resize .info {
white-space: nowrap;
position: absolute;
left: 55%;
top: 0;
}
table.table-aarsplan-kalender td.date-block .mass-resize .ui-resizable-n {
top: 5px;
}
table.table-aarsplan-kalender td.date-block .mass-resize .ui-resizable-s {
bottom: 5px;
}
table.table-aarsplan-kalender td.date-block .mass-resize .ui-resizable-handle {
height: 32px;
}
table.table-aarsplan-kalender td.date-block .mass-resize .ui-resizable-handle span {
display: none;
}
table.table-aarsplan-kalender td.date-block .mass-resize .ui-resizable-handle.active span {
color: #333333;
display: inline-block;
position: absolute;
left: 0;
right: 0;
text-align: center;
font-size: 14px;
}
.aarsplan-container {
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
}
.aarsplan-container .kalender-blokke {
background: rgba(10, 10, 180, 0.1);
position: absolute;
z-index: 1;
overflow: visible;
left: 0;
right: 0;
min-height: 2em;
}
.aarsplan-container .kalender-blokke:hover {
z-index: 2;
}
.aarsplan-container .calendar-backgrounds-container,
.aarsplan-container .calendar-contents-container,
.aarsplan-container .forloeb-container {
position: absolute;
top: 0;
right: 0;
left: 0;
}
.aarsplan-container .calender-item-background,
.aarsplan-container .calender-item-contents {
position: absolute;
}
.aarsplan-container .calender-item-background {
left: 0;
right: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.aarsplan-container .calender-item-background:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: white;
opacity: 0.8;
}
.aarsplan-container .calender-item-background .inner {
background-color: #e6f6f6;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.5;
}
.aarsplan-container .calendar-contents-container {
overflow: visible;
z-index: 5;
pointer-events: none;
}
.aarsplan-container .calendar-contents-container .calender-item {
height: 1px;
position: absolute;
right: 0;
left: 0;
font-size: 12px;
text-align: right;
}
.aarsplan-container .calendar-contents-container .calender-item .item-label {
display: inline-block;
transform: rotate(-10deg) translateZ(0);
background: white;
white-space: nowrap;
text-align: right;
padding: 3px 6px;
box-shadow: 2px 2px rgba(64, 64, 64, 0.49);
border-radius: 2px;
margin: 10px -13px 0 0;
padding-right: 20px;
}
.aarsplan-container .calendar-contents-container .calender-item .item-label .navn {
font-weight: bold;
max-width: 300px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.aarsplan-container .calendar-contents-container .calender-item .item-label .date {
font-size: 10px;
}
.aarsplan-container .calendar-contents-container .calender-item .badge {
transform: rotate(90deg);
transform-origin: bottom left;
position: absolute;
left: 70px;
top: -10px;
}
.aarsplan-container .calendar-backgrounds-container {
z-index: 1;
}
.aarsplan-container .forloeb-container {
left: 90px;
z-index: 3;
}
@media print {
.aarsplan-container .forloeb-container {
width: calc(100% - 180px);
}
}
.aarsplan-container .tooltip {
white-space: pre-wrap;
}
.aarsplan-beskrivelse {
padding-right: 10px;
padding-bottom: 10px;
}
.aarsplan-beskrivelse .editable {
cursor: pointer;
}
.aarsplan-beskrivelse.collapsed {
overflow: hidden;
height: 80px;
position: relative;
margin-bottom: 20px;
cursor: pointer;
}
.aarsplan-beskrivelse.collapsed:after {
color: black;
content: "";
position: absolute;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 60%);
left: 0;
right: 0;
bottom: 0;
z-index: 1;
height: 60px;
}
.aarsplan-beskrivelse.collapsed:before {
display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
line-height: inherit;
vertical-align: bottom;
color: black;
content: "\F045";
text-align: center;
padding: 1px 0;
position: absolute;
background: rgba(238, 238, 238, 0.9);
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.aarsplan-margin {
margin-top: 25px;
}
.aarsplan-divide-controls {
position: absolute;
z-index: 10;
left: 15px;
}
.aarsplan-divide-controls .radio-button:first-child div {
border-radius: 5px 0 0 5px;
}
.aarsplan-divide-controls .radio-button:last-child div {
border-radius: 0 5px 5px 0;
}
.options {
float: right;
padding-right: 20px;
}
.options label {
padding: 0 0 0 10px;
}
.show-forloeb,
.hide-forloeb {
cursor: pointer;
font-size: 10px;
line-height: 19px;
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
text-align: right;
}
#content.content-aarsplan .tabs {
height: 40px;
}
#content.content-aarsplan .tabs.tabs-lg {
height: 50px;
}
#content.content-aarsplan .tabs a {
border-right: 1px solid #ddd;
}
#content.content-aarsplan .content-book .tabs {
margin: 0 0 10px;
}
#content.content-aarsplan .content-book .laeringsmaallist-menu .tabs {
height: 35px;
}
#content.content-aarsplan .content-book-panes {
min-height: 500px;
}
#content.content-aarsplan.content-aarsplan-singlepage {
padding-bottom: 27px;
margin-bottom: 0;
}
#content.content-aarsplan.content-aarsplan-singlepage .content-book {
height: calc(100vh - 71px);
min-height: 500px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px 40px 20px 20px;
}
#content.content-aarsplan.content-aarsplan-singlepage .content-book-panes {
-ms-flex: 1 1 auto;
flex: 1;
overflow: hidden;
min-height: 0;
}
#content.content-aarsplan.content-aarsplan-singlepage .content-book-pane {
position: relative;
height: calc(100vh - 286px);
}
#content.content-aarsplan .aarsplan-info {
color: darkgrey;
font-weight: 100;
}
#content.content-aarsplan .aarsplan-skabelon-navn {
margin-bottom: 10px;
}
#content.content-aarsplan .aarsplan-skabelon-navn .aarsplan-skabelon-navn-edit {
display: none;
}
#content.content-aarsplan .aarsplan-skabelon-navn .aarsplan-skabelon-navn-edit input[type="text"] {
font-size: inherit;
height: auto;
line-height: inherit;
padding: 0;
margin-bottom: -1px;
}
#content.content-aarsplan .aarsplan-skabelon-navn.aarsplan-skabelon-navn-edit-open .aarsplan-skabelon-navn-content {
display: none;
}
#content.content-aarsplan .aarsplan-skabelon-navn.aarsplan-skabelon-navn-edit-open .aarsplan-skabelon-navn-edit {
display: inline-block;
}
#content.content-aarsplan .jade-button-hent-forloeb {
margin-top: 8px;
}
.next-hidden + div {
display: none;
}
.ikke-skemalagte,
.slettede-forloeb {
overflow-x: hidden;
overflow-y: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 15px;
}
.ikke-skemalagte:last-child,
.slettede-forloeb:last-child {
margin-bottom: 0;
}
.ikke-skemalagte .forloeb-list,
.slettede-forloeb .forloeb-list {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.ikke-skemalagte {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.slettede-forloeb {
-ms-flex: 1 1 300px;
flex: 1 1 300px;
}
.frem {
margin-right: 45px;
}
.tilbage {
margin-left: 30px;
}
.frem:hover,
.tilbage:hover {
cursor: pointer;
}
.forloeb-list-title {
text-transform: uppercase;
}
.ui-droppable-hovered {
border-color: #366161;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(54, 97, 97, 0.6);
}
.aarsplan-oversigt {
margin: 0 -2.5px;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-ms-flex: 1 1 auto;
}
.aarsplan-oversigt .forloeb-list {
-ms-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
min-height: 57px;
background-image: linear-gradient(to bottom, #eee 0%, #eee 91.22807017%, transparent 91.22807017%, transparent 100%);
background-repeat: repeat-y;
background-size: 100% 57px;
}
.aarsplan-oversigt .forloeb-list a,
.aarsplan-oversigt .forloeb-list a:hover {
text-decoration: none;
}
.aarsplan-oversigt .aarsplan-oversigt-group {
display: -mx-flexbox;
display: -ms-flexbox;
display: flex;
flex-direction: column;
-ms-flex-direction: column;
width: 25%;
padding: 0 2.5px;
}
#content.forlag-view {
background-image: url(/Node/assets/images/forside-books-98770a5114.png);
background-repeat: no-repeat;
background-position: bottom 0px right -250px;
}
@media (min-width: 768px) {
#content.forlag-view {
background-position: top 320px;
}
}
@media (max-width: 768px) {
#content.forlag-view {
background-image: none;
}
}
.forloeb {
position: relative;
padding: 15px;
background: #fff;
min-height: 800px;
border-style: solid;
border-right-width: 16px;
border-top-width: 10px;
border-bottom-width: 18px;
border-left-width: 18px;
}
@media (max-width: 767px) {
.forloeb {
margin: 0 -20px;
}
}
@media print {
.forloeb {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.forloeb .container,
.forloeb .forloeb-indhold,
.forloeb .forloeb-header {
width: 100% !important;
}
}
.forloeb.forloeb-readonly .forloeb-header {
cursor: default;
}
.forloeb.forloeb-readonly .forloeb-detaljer .forloeb-periode {
cursor: default;
}
.forloeb.forloeb-legacy .forloeb-indhold {
margin-right: 0;
}
.forloeb .forloeb-haefte-left {
position: absolute;
width: 940px;
left: -958px;
top: -10px;
bottom: -18px;
background-image: url(/Node/assets/images/forloeb-haefte-left-b27312ad33.svg);
background-size: 30% auto;
background-position: 90% 100px;
background-repeat: no-repeat;
}
.forloeb .new-clone-stamp {
padding: 5px 15px;
position: absolute;
top: -20px;
left: -28px;
transform: rotate(-8deg);
font-size: 26px;
color: #333;
background-color: #FFFFFF;
text-transform: uppercase;
}
.forloeb .forloeb-button-container {
position: absolute;
top: 140px;
right: 0;
z-index: 9;
overflow: visible !important;
height: 10000px;
max-height: 200px;
}
.forloeb .forloeb-button-container .forloeb-button {
width: 50px;
height: 50px;
margin-right: -50px;
margin-bottom: 10px;
background-color: #FFFFFF;
box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
text-align: center;
line-height: 50px;
cursor: pointer;
}
.forloeb .forloeb-button-container .forloeb-button.forloeb-button-laeringsmaal {
color: #FFFFFF;
background-image: url(/Node/assets/images/laeringsmaal-no-arrow-big-middle-6068cca7a6.svg);
background-size: 80% 80%;
background-position: 50% 50%;
background-repeat: no-repeat;
position: relative;
z-index: 2;
font-size: 11px;
}
.forloeb .forloeb-button-container .forloeb-button.forloeb-button-note {
color: #FFFFFF;
background-image: url(/Node/assets/images/notepad-74b9e07946.png);
background-size: 80% 80%;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.forloeb .forloeb-button-container .forloeb-button.forloeb-button-note .note-available {
color: #000000;
opacity: 0.5;
/* IE 9 */
/* Chrome, Safari, Opera */
transform: rotate(-10deg);
}
.forloeb .forloeb-button-container .forloeb-button.forloeb-button-print,
.forloeb .forloeb-button-container .forloeb-button.forloeb-button-presentation,
.forloeb .forloeb-button-container .forloeb-button.forloeb-button-home,
.forloeb .forloeb-button-container .forloeb-button.forloeb-button-overblik {
padding-top: 5px;
border-left: 3px solid;
}
.forloeb .forloeb-button-container .forloeb-button.forloeb-button-print.active,
.forloeb .forloeb-button-container .forloeb-button.forloeb-button-presentation.active,
.forloeb .forloeb-button-container .forloeb-button.forloeb-button-home.active,
.forloeb .forloeb-button-container .forloeb-button.forloeb-button-overblik.active {
border-left: none;
}
.forloeb .forloeb-button-container .forloeb-button.forloeb-button-print.active:hover,
.forloeb .forloeb-button-container .forloeb-button.forloeb-button-presentation.active:hover,
.forloeb .forloeb-button-container .forloeb-button.forloeb-button-home.active:hover,
.forloeb .forloeb-button-container .forloeb-button.forloeb-button-overblik.active:hover {
cursor: default;
}
.forloeb .forloeb-laeringsmaal-dialog-laeringsmaal {
position: absolute;
width: 600px;
top: -1px;
left: -599px;
background-color: #fff;
min-height: 200px;
padding: 20px;
border: solid 1px #b3b0a9;
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
max-height: 56vh;
z-index: 1;
overflow-y: auto;
display: none;
}
.forloeb .forloeb-laeringsmaal-dialog-laeringsmaal:before {
position: absolute;
top: 0;
right: -4px;
content: "";
height: 50px;
width: 4px;
background-color: #FFFFFF;
}
.forloeb .forloeb-to-aarsplan-dialog-block,
.forloeb .forloeb-color-dialog-block {
position: absolute;
background: #fff;
z-index: 5000;
opacity: 0;
display: none;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.forloeb.forloeb-laeringsmaal-dialog-open .forloeb-laeringsmaal-dialog-laeringsmaal {
display: block;
}
.forloeb .forloeb-header {
cursor: pointer;
padding: 10px;
}
.forloeb .forloeb-header h1 {
margin: 0px;
line-height: 1.7em;
width: calc(100% - 148px);
font-size: 38px;
}
@media (max-width: 767px) {
.forloeb .forloeb-header h1 {
width: 100%;
}
}
.forloeb .forloeb-header .forloeb-header-navn {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 5px;
padding-right: 6px;
}
.forloeb .forloeb-header .forloeb-header-ikon {
height: 1.7em;
width: 1.5em;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.forloeb .forloeb-header input {
display: none;
font-size: inherit;
height: 1.7em;
}
@media (max-width: 767px) {
.forloeb .forloeb-header h1 {
font-size: 28px;
}
}
.forloeb .forloeb-header .forloeb-header-btn {
height: 43px;
margin-top: 13px;
margin-right: 5px;
width: 116px;
}
.forloeb .forloeb-header .toAarsplanDialog {
position: absolute;
top: 100px;
right: 50px;
}
.forloeb .forloeb-header .forloeb-header-gem {
height: 43px;
margin-top: 13px;
margin-right: 5px;
width: 116px;
display: none;
}
.forloeb.forloeb-color-dialog-open .forloeb-color-dialog-block {
display: block;
opacity: 0.75;
}
.forloeb.forloeb-color-dialog-open .forloeb-color-dialog {
display: block;
}
.forloeb.forloeb-color-dialog-open .forloeb-header {
cursor: default;
}
.forloeb.forloeb-color-dialog-open .forloeb-header .forloeb-header-gem {
display: block;
}
.forloeb.forloeb-color-dialog-open .forloeb-header .forloeb-header-navn {
display: none;
}
.forloeb.forloeb-color-dialog-open .forloeb-header input {
display: block;
}
.forloeb.forloeb-color-dialog-open .forloeb-header h1 {
width: 100%;
}
.forloeb.forloeb-color-dialog-open [data-action="toggleToAarsplanDialog"] {
display: none;
}
.forloeb.forloeb-to-aarsplan-dialog-open .forloeb-to-aarsplan-dialog-block {
display: block;
opacity: 0.75;
}
.forloeb.forloeb-to-aarsplan-dialog-open .forloeb-to-aarsplan-dialog {
display: block;
}
.forloeb .forloeb-to-aarsplan-dialog-block,
.forloeb .forloeb-color-dialog-block {
top: 105px;
}
.forloeb .forloeb-to-aarsplan-dialog,
.forloeb .forloeb-color-dialog {
display: none;
position: absolute;
z-index: 10000;
left: 15px;
right: 15px;
background: #fff;
min-height: 200px;
margin-top: 26px;
margin-bottom: 20px;
border: solid 1px #b3b0a9;
box-shadow: 5px 5px 0px rgba(200, 200, 200, 0.5);
}
.forloeb .forloeb-to-aarsplan-dialog .forloeb-to-aarsplan-dialog-arrow,
.forloeb .forloeb-color-dialog .forloeb-to-aarsplan-dialog-arrow,
.forloeb .forloeb-to-aarsplan-dialog .forloeb-color-dialog-arrow,
.forloeb .forloeb-color-dialog .forloeb-color-dialog-arrow {
width: 0;
height: 0;
border-left: 26px solid transparent;
border-right: 26px solid transparent;
border-bottom: 26px solid #b3b0a9;
margin-top: -26px;
margin-left: 12px;
}
.forloeb .forloeb-to-aarsplan-dialog .forloeb-to-aarsplan-dialog-arrow .forloeb-to-aarsplan-dialog-arrow-fill,
.forloeb .forloeb-color-dialog .forloeb-to-aarsplan-dialog-arrow .forloeb-to-aarsplan-dialog-arrow-fill,
.forloeb .forloeb-to-aarsplan-dialog .forloeb-color-dialog-arrow .forloeb-to-aarsplan-dialog-arrow-fill,
.forloeb .forloeb-color-dialog .forloeb-color-dialog-arrow .forloeb-to-aarsplan-dialog-arrow-fill,
.forloeb .forloeb-to-aarsplan-dialog .forloeb-to-aarsplan-dialog-arrow .forloeb-color-dialog-arrow-fill,
.forloeb .forloeb-color-dialog .forloeb-to-aarsplan-dialog-arrow .forloeb-color-dialog-arrow-fill,
.forloeb .forloeb-to-aarsplan-dialog .forloeb-color-dialog-arrow .forloeb-color-dialog-arrow-fill,
.forloeb .forloeb-color-dialog .forloeb-color-dialog-arrow .forloeb-color-dialog-arrow-fill {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 25px solid #fff;
position: relative;
left: -25px;
top: 2px;
}
.forloeb .forloeb-to-aarsplan-dialog .forloeb-to-aarsplan-dialog-shadow-top,
.forloeb .forloeb-color-dialog .forloeb-to-aarsplan-dialog-shadow-top,
.forloeb .forloeb-to-aarsplan-dialog .forloeb-color-dialog-shadow-top,
.forloeb .forloeb-color-dialog .forloeb-color-dialog-shadow-top {
height: 5px;
background: #d8d8d8;
}
.forloeb .forloeb-detaljer {
line-height: 32px;
font-size: 12px;
font-weight: 300;
overflow: hidden;
border-bottom: 1px solid #d5d4d1;
}
.forloeb .forloeb-detaljer .forloeb-hold {
overflow: hidden;
height: 40px;
}
.forloeb .forloeb-detaljer .forloeb-periode .forloeb-periode-edit {
display: none;
}
.forloeb .forloeb-detaljer .forloeb-periode .forloeb-periode-edit input[type="text"] {
text-align: center;
width: 84px;
float: left;
margin-top: 7px;
padding-right: 5px;
}
.forloeb .forloeb-detaljer .forloeb-periode .forloeb-periode-edit button {
margin-left: 12px;
margin-top: 7px;
}
.forloeb .forloeb-detaljer .forloeb-periode.forloeb-periode-edit-open {
cursor: default;
}
.forloeb .forloeb-detaljer .forloeb-periode.forloeb-periode-edit-open .forloeb-periode-text {
display: none;
}
.forloeb .forloeb-detaljer .forloeb-periode.forloeb-periode-edit-open .forloeb-periode-edit {
display: block;
}
@media (min-width: 768px) {
.forloeb .forloeb-detaljer {
line-height: 50px;
height: 50px;
font-size: 16px;
font-weight: 300;
}
.forloeb .forloeb-detaljer .forloeb-hold {
max-width: 65%;
overflow: hidden;
height: 40px;
float: right;
}
.forloeb .forloeb-detaljer .forloeb-periode {
border-bottom: none;
float: left;
}
.forloeb .forloeb-detaljer .forloeb-periode .forloeb-periode-edit {
display: none;
}
.forloeb .forloeb-detaljer .forloeb-periode .forloeb-periode-edit input[type="text"] {
text-align: center;
width: 84px;
float: left;
margin-top: 7px;
padding-right: 5px;
}
.forloeb .forloeb-detaljer .forloeb-periode .forloeb-periode-edit button {
margin-left: 12px;
margin-top: 7px;
}
.forloeb .forloeb-detaljer .forloeb-periode.forloeb-periode-edit-open {
cursor: default;
}
.forloeb .forloeb-detaljer .forloeb-periode.forloeb-periode-edit-open .forloeb-periode-text {
display: none;
}
.forloeb .forloeb-detaljer .forloeb-periode.forloeb-periode-edit-open .forloeb-periode-edit {
display: block;
}
}
.forloeb > hr {
margin: 0px;
margin-bottom: 20px;
}
.forloeb .forloeb-navigation {
position: relative;
margin: -20px 0 0 -15px;
padding: 20px 15px 0;
}
.forloeb .forloeb-navigation .forloeb-navigation-indicator {
position: absolute;
left: 10px;
top: 18px;
width: 5px;
height: 36px;
min-height: 32px;
transition: top 0.2s, height 0.2s;
}
.forloeb .forloeb-navigation .forloeb-navigation-item {
background-color: #fff;
padding: 5px 8px 5px 16px;
border-bottom: solid 2px #f0f0f0;
font-weight: 300;
cursor: pointer;
}
.forloeb .forloeb-navigation .forloeb-navigation-item.vis-sortering:hover {
position: relative;
}
.forloeb .forloeb-navigation .forloeb-navigation-item.vis-sortering:hover:before {
color: #757575;
font: normal normal normal 12px/1 FontAwesome;
content: "\f047";
position: absolute;
top: 50%;
margin-top: -6px;
right: 0;
}
.forloeb .forloeb-navigation .forloeb-navigation-item.forloeb-navigation-item-header {
padding-left: 8px;
font-weight: bold;
font-size: 16px;
}
.forloeb .forloeb-navigation .forloeb-navigation-item.forloeb-navigation-item-header small {
color: #aaa;
font-size: 11px;
font-weight: normal;
}
.forloeb .forloeb-navigation .forloeb-navigation-item.forloeb-navigation-item-separator {
cursor: default;
height: 32px;
}
.forloeb .forloeb-navigation .forloeb-navigation-item.forloeb-navigation-item-create {
color: #c8c8c8;
font-weight: normal;
}
.forloeb .forloeb-navigation .forloeb-navigation-item.forloeb-navigation-opgave {
padding-left: 32px;
font-size: 12px;
position: relative;
}
.forloeb .forloeb-navigation .forloeb-navigation-item.forloeb-navigation-opgave.for-elev:before {
display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
line-height: inherit;
vertical-align: bottom;
content: "\F130";
font-size: 18px;
color: #ccc;
position: absolute;
top: 50%;
transform: translate(-100%, -50%) translateX(-4px);
}
.forloeb .forloeb-navigation .forloeb-navigation-item.forloeb-navigation-opgave.forloeb-navigation-opgave-begun:before {
color: #3d8283;
}
.forloeb .forloeb-navigation .forloeb-navigation-item.forloeb-navigation-opgave.forloeb-navigation-opgave-partial:before {
content: "\F377";
}
.forloeb .forloeb-navigation .forloeb-navigation-item.forloeb-navigation-opgave.forloeb-navigation-opgave-faerdig:before {
content: "\F134";
}
.forloeb .forloeb-navigation .forloeb-navigation-item.forloeb-navigation-opgave .small::first-letter {
text-transform: uppercase;
}
.forloeb .forloeb-indhold {
margin-right: 65px;
}
@media (max-width: 767px) {
.forloeb .forloeb-indhold {
margin-right: 0;
}
.forloeb .forloeb-indhold h1 {
font-size: 28px;
}
.forloeb .forloeb-indhold h2 {
font-size: 22.4px;
}
.forloeb .forloeb-indhold h3 {
font-size: 17.92px;
}
.forloeb .forloeb-indhold h4 {
font-size: 14.56px;
}
.forloeb .forloeb-indhold .editor {
margin-right: 20px;
}
}
.forloeb .forloeb-indhold .forloeb-indhold-header {
margin-top: 0px;
}
.forloeb .forloeb-indhold h1 {
line-height: 40px;
}
.forloeb .forloeb-indhold h2,
.forloeb .forloeb-indhold h3 {
line-height: 34px;
}
.forloeb .forloeb-indhold .forloeb-side {
margin-bottom: 80px;
}
.forloeb .forloeb-indhold .forloeb-side .forloeb-side-navn,
.forloeb .forloeb-indhold .forloeb-side .forloeb-kapitel-navn {
margin-bottom: 10px;
}
.forloeb .forloeb-indhold .forloeb-side .forloeb-side-navn .forloeb-side-navn-edit,
.forloeb .forloeb-indhold .forloeb-side .forloeb-kapitel-navn .forloeb-side-navn-edit,
.forloeb .forloeb-indhold .forloeb-side .forloeb-side-navn .forloeb-kapitel-navn-edit,
.forloeb .forloeb-indhold .forloeb-side .forloeb-kapitel-navn .forloeb-kapitel-navn-edit {
display: none;
}
.forloeb .forloeb-indhold .forloeb-side .forloeb-side-navn .forloeb-side-navn-edit input[type="text"],
.forloeb .forloeb-indhold .forloeb-side .forloeb-kapitel-navn .forloeb-side-navn-edit input[type="text"],
.forloeb .forloeb-indhold .forloeb-side .forloeb-side-navn .forloeb-kapitel-navn-edit input[type="text"],
.forloeb .forloeb-indhold .forloeb-side .forloeb-kapitel-navn .forloeb-kapitel-navn-edit input[type="text"] {
font-size: inherit;
height: auto;
line-height: inherit;
padding: 0;
margin-bottom: -1px;
}
.forloeb .forloeb-indhold .forloeb-side .forloeb-side-navn.forloeb-side-navn-edit-open .forloeb-side-navn-content,
.forloeb .forloeb-indhold .forloeb-side .forloeb-kapitel-navn.forloeb-side-navn-edit-open .forloeb-side-navn-content,
.forloeb .forloeb-indhold .forloeb-side .forloeb-side-navn.forloeb-kapitel-navn-edit-open .forloeb-side-navn-content,
.forloeb .forloeb-indhold .forloeb-side .forloeb-kapitel-navn.forloeb-kapitel-navn-edit-open .forloeb-side-navn-content,
.forloeb .forloeb-indhold .forloeb-side .forloeb-side-navn.forloeb-side-navn-edit-open .forloeb-kapitel-navn-content,
.forloeb .forloeb-indhold .forloeb-side .forloeb-kapitel-navn.forloeb-side-navn-edit-open .forloeb-kapitel-navn-content,
.forloeb .forloeb-indhold .forloeb-side .forloeb-side-navn.forloeb-kapitel-navn-edit-open .forloeb-kapitel-navn-content,
.forloeb .forloeb-indhold .forloeb-side .forloeb-kapitel-navn.forloeb-kapitel-navn-edit-open .forloeb-kapitel-navn-content,
.forloeb .forloeb-indhold .forloeb-side .forloeb-side-navn.forloeb-side-navn-edit-open > button,
.forloeb .forloeb-indhold .forloeb-side .forloeb-kapitel-navn.forloeb-side-navn-edit-open > button,
.forloeb .forloeb-indhold .forloeb-side .forloeb-side-navn.forloeb-kapitel-navn-edit-open > button,
.forloeb .forloeb-indhold .forloeb-side .forloeb-kapitel-navn.forloeb-kapitel-navn-edit-open > button {
display: none;
}
.forloeb .forloeb-indhold .forloeb-side .forloeb-side-navn.forloeb-side-navn-edit-open .forloeb-side-navn-edit,
.forloeb .forloeb-indhold .forloeb-side .forloeb-kapitel-navn.forloeb-side-navn-edit-open .forloeb-side-navn-edit,
.forloeb .forloeb-indhold .forloeb-side .forloeb-side-navn.forloeb-kapitel-navn-edit-open .forloeb-side-navn-edit,
.forloeb .forloeb-indhold .forloeb-side .forloeb-kapitel-navn.forloeb-kapitel-navn-edit-open .forloeb-side-navn-edit,
.forloeb .forloeb-indhold .forloeb-side .forloeb-side-navn.forloeb-side-navn-edit-open .forloeb-kapitel-navn-edit,
.forloeb .forloeb-indhold .forloeb-side .forloeb-kapitel-navn.forloeb-side-navn-edit-open .forloeb-kapitel-navn-edit,
.forloeb .forloeb-indhold .forloeb-side .forloeb-side-navn.forloeb-kapitel-navn-edit-open .forloeb-kapitel-navn-edit,
.forloeb .forloeb-indhold .forloeb-side .forloeb-kapitel-navn.forloeb-kapitel-navn-edit-open .forloeb-kapitel-navn-edit {
display: block;
}
.forloeb .forloeb-indhold .forloeb-side hr {
margin: 10px 0;
}
.forloeb .forloeb-indhold .forloeb-side .toggleSynlighedForElever {
height: 25px;
}
.forloeb .forloeb-indhold .js-text-edit-mode {
cursor: pointer;
}
.forloeb.in-bibliotek .editor-section-edit-surface {
display: none;
}
.forloeb .visibility {
margin-top: 15px;
min-height: 43px;
}
.forloeb .visibility .visibility-label {
margin-right: 8px;
}
.forloeb-to-aarsplan-dialog .hold {
opacity: 0.5;
cursor: default;
}
.forloeb-to-aarsplan-dialog .hold[data-aarsplan-id] {
opacity: 1;
cursor: pointer;
}
.forloeb-haefte {
width: 123.12px;
height: 140.94px;
display: inline-block;
position: relative;
cursor: pointer;
text-decoration: none;
}
.forloeb-haefte .forloeb-haefte-top {
height: 8.91px;
width: 100%;
background: #fff;
}
.forloeb-haefte .forloeb-haefte-top-corner {
width: 24.3px;
height: 12.96px;
border-top-left-radius: 12.15px 6.48px;
border-top-right-radius: 12.15px 6.48px;
border-bottom-right-radius: 12.15px 6.48px;
border-bottom-left-radius: 12.15px 6.48px;
margin-top: 1px;
float: left;
}
.forloeb-haefte .forloeb-haefte-ikon {
height: 56.7px;
width: 45.36px;
margin: 0px auto;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.forloeb-haefte .forloeb-haefte-fag {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 11px;
text-align: center;
text-decoration: none;
color: #4d4d4d;
padding-left: 8.1px;
padding-right: 8.1px;
}
.forloeb-haefte .forloeb-haefte-fag.with-icon {
text-align: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
white-space: normal;
margin: 11px 8.1px 2px 8.1px;
padding: 0 0 2px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
.forloeb-haefte .forloeb-haefte-fag.with-icon .fagNavn {
line-height: 15px;
font-size: 12px;
display: block;
display: -webkit-box;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/*! autoprefixer: on */
position: relative;
line-height: 1.2;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 !important;
-webkit-line-clamp: 2;
max-height: 2.4em;
}
@supports (-webkit-line-clamp: 1) {
.forloeb-haefte .forloeb-haefte-fag.with-icon .fagNavn:after {
display: none !important;
}
}
.forloeb-haefte .forloeb-haefte-fag.with-icon .forloeb-haefte-ikon {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-positive: 0;
flex-grow: 0;
display: block;
height: 30px;
width: 24px;
float: left;
margin: 0;
}
.forloeb-haefte .forloeb-haefte-top-border {
height: 3.24px;
position: relative;
top: 0.81px;
margin-left: 11.34px;
}
.forloeb-haefte .forloeb-haefte-top-corner-overlay {
width: 31.59px;
height: 4.86px;
border-top-left-radius: 12.15px 4.86px;
border-top-right-radius: 12.15px 4.86px;
border-bottom-right-radius: 12.15px 4.86px;
border-bottom-left-radius: 12.15px 4.86px;
background: #fff;
float: left;
position: relative;
left: -20.25px;
top: 4.05px;
}
.forloeb-haefte .forloeb-haefte-details {
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 8.1px;
padding-right: 8.1px;
}
.forloeb-haefte .forloeb-haefte-details .navn {
font-size: 13.77px;
}
.forloeb-haefte .forloeb-haefte-details .oprettetAf {
font-size: 10.53px;
}
.forloeb-haefte .forloeb-haefte-details hr {
margin-top: 2.43px;
margin-bottom: 2.43px;
width: 100%;
opacity: 0.5;
}
.forloeb-haefte .forloeb-haefte-details.long-text {
white-space: normal;
text-align: left;
}
.forloeb-haefte .forloeb-haefte-details.long-text span.navn {
font-size: 12px;
display: block;
display: -webkit-box;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/*! autoprefixer: on */
position: relative;
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 !important;
-webkit-line-clamp: 4;
max-height: 6em;
}
@supports (-webkit-line-clamp: 1) {
.forloeb-haefte .forloeb-haefte-details.long-text span.navn:after {
display: none !important;
}
}
.forloeb-haefte .forloeb-haefte-shadow .forloeb-haefte-shadow-top {
background: rgba(0, 0, 0, 0.2);
position: absolute;
top: 11.34px;
bottom: 29.97px;
width: 10.53px;
left: -10px;
}
.forloeb-haefte .forloeb-haefte-shadow .forloeb-haefte-shadow-bottom {
width: 0;
height: 0;
border-style: solid;
border-width: 0 10.53px 25.11px 0;
border-color: transparent #8b714a transparent transparent;
position: absolute;
bottom: 4.86px;
left: -10px;
}
.forloeb-haefte .forloeb-haefte-left-border {
width: 3.24px;
position: absolute;
top: 10.53px;
bottom: 0px;
}
.forloeb-haefte .forloeb-haefte-left-border .forloeb-haefte-left-border-top {
width: 0;
height: 0;
border-style: solid;
border-width: 3.24px 0 0 3.24px;
position: relative;
top: -3px;
}
.forloeb-haefte-hylder .forloeb-haefte {
margin-left: 40px;
display: inline-block;
position: relative;
top: 29.16px;
cursor: pointer;
z-index: 2;
}
.forloeb-haefte-hylder .forloeb-haefte-hylde:first-child {
margin-top: 0px;
}
.forloeb-haefte-hylder .forloeb-haefte-hylde .forloeb-haefte-hylde-extrainfo {
width: 123.12px;
margin-left: 40px;
display: inline-block;
text-align: center;
margin-top: 3px;
font-size: 12px;
}
.forloeb-haefte-hylder .forloeb-haefte-hylde .forloeb-haefte-hylde-bottom {
height: 48.6px;
width: 100%;
background: #af8f5d;
border-bottom: solid 10px #dabe93;
}
.forloeb-haefte-hylder .forloeb-haefte-hylde .forloeb-haefte-hylde-udgaver {
height: 28px;
width: 100%;
background: #ededed;
}
.forloeb-haefte-small {
display: inline-block;
width: 40px;
position: relative;
}
.forloeb-haefte-small .forloeb-haefte-small-icon {
position: absolute;
top: -1px;
width: 100%;
height: 100%;
background: no-repeat center center / 80%;
}
.forloeb-haefte-mini {
width: 25px;
height: 30px;
background-repeat: no-repeat;
background-position: center center;
background-size: 90% auto;
}
.presentation-mode [data-type="laererkommentar"] {
display: none;
}
.presentation-mode [data-lektie].lektie .lektie-list-handling {
display: none;
}
.inactive-forloeb-list .forloeb-haefte {
opacity: 0.6;
cursor: default;
}
.sideNavigationList {
padding-top: 20px;
padding-bottom: 20px;
margin-top: -20px;
margin-bottom: -20px;
}
.gruppeNavigationList .visibility-status {
width: 7px;
height: 7px;
border-radius: 20px;
background-color: #cccccc;
margin-top: 5px;
margin-right: -6px;
}
.gruppeNavigationList .visibility-status.active {
background-color: #82c46c;
}
.gruppeNavigationList .forloeb-navigation-item:hover .visibility-status {
display: none;
}
.forloeb-meta-actions .input-toggle-container {
padding: 5px 10px 0;
border-bottom: 1px solid #d0d0d0;
}
.forloeb-meta-actions .container-favorit {
border-top: 1px solid #d0d0d0;
}
.container.presentation-mode .editor-section-edit-surface {
display: none;
}
.forloeb.forloeb-overblik .forloeb-header h1 {
width: 100%;
}
.faellesmaal-container .search {
width: 255px;
}
.faellesmaal-container .no-search-results {
text-align: center;
padding-top: 16px;
}
.faellesmaal-container .emne {
margin-top: 5px;
border-spacing: 0;
border-collapse: separate;
}
.faellesmaal-container .emne.compact {
width: 100%;
border-spacing: 0 3px;
}
.faellesmaal-container .emne.compact td {
font-size: 12px;
}
.faellesmaal-container .emne.supercompact td {
-ms-hyphens: auto;
hyphens: auto;
}
.faellesmaal-container .emne .navn {
text-align: center;
}
.faellesmaal-container .emne .usage {
text-align: center;
border: 1px solid #cccccc;
border-top: none;
background-color: #eee;
margin: -5px -5px 10px;
padding: 8px 5px;
}
.faellesmaal-container .emne .usage.used {
border-color: #559191;
background-color: #559191;
margin: -8px -5px 0;
cursor: pointer;
color: #ffffff;
}
.faellesmaal-container .emne [data-action=toggleDetails] {
cursor: pointer;
}
.faellesmaal-container .emne td {
font-size: 13px;
padding: 5px;
}
.faellesmaal-container .emne td.maal {
position: relative;
width: 47.5%;
background: #ffffff;
height: 100px;
vertical-align: top;
border: solid 1px #CCCCCC;
color: #666;
padding: 5px 15px 5px 30px;
}
.faellesmaal-container .emne td.maal .ikon {
position: absolute;
width: 18px;
height: 18px;
top: 8px;
left: 5px;
background-position: 50% 50%;
background-repeat: no-repeat;
margin-right: 5px;
opacity: 0.7;
background-size: 16px auto;
}
.faellesmaal-container .emne td.maal .faellesmaal-arrow {
width: 20px;
height: 100%;
position: absolute;
left: -14px;
top: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 18px auto;
}
.faellesmaal-container .emne td.maal.none-selected {
vertical-align: middle;
}
.faellesmaal-container .emne td.used {
background: #EAF4F3;
color: #636363;
border: solid 1px #559191;
}
.faellesmaal-container .emne td.used .ikon {
opacity: 1;
}
.faellesmaal-container .emne td.compact {
color: #636363;
border: solid 1px #4d4d4d;
}
.faellesmaal-container .emne td.compact .ikon {
opacity: 1;
}
.faellesmaal-container .emne td.supercompact {
padding: 0 5px;
}
.faellesmaal-container .emne td.selected {
background: #559191;
color: #ffffff;
border: solid 1px #EAF4F3;
}
.faellesmaal-container .emne td.selected .ikon {
opacity: 1;
}
.faellesmaal-container .emne td:not(.emne-anvendt):last-child {
border-left: none;
}
.faellesmaal-container .emne .emne-anvendt {
background-color: #559191;
font-size: 12px;
font-weight: 100;
color: #ffffff;
}
.faellesmaal-container .emne .emne-anvendt.not-anvendt {
background-color: #CCCCCC;
}
.faellesmaal-container .emne .emne-anvendt.not-anvendt:hover {
opacity: 1;
}
.faellesmaal-container .emne .emne-anvendt .attention {
font-weight: bold;
}
.faellesmaal-container .emne .emne-anvendt .md-bell-ring {
color: #ffd400;
}
.faellesmaal-container .emne .emne-anvendt:hover {
opacity: 0.9;
}
.faellesmaal-container .emne .elev {
padding: 10px 0 0 0;
}
.faellesmaal-container .emne .details .elev {
position: relative;
}
.faellesmaal-container .emne .details .moreDetails {
display: inline-block;
visibility: hidden;
position: relative;
z-index: 1;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
.faellesmaal-container .emne .details .moreDetails .manglende-elev__detaljer {
position: absolute;
top: -40px;
left: 5px;
}
.faellesmaal-container .emne .details .elev:hover .moreDetails {
visibility: visible;
opacity: 1;
cursor: pointer;
}
.faellesmaal-container .emne .manglerElever {
border: solid 1px #559191;
border-top: none;
background-color: #f9c06a;
}
.faellesmaal-selector .maal {
cursor: pointer;
}
.faellesmaal-hero {
border: solid 1px #b3b0a9;
background: #fcfbf9;
margin-bottom: 60px;
box-shadow: 5px 5px 0px #c6c4bf;
margin-right: 5px;
padding: 15px;
margin-top: 14px;
}
.faellesmaal-hero .faellesmaal-hero-maal {
font-size: 26px;
width: 90%;
margin: auto;
font-weight: 300;
}
.faellesmaal-hero .faellesmaal-hero-support {
color: #969696;
margin-top: 30px;
text-align: right;
}
.details-block-content {
margin: 2px 0;
padding: 10px;
}
.details-block-content img {
vertical-align: top;
}
.details-block-content:hover {
opacity: 0.9;
}
.legend .legend-item .legend-object.legend-object-square.not-used {
background-color: #ebebe3;
}
.legend .legend-item .legend-object.legend-object-square.used-aarsplan {
background-color: #EAF4F3;
border: solid 1px #559191;
}
.legend .legend-item .legend-object.legend-object-square.used-forloeb {
background-color: #559191;
border: solid 1px #ffffff;
}
.trinmaal-container .trinmaal {
background: #f0f0f0;
color: #969696;
margin-top: 10px;
padding-left: 10px;
padding-right: 10px;
min-height: 71px;
padding-top: 3px;
line-height: 21px;
padding-bottom: 3px;
cursor: pointer;
}
.trinmaal-container .trinmaal.compact {
height: 71px;
overflow: hidden;
cursor: default;
}
.trinmaal-container .trinmaal.used {
color: #636363;
border: dashed 1px #4d4d4d;
}
.trinmaal-container .trinmaal.selected {
background: #fff;
color: #636363;
border: solid 1px #4d4d4d;
}
.laeringsmaal-list .laeringsmaal {
margin-top: 15px;
}
.laeringsmaal-indicator {
display: inline-block;
color: #fff;
text-align: center;
background-size: 100% 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
width: 28px;
height: 28px;
font-size: 10px;
line-height: 26px;
font-weight: 300;
}
.laeringsmaal-indicator.laeringsmaal-indicator-lg {
width: 50px;
height: 50px;
font-size: 14px;
line-height: 48px;
font-weight: normal;
}
.laeringsmaal-indicator svg {
width: 32px;
height: 32px;
}
.laeringsmaal-indicator svg text {
fill: #fff;
}
.laeringsmaal-indicator.background {
background-color: #999999;
border-radius: 100px;
width: 34px;
height: 34px;
margin: 0 1px;
}
.laeringsmaal-indicator .cls-2 {
fill: #ffffff;
}
.laeringsmaal-indicator .cls-3 {
fill: #e96964;
}
.laeringsmaal-indicator .border {
fill: #448f90;
}
.laeringsmaal-indicator.elev {
margin: 0 2px;
}
.laeringsmaal-indicator.elev .cls-1 {
fill: #64aa59;
}
.laeringsmaal-indicator.simple {
margin: 0 2px;
}
.laeringsmaal-indicator.simple .cls-1 {
fill: #97CDCB;
}
.laeringsmaalHistorik {
padding: 20px;
background-color: #F4F3EF;
margin-top: 3px;
margin-bottom: 30px;
border: 1px solid #ddd;
border-top: none;
margin-left: 2px;
}
.laeringsmaalHistorik .laeringsmaal-historik-vurdering .stars {
text-align: center;
}
.laeringsmaal {
box-shadow: 2px 3px 0px rgba(0, 0, 0, 0.3);
border-left: 1px solid #ccc;
margin-bottom: 30px;
}
.laeringsmaal.expandedLaeringsmaal {
margin-bottom: 0;
}
.laeringsmaal .category-learingsmaal .laeringsmaal-sub-header {
margin-top: 5px;
}
.laeringsmaal .skrivKommentar {
padding-left: 20px;
padding-right: 20px;
margin-top: 20px;
padding-bottom: 20px;
}
.laeringsmaal.laeringsmaal-edit-mode .laeringsmaal-dialog .laeringsmaal-dialog-actions {
background-color: #e5ecf3;
}
.laeringsmaal.laeringsmaal-edit-mode.elevmaal .laeringsmaal-dialog .laeringsmaal-dialog-actions {
background-color: #e8f3e7;
}
.laeringsmaal.laeringsmaal-edit-mode.elevmaal .laeringsmaal-dialog .laeringsmaal-dialog-actions .laeringsmaal-indicator {
top: 14px;
}
.laeringsmaal .laeringsmaal-type-vaelger {
background-color: white;
}
.laeringsmaal .laeringsmaal-type-vaelger .btn {
margin-left: 5px;
margin-right: 5px;
padding: 10px 30px;
}
.laeringsmaal .laeringsmaal-note-image img.skive {
width: 40px;
height: 40px;
margin: 8px 0 8px 8px;
}
.laeringsmaal .laeringsmaal-note-image img.medalje {
width: 49px;
height: 49px;
margin: 0px 0 8px 0px;
}
.laeringsmaal .laeringsmaal-edit {
background-color: white;
padding-bottom: 24px;
}
.laeringsmaal.laeringsmaal-new > .laeringsmaal-note {
background-color: white;
}
.laeringsmaal.laeringsmaal-nostars .laeringsmaal-note .laeringsmaal-note-content-text {
margin-right: 0;
}
.laeringsmaal .laeringsmaal-textarea {
resize: none;
min-height: 90px;
margin-bottom: 10px;
}
.laeringsmaal .btn-grey {
margin-right: 20px;
}
.laeringsmaal .laeringsmaal-position-actions {
float: right;
margin-right: -6px;
}
.laeringsmaal .category-elevmaal .laeringsmaal-actions,
.laeringsmaal.elevmaal .laeringsmaal-actions {
background-color: #e8f3e7;
}
.laeringsmaal .category-elevmaal .laeringsmaal-sub-header,
.laeringsmaal.elevmaal .laeringsmaal-sub-header {
background-color: #f5f9f4;
}
.laeringsmaal .laeringsmaal-actions {
background: #e5ecf3;
}
.laeringsmaal .laeringsmaal-actions,
.laeringsmaal .laeringsmaal-dialog-actions {
position: relative;
padding: 8px;
}
.laeringsmaal .laeringsmaal-actions h4,
.laeringsmaal .laeringsmaal-dialog-actions h4 {
margin-left: 40px;
}
.laeringsmaal .laeringsmaal-actions .pull-right,
.laeringsmaal .laeringsmaal-dialog-actions .pull-right {
margin-top: 2px;
}
.laeringsmaal .laeringsmaal-header {
position: relative;
}
.laeringsmaal .laeringsmaal-header .kompetencehjul-simple {
padding: 8px 0 8px 8px;
}
.laeringsmaal .laeringsmaal-sub-header {
background-color: #f3f6f9;
padding: 10px 5px 5px 10px;
}
.laeringsmaal .laeringsmaal-note {
display: block;
background: #e5ecf3;
min-height: 73px;
padding-top: 0px;
border-top: 1px solid #ccc;
}
.laeringsmaal .laeringsmaal-note h3 {
font-size: 19px;
}
.laeringsmaal .laeringsmaal-note h3 + hr {
border-color: #333333;
margin-top: 0;
}
.laeringsmaal .laeringsmaal-note .faellesmaal h3,
.laeringsmaal .laeringsmaal-note .tegnPaaLaering h3 {
margin-top: 40px;
}
.laeringsmaal .laeringsmaal-note .tegnPaaLaering .tegn-paa-laering-list {
margin-top: -20px;
}
.laeringsmaal .laeringsmaal-note .tegnPaaLaering .tegn-paa-laering-list textarea {
padding-right: 0;
}
.laeringsmaal .laeringsmaal-note .tegnPaaLaering td {
vertical-align: middle;
}
.laeringsmaal .laeringsmaal-note .tegnPaaLaering td textarea {
border: none;
resize: none;
box-shadow: none;
}
.laeringsmaal .laeringsmaal-note .tegnPaaLaering tr {
border-bottom: 1px solid lightgrey;
}
.laeringsmaal .laeringsmaal-note .tegnPaaLaering h3.noEvaluator {
margin-bottom: 0;
}
.laeringsmaal .laeringsmaal-note .faellesmaal-container {
margin-bottom: 20px;
}
.laeringsmaal .laeringsmaal-note.category-elevmaal {
background: #e8f3e7;
}
.laeringsmaal .laeringsmaal-note .media-object {
width: 63px;
padding: 5px 0 0 15px;
}
.laeringsmaal .laeringsmaal-note .media-body {
padding-right: 20px;
}
.laeringsmaal .laeringsmaal-note textarea,
.laeringsmaal .laeringsmaal-note .laeringsmaal-note-content-text .laeringmaal-note-content-headline {
font-family: 'Open Sans', cursive;
font-size: 16px;
}
.laeringsmaal .laeringsmaal-note .laeringsmaal-note-content-text {
padding: 10px 0;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
word-break: break-word;
margin-right: 50px;
}
.laeringsmaal .laeringsmaal-note .laeringsmaal-note-content-text .laeringsmaal-note-content-names {
font-size: 13px;
padding-top: 6px;
}
.laeringsmaal .laeringsmaal-note .evaluation-quickview {
float: right;
}
.laeringsmaal .laeringsmaal-note .evaluation-quickview.no-evaluators.has-comments .laeringsmaal-commentcount {
margin-top: -10px;
}
.laeringsmaal .laeringsmaal-note .evaluation-quickview.no-evaluators.has-comments .laeringsmaal-stars-none {
margin-top: 7px;
}
.laeringsmaal .laeringsmaal-note .evaluation-quickview .evaluation-quickview-item {
vertical-align: middle;
display: inline-block;
margin-left: 4px;
margin-right: 8px;
text-align: center;
min-width: 60px;
}
.laeringsmaal .laeringsmaal-note .laeringsmaal-stars {
display: inline-block;
font-size: 13px;
}
.laeringsmaal .laeringsmaal-note .laeringsmaal-stars .laeringsmaal-stars-laerer {
color: #5480ae;
}
.laeringsmaal .laeringsmaal-note .laeringsmaal-stars .laeringsmaal-stars-elev {
color: #64aa59;
}
.laeringsmaal .laeringsmaal-note .laeringsmaal-stars .laeringsmaal-stars-none {
margin-right: 7px;
color: darkgrey;
}
.laeringsmaal .laeringsmaal-note .laeringsmaal-stars .laeringsmaal-stars-laerer span,
.laeringsmaal .laeringsmaal-note .laeringsmaal-stars .laeringsmaal-stars-elev span {
padding-right: 1px;
}
.laeringsmaal .laeringsmaal-note .laeringsmaal-stars p {
margin: 0px;
}
.laeringsmaal .laeringsmaal-note .laeringsmaal-commentcount {
position: relative;
width: 30px;
height: 17px;
text-align: center;
font-size: 12px;
line-height: 15px;
margin-left: 50%;
transform: translate(-50%);
background-color: white;
margin-top: -3px;
margin-bottom: 5px;
}
.laeringsmaal .laeringsmaal-note .laeringsmaal-commentcount:before,
.laeringsmaal .laeringsmaal-note .laeringsmaal-commentcount:after {
position: absolute;
content: "";
top: 3px;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 8px 4px 0;
}
.laeringsmaal .laeringsmaal-note .laeringsmaal-commentcount:before {
left: -8px;
border-color: transparent black transparent transparent;
}
.laeringsmaal .laeringsmaal-note .laeringsmaal-commentcount:after {
left: -6px;
border-color: transparent white transparent transparent;
}
.laeringsmaal .laeringsmaal-note .laeringsmaal-commentcount.laerer {
border: 1px solid #5480ae;
}
.laeringsmaal .laeringsmaal-note .laeringsmaal-commentcount.laerer:before {
border-color: transparent #5480ae transparent transparent;
}
.laeringsmaal .laeringsmaal-note .laeringsmaal-commentcount.elev {
border: 1px solid #64aa59;
}
.laeringsmaal .laeringsmaal-note .laeringsmaal-commentcount.elev:before {
border-color: transparent #64aa59 transparent transparent;
}
.laeringsmaal .laeringsmaal-dialog {
padding: 0;
}
.laeringsmaal .laeringsmaal-dialog .kompetencehjullist-wrapper {
padding: 16px;
}
.laeringsmaal .laeringsmaal-dialog .laeringsmaal-dialog-actions {
margin: 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #E9E8E4;
min-height: 61px;
}
.laeringsmaal .laeringsmaal-dialog .laeringsmaal-dialog-actions h4 {
padding-left: 8px;
}
.laeringsmaal .laeringsmaal-dialog .laeringsmaal-dialog-actions .btn-default,
.laeringsmaal .laeringsmaal-dialog .laeringsmaal-dialog-actions .pull-right {
margin-top: 3px;
}
ol.tegnpaalaering li {
padding: 10px 0;
}
ol.tegnpaalaering .tegnpaalaering-template {
color: #4d4d4d;
}
ol.tegnpaalaering > :first-child .md-chevron-up,
ol.tegnpaalaering > :last-child .md-chevron-down {
color: lightgray;
cursor: not-allowed;
}
ol.tegnpaalaering .input-group {
margin-top: -26px;
}
ol.tegnpaalaering .input-group button {
font-size: 20px;
padding: 8px 9px;
}
.tegnpaalaeringliste {
margin: 0 16px;
}
.tegnpaalaeringliste .table {
margin-top: 16px;
margin-bottom: 16px;
}
.tegnpaalaeringliste .table td {
padding-top: 10px;
padding-bottom: 10px;
word-break: break-word;
}
.tegnpaalaeringliste .tegnpaalaeringliste-number {
font-size: 18px;
}
.tegnpaalaeringliste .tegnpaalaeringliste-text {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
word-break: normal;
margin-right: 100px;
}
.tegnpaalaeringliste .tegnpaalaeringliste-vurdering .btn-circle {
line-height: 52px;
padding-left: 3px;
}
.tegnpaalaeringliste .tegnpaalaeringliste-vurdering span.glyphicon {
padding-top: 10px;
font-size: 20px;
}
.tegnpaalaeringliste .tegnpaalaeringliste-vurdering.tegnpaalaeringliste-vurdering-inactive .glyphicon {
padding-top: 0;
font-size: 25px;
color: lightgrey;
}
.tegnpaalaeringliste .tegnpaalaeringliste-vurdering.tegnpaalaeringliste-vurdering-laerer span.glyphicon,
.tegnpaalaeringliste .tegnpaalaeringliste-vurdering.tegnpaalaeringliste-vurdering-elev span.glyphicon {
padding-top: 8px;
font-size: 25px;
}
.tegnpaalaeringliste .tegnpaalaeringliste-vurdering.tegnpaalaeringliste-vurdering-laerer {
color: #5480ae;
}
.tegnpaalaeringliste .tegnpaalaeringliste-vurdering.tegnpaalaeringliste-vurdering-laerer button {
color: #5480ae;
border-color: #324d6a;
}
.tegnpaalaeringliste .tegnpaalaeringliste-vurdering.tegnpaalaeringliste-vurdering-laerer button.active {
background-color: #dee7f0;
}
.tegnpaalaeringliste .tegnpaalaeringliste-vurdering.tegnpaalaeringliste-vurdering-elev {
color: #64aa59;
}
.tegnpaalaeringliste .tegnpaalaeringliste-vurdering.tegnpaalaeringliste-vurdering-elev button {
color: #64aa59;
border-color: #3c6835;
}
.tegnpaalaeringliste .tegnpaalaeringliste-vurdering.tegnpaalaeringliste-vurdering-elev button.active {
background-color: #e2efe0;
}
.comment-dialog {
margin: 20px 20px 10px;
border: solid 1px #b3b0a9;
border-top: none;
}
.comment-dialog .comment-arrow {
background-image: url(/Node/assets/images/comment-arrow-e3c1dfdc11.png);
margin-top: -30px;
width: 14px;
height: 14px;
position: relative;
left: 100%;
margin-left: -20px;
top: 1px;
}
.comment-dialog .comments {
padding: 15px;
border-top: solid 1px #b3b0a9;
}
.comment-dialog .comment-buttons {
margin-top: 10px;
}
.comment-dialog .comment-buttons .laeringsmaal-show-edit {
width: 30%;
display: inline-block;
}
.comment-dialog .comment-buttons .laeringsmaal-done {
width: 69%;
margin-left: 1%;
display: inline-block;
}
.comment-dialog .comment {
padding-bottom: 12px;
margin-top: 13px;
border-bottom: solid 1px #e2eded;
line-height: 1.2em;
}
.comment-dialog .comment.comment-edit {
background-color: #eee;
margin: 3px -10px 0;
padding: 10px;
}
.comment-dialog .comment.comment-edit .table {
margin-bottom: 5px;
}
.comment-dialog .comment .media-object {
width: 48px;
height: 48px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.comment-dialog .comment.comment-new {
border-bottom: none;
padding-bottom: 0;
}
.comment-dialog .comment.comment-new .media-body {
padding-right: 63px;
}
.comment-dialog .comment.comment-new .media-body textarea {
height: 34px;
}
.comment-dialog .comment.comment-new .media-body .pull-right {
margin-top: -34px;
position: relative;
left: 63px;
}
.comment-dialog .media-heading {
font-weight: 400;
font-size: 12px;
}
.laeringsmaalsliste.laeringsmaalsliste-compact .panel-heading {
height: 45px;
cursor: pointer;
border-color: #333;
}
.laeringsmaalsliste.laeringsmaalsliste-compact .panel-heading h3 {
line-height: 25px;
}
.laeringsmaalsliste.laeringsmaalsliste-compact .tabs {
padding: 0 15px;
margin: 0 -15px;
}
.laeringsmaalsliste.laeringsmaalsliste-compact .laeringsmaal-indicator {
margin-top: -2px;
}
.forloeb-indhold .arrows {
display: block;
}
.laeringsmaal-item {
position: relative;
}
.laeringsmaallist-list-item-sortable {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: start;
align-items: flex-start;
}
.laeringsmaallist-list-item-sortable .laeringsmaal-item {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.laeringsmaallist-list-item-sortable .laeringsmaal {
margin-bottom: 15px;
margin-top: 15px;
}
.laeringsmaallist-list-item-sortable .laeringsmaal-arrows {
padding-top: 15px;
padding-left: 5px;
}
.evaluator-item {
line-height: 21px;
margin-bottom: 10px;
}
.evaluator-item .evaluator-fake-checkbox {
width: 21px;
height: 21px;
line-height: 15px;
padding: 2px;
border: 1px solid #4d4d4d;
cursor: pointer;
}
.elevprofil-hold .eventline .laeringsmaal {
border-left: 1px solid #ccc;
}
.laeringsmaalsliste {
position: relative;
}
.laeringsmaalsliste .panel-title {
padding-right: 85px;
}
.laeringsmaalsliste .panel-title .laeringsmaal-indicator-group {
position: absolute;
top: 10px;
right: 5px;
}
.laeringsmaalsliste .panel-title .laeringsmaal-indicator-group .laeringsmaal-indicator {
width: 36px;
}
.hent-laeringsmaal-knapper {
position: relative;
}
.hent-laeringsmaal-knapper .mu-popover-mit-arkiv {
margin-top: 58px;
}
.hent-laeringsmaal-knapper .mu-popover-mit-arkiv .mu-popover-arrow {
margin-left: -5px;
}
.hent-laeringsmaal-knapper .mu-popover-emu-arkiv {
margin-top: 28px;
}
.hent-laeringsmaal-knapper .mu-popover-emu-arkiv .mu-popover-arrow {
margin-left: 144px;
}
.hent-laeringsmaal-knapper .mu-popover-emu-arkiv .emu-laeringsmaal-arkiv {
margin-top: 55px;
}
.hent-laeringsmaal-knapper .btn.btn-sm.btn-grey {
position: relative;
}
.faellesmaal .mu-popover-faellesmaal {
margin-left: -50px;
margin-right: -50px;
}
.faellesmaal .mu-popover-faellesmaal .mu-popover-arrow {
margin-left: 348px;
}
.faellesmaal .mu-popover-faellesmaal td.maal span {
word-break: break-word;
}
.laeringsmaal-stars-laerer {
color: #5480ae;
}
.laeringsmaal-stars-elev {
color: #64aa59;
}
.laeringsmaal-stars-none {
color: darkgrey;
}
.forloeb-list {
position: relative;
background-image: linear-gradient(to bottom, #eee 0%, #eee 94.11764%, transparent 94.11764%, transparent 100%);
background-repeat: repeat-y;
background-size: 100% 34px;
}
.forloeb-block {
display: block;
position: absolute;
overflow: hidden;
cursor: pointer;
height: 32px;
max-height: 32px;
margin-bottom: 2px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.forloeb-block.forloeb-block-list {
position: relative;
}
.forloeb-block.readonly {
cursor: default !important;
}
.forloeb-block.clickable {
cursor: pointer !important;
}
.forloeb-block img {
width: 24px;
position: absolute;
top: 4px;
left: 6px;
}
.forloeb-block.active {
z-index: 1;
}
.forloeb-block .handle,
.forloeb-block .datoer {
display: none !important;
}
.forloeb-block > .forloeb-block-content {
position: relative;
width: 100%;
height: 100%;
padding: 6px 38px 6px 36px;
/** NOTE: http://caniuse.com/#feat=css-not-sel-list **/
}
.forloeb-block > .forloeb-block-content:before {
content: ' ';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #fff;
opacity: 0;
transition: opacity 0.1s;
z-index: 1;
}
.forloeb-block > .forloeb-block-content:hover:not(.ui-resizable-resizing):not(.ui-draggable-dragging):before {
opacity: 0.2;
}
.forloeb-block.forloeb-block-lg {
height: 52px;
margin-bottom: 5px;
max-height: none;
}
.forloeb-block.forloeb-block-lg > .forloeb-block-content {
padding: 8px 8px 8px 56px;
}
.forloeb-block.forloeb-block-lg img {
width: 40px;
top: 6px;
left: 10px;
}
.forloeb-block.forloeb-block-lg .datoer,
.forloeb-block.forloeb-block-lg .handle {
display: block !important;
}
.forloeb-block.forloeb-block-lg.forloeb-block-slim > .forloeb-block-content {
padding: 8px 40px 8px 34px;
}
.forloeb-block.forloeb-block-lg.forloeb-block-slim img {
width: 30px;
left: 2px;
top: 2px;
}
.forloeb-block.forloeb-block-lg.forloeb-block-slim .datoer {
margin-top: 6px;
margin-left: -28px;
}
.forloeb-block.forloeb-block-lg:not(.forloeb-block-list) {
margin-bottom: 0;
}
.forloeb-block.forloeb-block-lg:not(.forloeb-block-list) > .forloeb-block-content {
padding: 8px 42px 8px 56px;
width: calc(100% - 10px);
height: calc(100% - 10px);
margin: 5px;
}
.forloeb-block.forloeb-block-lg:not(.forloeb-block-list) .drag-handle {
position: absolute;
padding: 0 6px;
}
.forloeb-block .drag-handle {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 5;
background: rgba(255, 255, 255, 0.4);
line-height: 33px;
padding: 0 2px;
cursor: move;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
}
.forloeb-block .faded {
opacity: 0.6;
}
.forloeb-block .handle {
width: calc(100% - 45px);
height: 20px;
opacity: 0;
transition: opacity 0.1s 0.1s;
z-index: 2;
}
.forloeb-block .handle:before {
content: ' ';
position: absolute;
left: 5px;
right: 0;
top: 5px;
bottom: 5px;
background-color: white;
}
.forloeb-block .handle:hover,
.forloeb-block.ui-resizable-resizing .handle {
opacity: 0.4;
}
.forloeb-block .handle-up {
cursor: n-resize;
top: 0;
}
.forloeb-block .handle-up:before {
bottom: 0;
}
.forloeb-block .handle-down {
cursor: s-resize;
bottom: 0;
}
.forloeb-block .handle-down:before {
top: 0;
}
.forloeb-block label.checkbox-styled,
.forloeb-block .clickable {
z-index: 2;
position: relative;
}
.forloeb-block label.checkbox-styled {
position: absolute;
right: 0;
top: 0;
background: rgba(255, 255, 255, 0.8);
padding: 15px;
color: #333333;
}
.beam {
height: 90px;
width: 100%;
}
.beam.beam-no-icon h1,
.beam.beam-no-icon h2 {
margin-left: 0;
}
.beam.beam-simple {
background: #fff;
border-bottom: solid 1px #b3b0a9;
padding-top: 15px;
}
.beam.beam-simple h1 {
margin-top: 0;
height: 42px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.beam .icon.pull-left {
height: 90px;
margin-top: 0;
width: 70px;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.beam h1,
.beam h2 {
margin: 0;
margin-left: 82px;
}
.beam h1 {
margin-top: 15px;
}
.beam h2 {
margin-top: 5px;
margin-left: 84px;
font-size: 14px;
}
.vurderingstabel tbody > tr > td {
vertical-align: middle;
padding-top: 2px;
padding-bottom: 2px;
border-top: 0px;
}
.vurderingstabel td.image {
width: 5%;
text-align: center;
}
.vurderingstabel td.image .item-image {
background-position: 50% 50%;
background-repeat: no-repeat;
width: 33px;
height: 33px;
border-radius: 16px;
}
.vurderingstabel td.select-all {
height: 30px;
text-align: center;
}
.vurderingstabel td.vurderingstabel-text {
border-bottom: solid 1px #b3b0a9;
width: 220px;
}
.vurderingstabel tr:last-child td.vurderingstabel-text {
border: 0px;
}
.vurderingstabel td.vurdering-container {
width: 70px;
}
.vurderingstabel td.vurdering-container .vurdering {
width: 58px;
height: 58px;
border-radius: 29px;
margin-left: 50%;
transform: translateX(-50%);
cursor: pointer;
background: #f5f5f5;
font-size: 11px;
text-align: center;
}
.vurderingstabel td.vurdering-container .vurdering.vurdering-lg {
padding: 10px;
width: 70px;
height: 70px;
border-radius: 35px;
}
.vurderingstabel td.vurdering-container .vurdering.vurdering:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.vurderingstabel td.vurdering-container .vurdering .vurdering-tekst {
display: inline-block;
vertical-align: middle;
}
.vurderingstabel td.vurdering-container .vurdering.sidste-vurdering {
border: solid 1px #366161;
background: #fff;
}
.vurderingstabel td.vurdering-container .vurdering.sidste-vurdering.sidste-vurdering-laerer {
border: solid 1px #5480ae;
}
.vurderingstabel td.vurdering-container .vurdering.sidste-vurdering.sidste-vurdering-elev {
border: solid 1px #64aa59;
}
.vurderingstabel td.vurdering-container .vurdering.active {
background: #366161;
color: #fff;
}
.vurderingstabel td.vurdering-container .vurdering.active.active-laerer {
background: #5480ae;
}
.vurderingstabel td.vurdering-container .vurdering.active.active-elev {
background: #64aa59;
}
.vurderingstabel td.vurdering-container .vurdering.active.active-foraelder {
background: #d36b38;
}
.vurderingstabel .vurderingstabel-comment .fr-box {
border: 1px solid #cccccc;
padding: 6px 12px;
}
.ugeplan-page .dialog .dialogBox .dialogContent {
-ms-flex: auto;
flex: auto;
}
.ugeplan-page .container {
z-index: 9;
position: relative;
}
.ugeplan-header {
background: #3e8283;
padding: 10px 0;
text-align: center;
}
.ugeplan-header h1 {
display: inline-block;
margin: 0;
font-size: 24px;
color: white;
padding-top: 2px;
background: transparent url(/Node/assets/images/calendar-icon-8f2445670a.svg) left center no-repeat;
background-size: auto 44px;
line-height: 44px;
}
.ugeplan-header .week-number {
text-align: center;
font-size: 18px;
width: 39px;
margin-right: 0.5em;
display: inline-block;
position: relative;
color: #EC6A66;
}
.ugeplan-content {
margin: 0 auto;
position: relative;
background: white;
min-height: 300px;
}
.ugeplan-content:before,
.ugeplan-content:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 20px;
background-image: linear-gradient(-270deg, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
border-left: 3px solid #b3b3b3;
z-index: 8;
pointer-events: none;
}
.ugeplan-content:before {
left: -1px;
}
.ugeplan-content:after {
right: -1px;
transform: rotateY(180deg);
}
.ugeplan-page,
.ugeplan {
position: relative;
}
.ugeplan-page .evaluering .evaluering-popup:before,
.ugeplan .evaluering .evaluering-popup:before,
.ugeplan-page .evaluering .evaluering-popup:after,
.ugeplan .evaluering .evaluering-popup:after {
right: 15px;
}
.ugeplan-page .selection-bar,
.ugeplan .selection-bar {
margin: 27px 0;
}
.ugeplan-page .selection-bar > h2,
.ugeplan .selection-bar > h2 {
margin: 0;
line-height: 1em;
min-width: 270px;
}
.ugeplan-page .selection-bar > h2,
.ugeplan .selection-bar > h2,
.ugeplan-page .selection-bar > div,
.ugeplan .selection-bar > div {
margin-top: 5px;
margin-bottom: 5px;
}
.ugeplan-page .selection-bar .hold-select,
.ugeplan .selection-bar .hold-select {
margin-left: 5px;
margin-right: 5px;
}
.ugeplan-page .selection-bar h2 span,
.ugeplan .selection-bar h2 span {
color: #9B9B9B;
}
.ugeplan-page .ugeplan-calendar,
.ugeplan .ugeplan-calendar {
position: relative;
overflow-x: auto;
overflow-y: auto;
padding-top: 80px;
padding-bottom: 20vh;
}
.ugeplan-page .ugeplan-headers,
.ugeplan .ugeplan-headers {
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Chrome/Safari/Opera */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version */
z-index: 1;
pointer-events: none;
position: absolute;
top: 0;
bottom: 0;
}
@if (true) {
cursor: default;
}
.ugeplan-page .ugeplan-wrapper,
.ugeplan .ugeplan-wrapper {
transform: translateZ(0) translateX(-1px);
backface-visibility: hidden;
}
.ugeplan-page .ugeplan-wrapper:after,
.ugeplan .ugeplan-wrapper:after {
position: absolute;
z-index: 3;
left: 0;
right: 0;
bottom: 0;
content: "";
height: 20vh;
background: url(/Node/assets/images/ugeplan-9bf411a022.svg) no-repeat bottom center;
background-size: auto 20vh;
pointer-events: none;
}
.ugeplan-page .ugeplan-title,
.ugeplan .ugeplan-title {
background: #B6D8E3;
position: fixed;
padding: 10px;
z-index: 1;
left: 0;
right: 0;
/* Dansk 6C: */
color: #4A4A4A;
letter-spacing: 0;
font-weight: bold;
text-align: center;
backface-visibility: hidden;
pointer-events: none;
transition: 0.02s transform;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.ugeplan-page .ugeplan-title,
.ugeplan .ugeplan-title {
position: absolute;
}
}
.ugeplan-page .ugeplan-calendar-header,
.ugeplan .ugeplan-calendar-header {
position: absolute;
top: 0;
bottom: 0;
}
.ugeplan-page .ugeplan-calendar-header .h-label,
.ugeplan .ugeplan-calendar-header .h-label {
text-align: center;
margin: 0 1px;
height: 80px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
}
.ugeplan-page .ugeplan-calendar-header .h-label .day,
.ugeplan .ugeplan-calendar-header .h-label .day {
/* Tirsdag: */
font-size: 12px;
letter-spacing: 0;
text-transform: capitalize;
position: relative;
z-index: 1;
}
.ugeplan-page .ugeplan-calendar-header .h-label .date,
.ugeplan .ugeplan-calendar-header .h-label .date {
position: relative;
z-index: 1;
font-size: 18px;
letter-spacing: 0;
}
.ugeplan-page .ugeplan-calendar-header:after,
.ugeplan .ugeplan-calendar-header:after {
content: "";
position: absolute;
top: 80px;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.ugeplan-page .ugeplan-calendar-header:before,
.ugeplan .ugeplan-calendar-header:before {
z-index: 1;
content: "";
position: absolute;
top: 60px;
bottom: 0;
left: 0;
width: 0;
/* Rectangle Copy 18: */
border-left: 1px solid #B6D8E3;
}
.ugeplan-page .ugeplan-calendar-header.day-0 .h-label,
.ugeplan .ugeplan-calendar-header.day-0 .h-label,
.ugeplan-page .ugeplan-calendar-header.day-6 .h-label,
.ugeplan .ugeplan-calendar-header.day-6 .h-label {
color: #9B9B9B;
}
.ugeplan-page .ugeplan-calendar-header.current-day .h-label,
.ugeplan .ugeplan-calendar-header.current-day .h-label {
color: white;
}
.ugeplan-page .ugeplan-calendar-header.current-day .h-label:before,
.ugeplan .ugeplan-calendar-header.current-day .h-label:before {
z-index: 0;
content: "";
background: #EC6A66;
border-radius: 32.5px;
width: 65px;
height: 65px;
left: calc(50% - 65px/2);
top: 6px;
position: absolute;
}
.ugeplan-page .ugeplan-calendar-header.current-day .h-label:after,
.ugeplan .ugeplan-calendar-header.current-day .h-label:after {
z-index: 1;
width: 0;
content: "";
background: transparent;
border-right: 1px solid #EC6A66;
position: absolute;
top: 60px;
bottom: 0;
left: 50%;
}
.ugeplan-page .ugeplan-calendar-header.even-week:after,
.ugeplan .ugeplan-calendar-header.even-week:after {
background: #eef6f9;
}
.ugeplan-page .ugeplan-calendar-header.odd-week:after,
.ugeplan .ugeplan-calendar-header.odd-week:after {
background: #DFF1F7;
}
.ugeplan-page .ugeplan-entries,
.ugeplan .ugeplan-entries {
z-index: 2;
position: relative;
}
.ugeplan-page .week-select,
.ugeplan .week-select {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.ugeplan-page .homework-bar,
.ugeplan .homework-bar {
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Chrome/Safari/Opera */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version */
outline: none;
text-decoration: none;
overflow: hidden;
margin: 0;
position: absolute;
display: block;
line-height: 20px;
font-size: 13px;
}
@if (false) {
cursor: default;
}
.ugeplan-page .homework-bar > .fa,
.ugeplan .homework-bar > .fa {
transform: translateZ(0);
position: absolute;
z-index: 1;
top: 10px;
right: 10px;
}
.ugeplan-page .homework-bar .homework-bar-inner,
.ugeplan .homework-bar .homework-bar-inner {
overflow: hidden;
border: 1px solid #9B9B9B;
background: white;
min-height: 91px;
box-sizing: border-box;
color: #333333;
}
.ugeplan-page .homework-bar .homework-bar-inner .opgave-tekst,
.ugeplan .homework-bar .homework-bar-inner .opgave-tekst,
.ugeplan-page .homework-bar .homework-bar-inner .forloeb-side-navn,
.ugeplan .homework-bar .homework-bar-inner .forloeb-side-navn {
font-size: 12px;
}
.ugeplan-page .homework-bar .homework-bar-inner .opgave-indhold-preview .content,
.ugeplan .homework-bar .homework-bar-inner .opgave-indhold-preview .content {
display: block;
display: -webkit-box;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/*! autoprefixer: on */
position: relative;
line-height: 1.53846154;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 !important;
-webkit-line-clamp: 4;
max-height: 6.15384615em;
}
@supports (-webkit-line-clamp: 1) {
.ugeplan-page .homework-bar .homework-bar-inner .opgave-indhold-preview .content:after,
.ugeplan .homework-bar .homework-bar-inner .opgave-indhold-preview .content:after {
display: none !important;
}
}
.ugeplan-page .homework-bar .homework-bar-inner .forloeb-side-navn,
.ugeplan .homework-bar .homework-bar-inner .forloeb-side-navn {
color: #737373;
}
.ugeplan-page .homework-bar .homework-bar-inner.contrast .title-bar,
.ugeplan .homework-bar .homework-bar-inner.contrast .title-bar {
color: #ffffff;
}
.ugeplan-page .homework-bar .homework-bar-inner .opgave-indhold-preview,
.ugeplan .homework-bar .homework-bar-inner .opgave-indhold-preview {
position: relative;
padding-left: 40px;
}
.ugeplan-page .homework-bar .homework-bar-inner .opgave-indhold-preview .forloeb-navn > img,
.ugeplan .homework-bar .homework-bar-inner .opgave-indhold-preview .forloeb-navn > img,
.ugeplan-page .homework-bar .homework-bar-inner .opgave-indhold-preview .icon-wrapper > .fa,
.ugeplan .homework-bar .homework-bar-inner .opgave-indhold-preview .icon-wrapper > .fa,
.ugeplan-page .homework-bar .homework-bar-inner .opgave-indhold-preview .icon-wrapper > img,
.ugeplan .homework-bar .homework-bar-inner .opgave-indhold-preview .icon-wrapper > img {
display: inline-block;
height: auto;
width: 20px;
margin: 0 5px 0 0;
position: absolute;
left: 10px;
top: 10px;
}
.ugeplan-page .homework-bar .homework-bar-inner .forloeb-navn > .title,
.ugeplan .homework-bar .homework-bar-inner .forloeb-navn > .title {
display: inline-block;
}
.ugeplan-page .homework-bar .title-bar,
.ugeplan .homework-bar .title-bar,
.ugeplan-page .homework-bar .opgave-indhold-preview,
.ugeplan .homework-bar .opgave-indhold-preview {
padding: 7px 10px;
}
.ugeplan-page .homework-bar .title-bar,
.ugeplan .homework-bar .title-bar {
position: relative;
overflow: hidden;
border-bottom: 1px solid #9B9B9B;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.ugeplan-page .homework-bar .title-bar .title,
.ugeplan .homework-bar .title-bar .title {
word-break: break-all;
}
.ugeplan-page .homework-bar .title-bar img,
.ugeplan .homework-bar .title-bar img {
width: auto;
height: 15px;
margin-right: 5px;
display: inline-block;
}
.ugeplan-page .editor-section-new-content,
.ugeplan .editor-section-new-content,
.ugeplan-page .view-content,
.ugeplan .view-content {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
transform-origin: 0 0;
}
.ugeplan-page button.ny-opgave,
.ugeplan button.ny-opgave,
.ugeplan-page button.close-dialog,
.ugeplan button.close-dialog {
border: none;
display: inline-block;
font-size: 54px;
width: 54px;
height: 54px;
margin: 0;
padding: 0;
border-radius: 27px;
box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 2px 0;
text-align: center;
}
.ugeplan-page button.ny-opgave i,
.ugeplan button.ny-opgave i,
.ugeplan-page button.close-dialog i,
.ugeplan button.close-dialog i {
position: relative;
top: 0px;
font-size: 0.66666667em;
vertical-align: top;
line-height: 54px;
}
.ugeplan-page button.ny-opgave i:before,
.ugeplan button.ny-opgave i:before,
.ugeplan-page button.close-dialog i:before,
.ugeplan button.close-dialog i:before {
color: #3C7F80;
}
.ugeplan-page button.ny-opgave[disabled],
.ugeplan button.ny-opgave[disabled],
.ugeplan-page button.close-dialog[disabled],
.ugeplan button.close-dialog[disabled] {
cursor: not-allowed;
}
.ugeplan-page button.close-dialog i:before,
.ugeplan button.close-dialog i:before {
color: #8DC5C6;
}
.ugeplan-page button.close-dialog:hover i:before,
.ugeplan button.close-dialog:hover i:before {
color: #3d8283;
}
.ugeplan-page button.ny-opgave,
.ugeplan button.ny-opgave {
background: #9EC0C1;
}
.ugeplan-page button.ny-opgave:hover,
.ugeplan button.ny-opgave:hover {
background-color: #89c2c5;
}
.ugeplan-page button.ny-opgave[disabled],
.ugeplan button.ny-opgave[disabled] {
background-color: #cde6e7;
}
.ugeplan-page .editor-section-new-content,
.ugeplan .editor-section-new-content,
.ugeplan-page .view-content,
.ugeplan .view-content {
width: 500px;
padding: 20px;
background-color: #abd4d6;
border: 5px solid #7facad;
}
.ugeplan-page .content-dialog-wrapper,
.ugeplan .content-dialog-wrapper {
z-index: 9;
position: relative;
transition: 0.2s opacity;
opacity: 0;
}
.ugeplan-page .content-dialog-wrapper .content-screen-block,
.ugeplan .content-dialog-wrapper .content-screen-block {
background-color: black;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
z-index: 1;
}
.ugeplan-page .content-dialog-wrapper .content-dialog,
.ugeplan .content-dialog-wrapper .content-dialog {
z-index: 5;
}
.ugeplan-page .content-dialog-wrapper .content-screen-block,
.ugeplan .content-dialog-wrapper .content-screen-block {
transform: translateZ(0);
}
.ugeplan-page .content-dialog-wrapper.open,
.ugeplan .content-dialog-wrapper.open {
opacity: 1;
}
.ugeplan-page .content-dialog-wrapper.open .content-screen-block,
.ugeplan .content-dialog-wrapper.open .content-screen-block {
opacity: 0.4;
}
.ugeplan-page .content-dialog-wrapper.closing,
.ugeplan .content-dialog-wrapper.closing {
transition: 0.3s 0.1s opacity;
}
.ugeplan-page .content-dialog,
.ugeplan .content-dialog {
position: fixed;
left: 50%;
top: 10vh;
height: 80vh;
transform: translateX(-50%);
transform-origin: 0 0;
width: calc(100vw - 50px);
max-width: 750px;
background-color: #FFFFFF;
border: 10px solid #8DC5C6;
border-radius: 10px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.ugeplan-page .content-dialog h1,
.ugeplan .content-dialog h1 {
font-size: 24px;
margin: 0 0 20px 0;
text-align: center;
}
.ugeplan-page .content-dialog h2,
.ugeplan .content-dialog h2 {
font-size: 18px;
margin: 10px 0 20px 0;
text-align: center;
}
.ugeplan-page .content-dialog > div,
.ugeplan .content-dialog > div,
.ugeplan-page .content-dialog > button,
.ugeplan .content-dialog > button,
.ugeplan-page .content-dialog > .top,
.ugeplan .content-dialog > .top,
.ugeplan-page .content-dialog > .inner,
.ugeplan .content-dialog > .inner {
position: relative;
z-index: 1;
}
.ugeplan-page .content-dialog > .top,
.ugeplan .content-dialog > .top {
padding: 20px 70px;
}
.ugeplan-page .content-dialog > .top + .inner,
.ugeplan .content-dialog > .top + .inner {
padding-top: 0;
}
.ugeplan-page .content-dialog > .inner,
.ugeplan .content-dialog > .inner {
padding: 30px;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
overflow: auto;
}
.ugeplan-page .content-dialog > .top,
.ugeplan .content-dialog > .top {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.ugeplan-page .content-dialog button.close-dialog,
.ugeplan .content-dialog button.close-dialog {
background: #FFFFFF;
position: absolute;
top: -21px;
right: -21px;
z-index: 2;
}
@media only screen and (max-width: 768px) {
.ugeplan-page .content-dialog,
.ugeplan .content-dialog {
padding: 30px 5px;
width: calc(100vw - 10px);
}
.ugeplan-page .content-dialog button.close-dialog,
.ugeplan .content-dialog button.close-dialog {
right: -5px;
}
}
.ugeplan-page .content-dialog .dates,
.ugeplan .content-dialog .dates {
margin: 5px 0;
font-size: 12px;
}
.ugeplan-page .content-dialog .dates:first-letter,
.ugeplan .content-dialog .dates:first-letter {
text-transform: capitalize;
}
.ugeplan-page .content-dialog .type-button,
.ugeplan .content-dialog .type-button {
background-color: #F6FCFC;
}
.ugeplan-page .content-dialog .title-bar,
.ugeplan .content-dialog .title-bar {
padding-left: 17px;
padding-bottom: 3px;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
position: relative;
}
.ugeplan-page .content-dialog .title-bar .title,
.ugeplan .content-dialog .title-bar .title {
word-break: break-all;
display: block;
display: -webkit-box;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/*! autoprefixer: on */
position: relative;
line-height: 1.2;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 !important;
-webkit-line-clamp: 2;
max-height: 2.4em;
}
@supports (-webkit-line-clamp: 1) {
.ugeplan-page .content-dialog .title-bar .title:after,
.ugeplan .content-dialog .title-bar .title:after {
display: none !important;
}
}
.ugeplan-page .content-dialog .title-bar img,
.ugeplan .content-dialog .title-bar img {
width: 15px;
height: 15px;
position: absolute;
left: 0;
}
.ugeplan-page .content-dialog > .top > .title,
.ugeplan .content-dialog > .top > .title {
float: left;
line-height: 34px;
font-size: 18px;
}
.ugeplan-page .content-dialog > .top > .title .icon-wrapper,
.ugeplan .content-dialog > .top > .title .icon-wrapper,
.ugeplan-page .content-dialog > .top > .title .indholdselement-label,
.ugeplan .content-dialog > .top > .title .indholdselement-label {
display: inline-block;
margin-right: 5px;
}
.ugeplan-page .content-dialog > .top > .title .icon-wrapper > img,
.ugeplan .content-dialog > .top > .title .icon-wrapper > img {
height: 30px;
}
.ugeplan-page .content-dialog > .top > .title .icon-wrapper > .fa,
.ugeplan .content-dialog > .top > .title .icon-wrapper > .fa {
font-size: 30px;
margin-right: 7px;
}
@media only screen and (max-width: 600px) {
.ugeplan-page .content-dialog,
.ugeplan .content-dialog {
top: 25px;
height: calc(100vh - 35px);
}
.ugeplan-page .content-dialog .select-type-buttons button,
.ugeplan .content-dialog .select-type-buttons button {
width: calc(33% - 20px);
}
}
@media only screen and (max-width: 450px) {
.ugeplan-page .content-dialog .select-type-buttons button,
.ugeplan .content-dialog .select-type-buttons button {
width: calc(50% - 20px);
}
}
.ugeplan-page .opgave-expanded,
.ugeplan .opgave-expanded {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
max-width: 600px;
}
.ugeplan-page .opgave-expanded > .header,
.ugeplan .opgave-expanded > .header {
border: 1px solid #9B9B9B;
margin-left: 0;
margin-bottom: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.ugeplan-page .opgave-expanded > .header > img,
.ugeplan .opgave-expanded > .header > img {
-ms-flex: 0 0 30px;
flex: 0 0 30px;
margin-right: 10px;
width: 30px;
height: auto;
}
.ugeplan-page .opgave-expanded > .header > .title,
.ugeplan .opgave-expanded > .header > .title {
-ms-flex-preferred-size: 100px;
flex-basis: 100px;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.ugeplan-page .opgave-expanded > .header > .date,
.ugeplan .opgave-expanded > .header > .date {
-ms-flex-preferred-size: 220px;
flex-basis: 220px;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.ugeplan-page .opgave-expanded > .header > .date:first-letter,
.ugeplan .opgave-expanded > .header > .date:first-letter {
text-transform: capitalize;
}
.ugeplan-page .opgave-expanded > .opgave-indhold:not(.opgave-indhold-arbejdsopgave),
.ugeplan .opgave-expanded > .opgave-indhold:not(.opgave-indhold-arbejdsopgave) {
-ms-flex-align: start;
align-items: flex-start;
display: -ms-flexbox;
display: flex;
}
.ugeplan-page .opgave-expanded > .opgave-indhold:not(.opgave-indhold-arbejdsopgave) > img,
.ugeplan .opgave-expanded > .opgave-indhold:not(.opgave-indhold-arbejdsopgave) > img {
-ms-flex: 0 0 30px;
flex: 0 0 30px;
margin-right: 10px;
}
.ugeplan-page .opgave-expanded > .opgave-indhold:not(.opgave-indhold-arbejdsopgave) .opgave-indhold,
.ugeplan .opgave-expanded > .opgave-indhold:not(.opgave-indhold-arbejdsopgave) .opgave-indhold {
-ms-flex: 1 1 80%;
flex: 1 1 80%;
}
.ugeplan-page .opgave-expanded .header,
.ugeplan .opgave-expanded .header {
padding: 7px 15px;
position: relative;
}
.ugeplan-page .opgave-expanded .date-range-picker,
.ugeplan .opgave-expanded .date-range-picker {
font-size: 12px;
white-space: nowrap;
}
.ugeplan-page .opgave-expanded .date-range-picker > div,
.ugeplan .opgave-expanded .date-range-picker > div {
display: inline-block;
}
.ugeplan-page .opgave-expanded .date-range-picker .react-datepicker__input-container:first-child:before,
.ugeplan .opgave-expanded .date-range-picker .react-datepicker__input-container:first-child:before {
content: "Fra ";
}
.ugeplan-page .opgave-expanded .date-range-picker .react-datepicker__input-container:last-child:before,
.ugeplan .opgave-expanded .date-range-picker .react-datepicker__input-container:last-child:before {
content: " til ";
}
.ugeplan-page .opgave-expanded .date-range-picker input,
.ugeplan .opgave-expanded .date-range-picker input,
.ugeplan-page .opgave-expanded .start-date-picker input,
.ugeplan .opgave-expanded .start-date-picker input,
.ugeplan-page .opgave-expanded input.gentag-times,
.ugeplan .opgave-expanded input.gentag-times {
text-align: center;
border: none;
border-bottom: 1px solid #9B9B9B;
}
.ugeplan-page .opgave-expanded .date-range-picker input,
.ugeplan .opgave-expanded .date-range-picker input,
.ugeplan-page .opgave-expanded .start-date-picker input,
.ugeplan .opgave-expanded .start-date-picker input {
width: 90px;
}
.ugeplan-page .opgave-expanded input.gentag-times,
.ugeplan .opgave-expanded input.gentag-times {
width: 3em;
}
.ugeplan-page .opgave-expanded .start-date-picker,
.ugeplan .opgave-expanded .start-date-picker {
font-size: 12px;
}
.ugeplan-page .opgave-expanded .start-date-picker:before,
.ugeplan .opgave-expanded .start-date-picker:before {
content: "Første gang ";
}
.ugeplan-page .opgave-expanded .gentag,
.ugeplan .opgave-expanded .gentag {
font-size: 12px;
}
.ugeplan-page .opgave-expanded .gentag .checkbox,
.ugeplan .opgave-expanded .gentag .checkbox {
margin-bottom: 0;
}
.ugeplan-page .opgave-expanded .gentag .checkbox input,
.ugeplan .opgave-expanded .gentag .checkbox input {
top: -2px;
}
.ugeplan-page .opgave-expanded input.gentag-times,
.ugeplan .opgave-expanded input.gentag-times {
margin: 0;
padding: 0 0 2px;
}
.ugeplan-page .opgave-expanded .delete-button,
.ugeplan .opgave-expanded .delete-button {
text-align: right;
}
.ugeplan-page .opgave-expanded .delete-button .checkbox,
.ugeplan .opgave-expanded .delete-button .checkbox {
font-size: 12px;
}
.ugeplan-page .opgave-expanded .delete-button .checkbox label,
.ugeplan .opgave-expanded .delete-button .checkbox label {
margin: 0;
}
.ugeplan-page .opgave-expanded .delete-button .checkbox label.unchecked,
.ugeplan .opgave-expanded .delete-button .checkbox label.unchecked {
color: #bdbdbd;
}
.ugeplan-page .skolekalender,
.ugeplan .skolekalender {
position: relative;
z-index: 4;
margin: 5px 0;
}
.ugeplan-page .skolekalender .inner,
.ugeplan .skolekalender .inner {
position: relative;
}
.ugeplan-page .skolekalender .skolekalender-item,
.ugeplan .skolekalender .skolekalender-item {
font-size: 10px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 5px 3px;
text-shadow: rgba(0, 0, 0, 0.7) 1px 1px, rgba(0, 0, 0, 0.7) 0 0 1px;
color: white;
}
.ugeplan-page .informations-tekster,
.ugeplan .informations-tekster {
position: relative;
z-index: 4;
}
.ugeplan-page .informations-tekster .klasse-navn,
.ugeplan .informations-tekster .klasse-navn {
display: block;
color: #9B9B9B;
font-size: 12px;
}
.ugeplan-page .informations-tekster .i-tekst-group,
.ugeplan .informations-tekster .i-tekst-group {
margin: 5px 0;
height: 46px;
}
.ugeplan-page .informations-tekster .i-tekst-group .placeholder,
.ugeplan .informations-tekster .i-tekst-group .placeholder {
opacity: 0.5;
}
.ugeplan-page .informations-tekster .i-tekst-group .i-tekst-item,
.ugeplan .informations-tekster .i-tekst-group .i-tekst-item {
background: white;
z-index: 1;
padding: 10px 15px;
height: 46px;
}
.ugeplan-page .informations-tekster .i-tekst-group .i-tekst-item .week-number,
.ugeplan .informations-tekster .i-tekst-group .i-tekst-item .week-number {
z-index: 2;
white-space: nowrap;
font-size: 15px;
text-align: center;
width: 70px;
margin-right: 15px;
}
.ugeplan-page .informations-tekster .i-tekst-group .i-tekst-item .week-number b,
.ugeplan .informations-tekster .i-tekst-group .i-tekst-item .week-number b {
font-weight: normal;
}
.ugeplan-page .informations-tekster .i-tekst-group .i-tekst-item .col-grow-1,
.ugeplan .informations-tekster .i-tekst-group .i-tekst-item .col-grow-1 {
overflow: hidden;
}
.ugeplan-page .informations-tekster .i-tekst-group .i-tekst-item.expanded,
.ugeplan .informations-tekster .i-tekst-group .i-tekst-item.expanded,
.ugeplan-page .informations-tekster .i-tekst-group .i-tekst-item.edit-active,
.ugeplan .informations-tekster .i-tekst-group .i-tekst-item.edit-active {
z-index: 2;
}
.ugeplan-page .informations-tekster .i-tekst-group .i-tekst-item.expanded .week-number,
.ugeplan .informations-tekster .i-tekst-group .i-tekst-item.expanded .week-number,
.ugeplan-page .informations-tekster .i-tekst-group .i-tekst-item.edit-active .week-number,
.ugeplan .informations-tekster .i-tekst-group .i-tekst-item.edit-active .week-number {
padding-top: 13px;
}
.ugeplan-page .informations-tekster .i-tekst-group .i-tekst-item.edit-active,
.ugeplan .informations-tekster .i-tekst-group .i-tekst-item.edit-active {
border: 1px solid #9B9B9B;
border-bottom: none;
}
.ugeplan-page .informations-tekster .i-tekst-group .i-tekst-item.has-long-content .content,
.ugeplan .informations-tekster .i-tekst-group .i-tekst-item.has-long-content .content {
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-repeat: no-repeat;
background-size: 20px 5px;
background-position: bottom center;
padding-bottom: 1em;
}
.ugeplan-page .informations-tekster .i-tekst-group .i-tekst-item .content.collapsed,
.ugeplan .informations-tekster .i-tekst-group .i-tekst-item .content.collapsed {
font-size: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.ugeplan-page .informations-tekster .i-tekst-group .i-tekst-item .content.expanded,
.ugeplan .informations-tekster .i-tekst-group .i-tekst-item .content.expanded {
background-image: none;
max-height: 1em;
}
.ugeplan-page .informations-tekster .i-tekst-group .i-tekst-item .content.expanded .inner,
.ugeplan .informations-tekster .i-tekst-group .i-tekst-item .content.expanded .inner {
background: white;
position: absolute;
right: 0;
left: 0;
padding: 10px 15px 10px 95px;
top: 0;
border: 1px solid #9B9B9B;
margin-bottom: 10px;
}
.ugeplan-page .informations-tekster .i-tekst-group .i-tekst-item .content-edit,
.ugeplan .informations-tekster .i-tekst-group .i-tekst-item .content-edit {
position: absolute;
left: -1px;
right: -1px;
top: 45px;
background: white;
padding: 10px 15px;
border: 1px solid #9B9B9B;
border-top: none;
}
.ugeplan-page .informations-tekster .i-tekst-group .i-tekst-item .content-edit .fr-toolbar,
.ugeplan .informations-tekster .i-tekst-group .i-tekst-item .content-edit .fr-toolbar {
border-top: 1px solid #9B9B9B;
}
.ugeplan-page .informations-tekster .i-tekst-group .i-tekst-item button.btn.edit,
.ugeplan .informations-tekster .i-tekst-group .i-tekst-item button.btn.edit {
color: #333333;
}
.ugeplan-page .fr-popup .fr-input-line input[type=text],
.ugeplan .fr-popup .fr-input-line input[type=text] {
z-index: 4;
}
.edit-entry {
position: relative;
}
.edit-entry .select-type-buttons {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.edit-entry .select-type-buttons button {
box-sizing: border-box;
margin: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-positive: 0;
flex-grow: 0;
width: calc(20% - 20px);
}
.fr-fullscreen .ugeplan-page .content-dialog button.close-dialog,
.ugeplan .content-dialog button.close-dialog {
z-index: 9991;
}
.fr-fullscreen .content-dialog {
transform: none;
}
.list-group .list-group-item.active .text-muted {
color: #D6D6D6;
}
.tabs {
border-bottom: 1px solid #ddd;
}
.tabs.tabs-lg a {
height: 50px;
font-size: 22px;
padding: 8px 14px;
}
.tabs.tabs-right {
text-align: right;
}
.tabs a {
color: #000;
background-color: #f3f3f3;
text-decoration: none;
height: 40px;
padding: 8px 16px;
list-style: none;
display: inline-block;
border: 1px solid #ddd;
border-right: none;
}
.tabs a:hover {
background-color: #f9f9f9;
border-bottom: 1px solid #ddd;
}
.tabs a.active {
background-color: #fff;
border-bottom: 1px solid #fff;
}
.tabs a.active:hover {
background-color: #fff;
}
.tabs a:last-child {
border-right: 1px solid #ddd;
}
.tabs.tabs-sm {
height: 35px;
}
.tabs.tabs-sm a {
font-size: 13px;
padding: 6px 15px;
height: 35px;
}
.tabs.tabs-buttons {
border-bottom: none;
display: inline-block;
}
.tabs.tabs-buttons a {
border-bottom: 1px solid #ddd;
}
.tabs.tabs-buttons a.active {
border-bottom: 1px solid #ddd;
}
.tabs.tabs-buttons.tabs-buttons-numbers {
border: none;
width: 100%;
height: 65px;
}
.tabs.tabs-buttons.tabs-buttons-numbers a {
padding: 12px 0;
border: none;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
width: 33.3%;
height: 65px;
color: #999;
}
.tabs.tabs-buttons.tabs-buttons-numbers a.active {
color: #000;
border-bottom: none;
}
.tabs.tabs-buttons.tabs-buttons-numbers a:last-child {
border-right: none;
}
.laerer-hold .mini-ugeplan {
margin-left: 20px;
margin-right: 20px;
border: solid 4px #af3430;
border-bottom: solid 6px #af3430;
box-shadow: -12px 12px 0px #f0f0f0, 12px -9px 0px #f0f0f0, 12px 12px 0px #f0f0f0, -12px -9px 0px #f0f0f0;
padding: 10px;
padding-top: 35px;
position: relative;
margin-top: 22px;
}
.laerer-hold .mini-ugeplan h1 {
font-size: 18px;
text-align: center;
margin: 0 0 10px 0;
}
.laerer-hold .mini-ugeplan .header-text {
overflow-x: scroll;
}
.laerer-hold .mini-ugeplan .mini-ugeplan-ringbind {
position: absolute;
left: 10px;
right: 10px;
height: 40px;
top: -23px;
background: url(/Node/assets/images/ugeplan-ringbind-9eb904eb34.png);
background-size: auto 100%;
}
.laerer-hold .mini-ugeplan h2 {
font-size: 15.4px;
font-weight: bold;
}
.laerer-hold .mini-ugeplan .mini-ugeplan-dag {
margin-bottom: 15px;
}
.laerer-hold .mini-ugeplan .mini-ugeplan-dag > h5 {
margin: 0;
text-transform: uppercase;
}
.laerer-hold .mini-ugeplan .mini-ugeplan-dag hr {
margin: 0px;
}
.laerer-hold .mini-ugeplan .mini-ugeplan-dag .media {
margin: 10px 0;
}
.laerer-hold .mini-ugeplan .mini-ugeplan-forloeb {
display: block;
}
.laerer-hold .mini-ugeplan .mini-ugeplan-forloeb h5 {
margin: 0;
max-width: 80%;
}
.laerer-hold .mini-ugeplan .mini-ugeplan-forloeb .mini-ugeplan-icon-wrapper {
width: 25px;
margin: 0 8px 0 0;
border: 1px solid #9B9B9B;
padding: 6px 3px;
}
.laerer-hold .mini-ugeplan .mini-ugeplan-forloeb .mini-ugeplan-icon-wrapper img {
width: 100%;
display: block;
margin: 0;
padding: 0;
}
.laerer-hold .mini-ugeplan .mini-ugeplan-forloeb .mini-ugeplan-forloeb-haefte {
width: 25px;
margin: 2px 8px 0 0;
height: 30px;
}
.laerer-hold .mini-ugeplan .mini-ugeplan-forloeb .mini-ugeplan-forloeb-haefte .mini-ugeplan-forloeb-haefte-ikon {
width: 90%;
width: 19px;
height: 29px;
margin-left: 3px;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.laerer-hold .mini-ugeplan .mini-ugeplan-buttons .btn {
width: 49%;
}
.laerer-hold .mini-ugeplan .mini-ugeplan-buttons .btn:first-child {
margin-right: 2%;
}
.laerer-hold .laerer-hold-top {
width: 100%;
min-height: 290px;
position: relative;
}
.laerer-hold .laerer-hold-top .laerer-hold-top-grafik {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 290px;
background-color: #92cccc;
}
.laerer-hold .laerer-hold-top .laerer-hold-top-grafik .laerer-hold-top-left {
position: absolute;
height: 240px;
bottom: -23px;
left: 0px;
}
.laerer-hold .laerer-hold-top .laerer-hold-top-grafik .laerer-hold-top-right {
position: absolute;
height: 220px;
bottom: -19px;
right: 0;
z-index: 1;
}
.laerer-hold .laerer-hold-top .laerer-hold-top-grafik .laerer-hold-top-right.christmas {
bottom: 4px;
}
.laerer-hold .laerer-hold-top .laerer-hold-top-grafik .table {
position: absolute;
height: 48.6px;
left: 0;
right: 0;
bottom: -22px;
background: #af8f5d;
border-bottom: solid 10px #dabe93;
box-shadow: 0px 28px 0px #ededed;
border-collapse: separate;
}
@media (max-width: 767px) {
.laerer-hold .laerer-hold-top .laerer-hold-top-grafik {
height: 360px;
}
}
.laerer-hold .laerer-hold-top .container {
position: relative;
}
.laerer-hold .laerer-hold-top .container > div.pull-left {
width: calc(100% - 453px);
}
@media (max-width: 767px) {
.laerer-hold .laerer-hold-top .container > div.pull-left {
width: 100%;
}
}
.laerer-hold .laerer-hold-top .container > div.pull-left h1 {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 1.3;
}
.laerer-hold .laerer-hold-main-content {
margin-top: 25px;
}
.laerer-hold .laerer-hold-main-content .holdside-week-picker {
text-align: center;
margin-top: 24px;
}
.laerer-hold .laerer-hold-main-content .holdside-week-picker .arrows {
display: inline-block;
}
.laerer-hold .laerer-hold-main-content .holdside-week-picker .arrows .btn-previous,
.laerer-hold .laerer-hold-main-content .holdside-week-picker .arrows .btn-next {
color: #1771BF;
}
.laerer-hold .laerer-hold-main-content .holdside-week-picker .arrows .react-datepicker-wrapper input[type=text] {
background-color: #ffffff;
border: 0;
box-shadow: none;
font-size: 22.4px;
text-align: center;
font-weight: 300;
width: 154px;
}
.laerer-hold .laerer-hold-main-content .holdside-week-picker .arrows .react-datepicker-wrapper input[type=text]:hover {
color: #0F4B7F;
text-decoration: underline;
cursor: pointer;
}
.laerer-hold .hold-tilknyttet {
display: inline-block;
margin-top: 7px;
padding-bottom: 0;
margin-left: 3px;
line-height: 25px;
color: #295758;
}
.laerer-hold .hold-tilknyttet i {
margin-right: 5px;
font-size: 22px;
color: #FFE768;
}
@media (max-width: 767px) {
.laerer-hold .hold-tilknyttet {
margin-bottom: 5px;
}
}
.laerer-hold .laerer-hold-top-right-button-container {
margin-top: 10px;
}
.laerer-hold .laerer-hold-top-right-button-container .btn {
margin-bottom: 10px;
}
.hold-overview-dialog .elevpicker-col,
.hold-overview-dialog .laeringsmaal-col {
padding-top: 30px;
}
/*textarea.textarea-height-transition
{
-webkit-transition: height 0.2s;
-moz-transition: height 0.2s;
transition: height 0.2s;
}*/
.col-border-right {
border-right: 1px solid #ccc;
}
.panel-dashboard .panel-heading {
height: 160px;
}
.panel-dashboard .panel-heading .panel-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 10px;
}
.panel-dashboard .panel-body {
padding-top: 10px;
height: 90px;
}
.panel-dashboard.panel-dashboard-table .panel-heading,
.panel-dashboard.panel-dashboard-table .panel-body {
height: auto;
}
.panel-dashboard.panel-dashboard-table .panel-heading .panel-title {
margin-bottom: 0;
}
.dashboard-legend-square {
display: inline-block;
border: 1px solid #999;
width: 12px;
height: 12px;
vertical-align: baseline;
margin-right: 5px;
}
.dashboard-subtitle {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-transform: uppercase;
color: #999;
margin-bottom: 10px;
}
.dashboard-label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-transform: uppercase;
font-size: 12px;
color: #999;
}
.dashboard-number {
font-weight: bold;
font-size: 16px;
}
.panel-dashboard-reportbutton {
cursor: pointer;
}
.panel-dashboard-1 {
border-color: #ddd;
}
.panel-dashboard-1 > .panel-heading {
color: #fff;
background-color: #64aa59;
border-color: #ddd;
}
.panel-dashboard-1 > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-dashboard-1 > .panel-heading .badge {
color: #64aa59;
background-color: #fff;
}
.panel-dashboard-1 > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-dashboard-2 {
border-color: #ddd;
}
.panel-dashboard-2 > .panel-heading {
color: #fff;
background-color: #5480ae;
border-color: #ddd;
}
.panel-dashboard-2 > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-dashboard-2 > .panel-heading .badge {
color: #5480ae;
background-color: #fff;
}
.panel-dashboard-2 > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-dashboard-3 {
border-color: #ddd;
}
.panel-dashboard-3 > .panel-heading {
color: #fff;
background-color: #d36b38;
border-color: #ddd;
}
.panel-dashboard-3 > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-dashboard-3 > .panel-heading .badge {
color: #d36b38;
background-color: #fff;
}
.panel-dashboard-3 > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-dashboard-4 {
border-color: #ddd;
}
.panel-dashboard-4 > .panel-heading {
color: #fff;
background-color: #ed6a66;
border-color: #ddd;
}
.panel-dashboard-4 > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-dashboard-4 > .panel-heading .badge {
color: #ed6a66;
background-color: #fff;
}
.panel-dashboard-4 > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-dashboard-5 {
border-color: #ddd;
}
.panel-dashboard-5 > .panel-heading {
color: #fff;
background-color: #295758;
border-color: #ddd;
}
.panel-dashboard-5 > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-dashboard-5 > .panel-heading .badge {
color: #295758;
background-color: #fff;
}
.panel-dashboard-5 > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.tablebar {
position: relative;
height: 20px;
}
.tablebar-line {
position: absolute;
background-color: #ffdfd6;
height: 20px;
}
.tablebar-text {
position: absolute;
left: 3px;
}
.tablebar-right .tablebar-line {
right: 0;
}
.tablebar-right .tablebar-text {
left: auto;
right: 3px;
}
#content.content-dashboard {
background-color: #9ec0c1;
}
#content.content-dashboard .content-book {
padding: 20px 40px;
}
.skoletube-thumb {
position: relative;
height: 98px;
padding: 3px;
border: 1px solid #f3f3f0;
overflow: hidden;
}
.skoletube-thumb img {
width: 180px;
margin-top: -2px;
margin-left: -3px;
}
.aflevering-navn {
width: 80px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.aflevering-ikon {
text-align: center;
height: 60px;
}
.aflevering-ikon img {
margin-left: auto;
margin-right: auto;
max-width: 60px;
}
.aflevering-ikon .fa-link {
padding-top: 5px;
font-size: 56px;
}
.eventline {
width: 680px;
margin: 0 auto;
}
.eventline-line {
width: 342px;
border-right: 12px solid #f0f0f0;
margin: -50px 0 10px;
position: relative;
}
.eventline-line:after {
content: '\2022';
position: absolute;
font-size: 60px;
right: -17px;
top: 10px;
background-color: #fff;
color: #9ec0c1;
line-height: 20px;
padding: 0 0 1px 0;
}
.eventline-line:first-child {
margin-top: 0;
padding-top: 20px;
}
.eventline-line:first-child:after {
top: 30px;
}
.eventline-event {
border: 1px solid #aaa;
width: 310px;
}
.eventline-event-header {
display: block;
margin-right: -15px;
padding: 6px 26px 6px 15px;
position: relative;
color: #333;
}
.eventline-event-header .media {
position: relative;
z-index: 1;
}
.eventline-event-header h4 {
margin: 0;
font-size: 18px;
line-height: 30px;
}
.eventline-event-header small {
font-size: 11px;
line-height: 13px;
}
.eventline-event-header:hover {
text-decoration: none;
background-color: #f9f9f9;
}
.eventline-event-header:before {
content: '';
position: absolute;
height: 55%;
width: 15px;
border-left: 1px solid #aaa;
top: -1px;
right: -8px;
transform: skew(35deg, 0);
background-color: #fff;
}
.eventline-event-header:after {
content: '';
position: absolute;
height: 55%;
width: 15px;
border-left: 1px solid #aaa;
right: -8px;
bottom: -1px;
transform: skew(-35deg, 0);
background-color: #fff;
}
.eventline-event-time {
padding: 5px 15px;
background-color: #ddd;
font-size: 12px;
}
.eventline-event-numbers {
border-top: 1px solid #ddd;
padding: 0;
min-height: 75px;
}
.eventline-event-numbers a {
color: #000;
}
.eventline-event-numbers a:hover {
text-decoration: none;
}
.eventline-event-body {
background-color: #fff;
padding: 10px;
}
.eventline-event-body .laeringsmaal {
overflow: hidden;
}
.eventline-event-section {
border-bottom: 1px solid #eee;
}
.eventline-event-section .eventline-event-section-header {
position: relative;
display: block;
color: #000;
text-decoration: none;
background-color: #eee;
padding: 15px;
font-size: 12px;
/* Fallback for non-webkit */
/* Webkit */
}
.eventline-event-section .eventline-event-section-body {
padding: 10px;
background-color: #fff;
}
.eventline-event-section .eventline-event-section-body .file {
padding-top: 0;
margin-top: 0;
margin-bottom: 10px;
}
.eventline-event-section .eventline-event-section-item {
float: left;
margin: 5px 3px 5px 0;
}
.eventline-event-section:last-child {
border-bottom: none;
}
.eventline-event-right {
margin-left: 370px;
}
.eventline-event-right .eventline-event-header {
margin: 0 0 0 -15px;
padding: 6px 15px 6px 26px;
}
.eventline-event-right .eventline-event-header:before {
border-left: none;
border-right: 1px solid #aaa;
top: -1px;
left: -8px;
transform: skew(-35deg, 0);
}
.eventline-event-right .eventline-event-header:after {
border-left: none;
border-right: 1px solid #aaa;
left: -8px;
bottom: -1px;
transform: skew(35deg, 0);
}
.page-side-button-container {
position: absolute;
top: 70px;
right: -50px;
width: 50px;
z-index: 9;
}
.page-side-button-container .page-side-button {
margin-bottom: 10px;
height: 50px;
width: 50px;
background-color: #FFFFFF;
box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
text-align: center;
line-height: 50px;
cursor: pointer;
}
.page-side-button-container .page-side-button.page-side-button-print,
.page-side-button-container .page-side-button.page-side-button-cog {
padding-top: 5px;
}
.note-dialog {
position: fixed;
top: 140px;
left: 15px;
width: 275px;
height: 350px;
background-color: #F9DE75;
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
z-index: 998;
}
.note-dialog .note-header {
padding: 1px 20px 10px;
color: #FFFFFF;
background-color: #9B7450;
cursor: move;
}
.note-dialog .note-header .close {
color: #FFFFFF;
padding-top: 18px;
}
.note-dialog .note-header h2,
.note-dialog .note-header h3 {
margin-right: 40px;
color: #FFFFFF;
text-transform: uppercase;
text-align: center;
}
.note-dialog .note-body {
position: absolute;
top: 65px;
left: 0;
right: 0;
bottom: 25px;
overflow-y: scroll;
}
.note-dialog .note-body .fr-box {
padding: 20px;
width: 100%;
height: 100%;
}
.note-dialog .note-body .fr-box .fr-wrapper {
height: 100%;
}
.note-dialog .note-body .fr-box .fr-wrapper .fr-element {
height: 100%;
}
.note-dialog .note-footer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 30px;
padding: 7px 10px;
font-size: 12px;
color: #939380;
font-style: italic;
}
/* Desktops */
@media (min-width: 992px) {
.note-dialog {
left: 50px;
width: 400px;
height: 500px;
}
}
.elev-forside-top {
position: relative;
padding-top: 20px;
margin-bottom: 50px;
min-height: 283px;
background-color: #99CC99;
z-index: 0;
overflow: hidden;
}
.elev-forside-top .book {
margin-bottom: 3px;
z-index: 2;
}
.elev-forside-top .book .book-shadow-bottom {
bottom: 27px;
}
.elev-forside-top:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 76px;
border-top: 39px solid #AF8E5D;
background-color: #DABE93;
border-bottom: 21px solid #EDEDED;
z-index: 0;
}
.elev-forside-top .elev-forside-top-image-left {
position: absolute;
left: 10px;
bottom: 10px;
height: 220px;
opacity: 0.1;
z-index: -1;
}
.elev-forside-top .elev-forside-top-image-right {
position: absolute;
right: 10px;
bottom: 52px;
height: 180px;
z-index: 1;
}
.elev-forside-top .elev-forside-top-image-right.christmas {
bottom: 54px;
}
.elev-forside-top h2 {
margin-top: 0;
margin-left: 35px;
line-height: 1.3em;
}
.elev-forside-top-legacy {
border-top: 1px solid #ddd;
}
.eventstream .media {
margin-top: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #eeeeee;
}
.eventstream .media:last-child {
border-bottom: none;
}
.eventstream .media:first-child {
margin-top: 0;
}
.eventstream .media .media-heading {
margin-top: 4px;
font-size: 16px;
}
.eventstream .media .media-body {
min-height: 54px;
}
.eventstream .media .text-muted {
font-size: 12px;
}
.eventstream .media .media-object {
position: relative;
width: 80px;
min-height: 54px;
text-align: center;
}
.eventstream .media .media-object .md {
line-height: 1em;
}
.eventstream .media .media-object .media-object-badge {
position: absolute;
right: 13px;
bottom: 7px;
color: #333333;
}
.eventstream .media .media-object .media-object-badge.media-object-badge-circle {
width: 24px;
height: 24px;
background-color: white;
border: 1px solid #333333;
border-radius: 50%;
padding-top: 1px;
}
.eventstream .btn-link {
text-decoration: underline;
}
.wheel-menu {
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
z-index: 3;
}
.wheel-menu .wheel-menu-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
top: -40px;
left: -40px;
width: 80px;
height: 80px;
background-color: #464646;
color: #FFFFFF;
border-radius: 40px;
box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
text-align: center;
}
.wheel-menu .wheel-menu-item .fa {
margin-bottom: 5px;
}
.wheel-menu .wheel-menu-item:first-child {
transform: rotate(0deg) translate(100px) rotate(0deg);
}
.wheel-menu .wheel-menu-item:nth-child(2) {
transform: rotate(72deg) translate(100px) rotate(-72deg);
}
.wheel-menu .wheel-menu-item:nth-child(3) {
transform: rotate(144deg) translate(100px) rotate(-144deg);
}
.wheel-menu .wheel-menu-item:nth-child(4) {
transform: rotate(216deg) translate(100px) rotate(-216deg);
}
.wheel-menu .wheel-menu-item:nth-child(5) {
transform: rotate(288deg) translate(100px) rotate(-288deg);
}
@page {
size: A4;
margin: 20px;
}
@media screen {
.show-on-print {
display: none;
}
}
@media print {
html,
body {
width: 210mm;
height: 297mm;
}
* {
-webkit-print-color-adjust: exact !important;
}
.my-week-background-wrapper,
body,
#content {
margin: 0;
padding: 0;
background: transparent !important;
}
.my-week-background-wrapper.content-aarsplan,
body.content-aarsplan,
#content.content-aarsplan {
padding-bottom: 0;
}
.container {
width: 100% !important;
}
.my-week-day-navigation,
.top-bar,
.hold-context,
.back-navigation-bar,
.tooltip,
.md.md-edit,
.froala-editor,
.content-book .rings,
.close,
.lektie.lektie-unused .lektie-handle,
.no-print {
display: none !important;
}
.show-on-print {
display: block;
}
.content-book {
box-shadow: none;
padding: 0;
}
.content-book .row {
padding-bottom: 0;
}
.fr-wrapper {
border: none !important;
}
.fr-view {
padding: 0 !important;
}
.forloeb,
.booklet-border {
border: none !important;
}
.forloeb a[href]:after,
.booklet-border a[href]:after {
content: " (" attr(href) ")";
}
.forloeb a[href^="javascript:"]:after,
.booklet-border a[href^="javascript:"]:after,
.forloeb a[href^="#"]:after,
.booklet-border a[href^="#"]:after,
.forloeb a.file:after,
.booklet-border a.file:after {
content: "";
}
.forloeb .forloeb-indhold,
.booklet-border .forloeb-indhold {
width: 95%;
}
.forloeb .forloeb-header,
.booklet-border .forloeb-header {
width: 100%;
-webkit-print-color-adjust: exact !important;
}
.forloeb [data-type="laererkommentar"],
.booklet-border [data-type="laererkommentar"],
.forloeb [data-type="bibliotekernes-database"],
.booklet-border [data-type="bibliotekernes-database"],
.forloeb [data-type="materiale"],
.booklet-border [data-type="materiale"] {
page-break-inside: avoid;
}
.forloeb [data-type="laererkommentar"] .editor-laererkommentar-image,
.booklet-border [data-type="laererkommentar"] .editor-laererkommentar-image {
top: 1px;
max-height: calc(100% - 2px);
}
.forloeb .forloeb-detaljer,
.booklet-border .forloeb-detaljer,
.forloeb .forloeb-haefte-left,
.booklet-border .forloeb-haefte-left,
.forloeb .forloeb-navigation,
.booklet-border .forloeb-navigation,
.forloeb .forloeb-detaljer + hr + .row > .col-sm-3,
.booklet-border .forloeb-detaljer + hr + .row > .col-sm-3,
.forloeb .editor-section-new,
.booklet-border .editor-section-new,
.forloeb .js-newSection,
.booklet-border .js-newSection {
display: none;
}
.forloeb .forloeb-detaljer + hr + .row > .col-sm-9,
.booklet-border .forloeb-detaljer + hr + .row > .col-sm-9 {
width: 100%;
}
.forloeb .editor-section-opgave *,
.booklet-border .editor-section-opgave * {
-webkit-print-color-adjust: exact !important;
}
.calculator-theme {
background: transparent !important;
}
.editor-section-opgave-elevbesvarelser a[href]:after {
content: none;
}
.laeringsmaal {
page-break-inside: avoid;
}
.laeringsmaal .laeringsmaal-note {
background: #F4F3EF !important;
-webkit-print-color-adjust: exact !important;
}
.laeringsmaal .laeringsmaal-dialog-actions {
display: none;
}
.faellesmaal .emne,
.faellesmaal-container .emne {
page-break-inside: avoid;
}
.faelles-maal-placeholder {
page-break-before: always;
}
#aarsplan table.table.table-aarsplan td .week-wrap {
min-height: 28px;
}
#aarsplan table.table.table-aarsplan td .week-wrap .forloeb-block {
line-height: 28px;
height: 28px;
}
#aarsplan .col-sm-6 {
width: 50%;
float: left;
}
#aarsplan .aarsplan-container {
height: auto;
overflow-y: visible;
}
.aarsplan-oversigt .aarsplan-oversigt-group {
position: relative;
}
.aarsplan-oversigt .forloeb-list {
background-size: 100% 41px;
background-image: linear-gradient(to bottom, #eee 0%, #eee 87.80487805%, transparent 87.80487805%, transparent 100%);
min-height: 41px;
}
.aarsplan-oversigt .forloeb-block {
height: 36px;
max-height: 36px;
position: relative;
}
.aarsplan-oversigt .forloeb-block .forloeb-block-content {
font-size: 0.75em;
padding: 5px 5px 5px 43px;
}
.aarsplan-oversigt .forloeb-block .forloeb-block-content img {
width: 24px;
height: 24px;
}
.elevprofil .fagbox-container > .col-sm-4 {
float: left;
width: 50%;
}
.elevprofil .fagbox-container .fagbox {
page-break-inside: avoid;
}
.elevprofil .fagbox-container .fagbox-numbers .col-sm-4 {
float: left;
width: 33%;
}
.elevprofil .alsidige-kompetencer-container {
page-break-inside: avoid;
}
.elevprofil .alsidige-kompetencer-container .col-sm-4 {
float: left;
width: 20%;
}
.elevprofil .alsidige-kompetencer-container .col-sm-8 {
float: right;
width: 80%;
}
.elevprofil .alsidige-kompetencer-container .number-box .col-sm-6.border-right {
border-right: 0;
}
.elevprofil-eau .elev-image {
margin-left: 20px;
}
.elevprofil-eau h2 {
margin-left: 20px;
}
.elevprofil-eau .col-sm-6 {
float: left;
width: 50%;
}
.elevprofil-eau .col-sm-6:first-child {
margin-left: -40px;
}
.elevprofil-hold .hold-header .col-sm-8 {
float: left;
width: 66%;
}
.elevprofil-hold .hold-header .col-sm-4 {
float: left;
width: 33%;
}
.elevprofil-hold [data-tabs="hold"] a {
border-right: 1px solid #ddd;
}
.elevprofil-hold .eventline-line {
page-break-inside: avoid;
}
.laeringsmaallist .laeringsmaallist-menu {
display: none;
}
.laeringsmaallist .laeringsmaallist-maal .laeringsmaal {
display: block !important;
visibility: visible !important;
}
.laeringsmaallist .laeringsmaallist-maal .laeringsmaal .comment-dialog,
.laeringsmaallist .laeringsmaallist-maal .laeringsmaal .laeringsmaal-dialog-actions {
display: none;
}
.laeringsmaallist .laeringsmaallist-maal .laeringsmaal .tegnpaalaeringliste .table {
margin-bottom: 0;
}
.dialog .dialog-top,
.dialog .dialog-bottom,
.dialog .dialog-ok,
.dialog .dialog-cancel {
display: none;
}
#content.content-dialog-open {
padding-bottom: 0;
}
.content-dashboard .col-sm-3 {
float: left;
width: 50%;
}
.content-dashboard .highcharts-container {
margin-left: auto;
margin-right: auto;
}
.content-dashboard #filter .form-group {
display: inline-block;
}
.portefoelje .portefoelje-item {
page-break-inside: avoid;
}
.portefoelje .col-md-6 {
float: left;
width: 50%;
}
.aarsplan-beskrivelse.collapsed {
overflow: auto;
height: auto;
position: static;
margin-bottom: 0px;
}
.aarsplan-beskrivelse.collapsed:before {
display: none;
}
.elevbesvarelse-line .header-container + div {
height: auto !important;
}
.opgave-indhold-arbejdsopgave {
border: 1px solid #3d8283;
background: white !important;
color: #4d4d4d !important;
}
.opgave-indhold-arbejdsopgave .user-text a {
color: #4d4d4d !important;
}
.my-week-courses .col-sm-6 {
float: left;
width: 33%;
}
.week-note {
page-break-inside: avoid;
}
}
.fr-view,
.user-text,
.text-user {
word-wrap: break-word;
}
.fr-view img,
.user-text img,
.text-user img {
max-width: 100%;
}
.fr-view table,
.user-text table,
.text-user table {
max-width: 100%;
margin-bottom: 20px;
line-height: 1.42857143;
}
.fr-view table tr > td,
.user-text table tr > td,
.text-user table tr > td,
.fr-view table tr > th,
.user-text table tr > th,
.text-user table tr > th {
padding: 7px;
vertical-align: top;
border: 1px solid #eaebef;
}
.fr-view table > thead tr > th,
.user-text table > thead tr > th,
.text-user table > thead tr > th {
padding: 7px;
vertical-align: bottom;
border: none;
border-bottom: 2px solid #eaebef;
}
.profilbilledeEditor {
display: inline-block;
}
.profilbilledeEditor .editor {
position: relative;
float: left;
cursor: move;
}
.profilbilledeEditor .editorLoadImageOverlay {
position: absolute;
width: 250px;
height: 250px;
cursor: pointer;
font-size: 20px;
color: rgba(83, 146, 147, 0.8);
padding-top: 70px;
}
.profilbilledeEditor .editorLoadImageOverlay .fa-camera {
font-size: 4em;
}
.profilbilledeEditor .map-slider {
float: left;
width: 52px;
height: 250px;
background: #EAF4F3;
text-align: center;
position: relative;
color: #3e8283;
}
.profilbilledeEditor .map-slider::before {
content: "";
width: 100%;
height: 1px;
background: #dedede;
position: absolute;
left: 0;
margin-top: 40px;
box-shadow: 0 1px 0 0 white, 0 170px 0 0 #dedede, 0 169px 0 0 white;
}
.profilbilledeEditor .map-slider .fa-plus {
display: block;
padding-top: 14px;
height: 40px;
cursor: pointer;
}
.profilbilledeEditor .map-slider .fa-minus {
display: block;
height: 40px;
padding-top: 12px;
cursor: pointer;
}
.profilbilledeEditor .map-slider .drag-line {
width: 8px;
height: 149px;
background: #adccce;
border-radius: 8px;
margin: 10px auto;
position: relative;
}
.profilbilledeEditor .map-slider .draggable-button {
top: 120px;
width: 29px;
height: 29px;
background: #f7f7f7;
border-radius: 50%;
position: absolute;
box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.2);
margin-left: -9px;
cursor: pointer;
}
.fagtildeling table.fagtildeling th {
position: sticky;
top: 0;
background: white;
z-index: 10;
box-shadow: inset 0 -2px 0 #eaebef;
border-bottom: 0;
}
.fagtildeling table.fagtildeling td.trin,
.fagtildeling table.fagtildeling td.no-such-trin,
.fagtildeling table.fagtildeling th.trin-header {
width: 40px;
text-align: center;
}
.fagtildeling table.fagtildeling td.no-such-trin span:before {
color: #ddd;
}
.fagtildeling table.fagtildeling td.trin {
cursor: pointer;
transition: background-color 0.2s ease;
}
.fagtildeling table.fagtildeling td.trin[data-state="true"] {
background: #eaf4f3;
}
.fagtildeling table.fagtildeling td.trin.busy {
background: #eee;
}
.fagtildeling table.fagtildeling td.trin span:before {
color: #666;
}
.fagtildeling table.fagtildeling .glyphicon-ban-circle:before {
color: red;
}
.hold-administration ul.comma-list {
display: inline;
list-style: none;
padding: 0;
}
.hold-administration ul.comma-list li {
display: inline;
}
.hold-administration ul.comma-list li:before {
content: ', ';
}
.hold-administration ul.comma-list li:last-child:before {
content: ' og ';
}
.hold-administration ul.comma-list li:first-child:before {
content: ' ';
}
.hold-administration tr[data-action] {
cursor: pointer;
}
.hold-administration tr[data-action]:hover {
background-color: #f5f5f5;
color: #1771BF;
}
.hold-administration td.link {
color: #1771BF;
}
.dialog .dialog-content .error {
margin-top: 15px;
}
.label.tilknyttet {
background-color: #5bc0de;
}
.label.ikke-tilknyttet {
background-color: #bebebe;
}
.elev-list-container [data-action]:hover {
cursor: pointer;
}
.elev-list-container .label-thin {
font-weight: normal;
}
.elev-list-container .label {
margin-right: 5px;
}
.elev-list-container .label.dreng {
background-color: blue;
}
.elev-list-container .label.pige {
background-color: #D166D1;
}
.elev-list-container button.klasseSummary {
margin-right: 10px;
}
.searchbox-container .label {
margin-left: 5px;
}
.elev-search-container {
z-index: 199;
background-color: #efefef;
border-radius: 5px;
border: 1px solid #bebebe;
left: 0px;
top: 33px;
position: absolute;
display: none;
}
.elev-search-container .klasse-popin {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
margin: 0;
}
.elev-search-container .klasse-popin h3 {
margin-top: 10px;
}
.elev-search-container .klasse-popin .header.actions {
line-height: 20px;
}
.elev-search-container .klasse-popin .row.elever {
margin-top: 20px;
margin-bottom: 20px;
}
.elev-search-container .klasse-popin .row.actions {
white-space: nowrap;
margin-top: 20px;
}
.elev-search-container .klasse-popin .checkbox {
margin: 0;
}
.nyheder-blog-item iframe {
width: 100%;
}
.nyheder-blog-item img {
max-width: 100%;
height: auto;
}
.nyheder-blog-item .alignnone {
margin: 0.5em 0;
}
.nyheder-blog-item .aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.nyheder-blog-item .alignleft {
display: inline;
float: left;
margin-right: 15px;
}
.nyheder-blog-item .alignright {
display: inline;
float: right;
margin-left: 15px;
}
.news-page-top {
margin-bottom: 2em;
overflow: hidden;
}
.news-page-top h1 {
margin-top: 0;
}
.news-page-top .filter-category {
min-width: 170px;
height: 42px;
font-size: 16px;
}
.news-list-item,
.news-list-small {
color: #333333;
}
.news-list-item img,
.news-list-small img,
.news-list-item span.no-image,
.news-list-small span.no-image {
display: block;
width: 120px;
height: auto;
background-color: #eee;
}
.news-list-item span.no-image,
.news-list-small span.no-image {
height: 120px;
}
.news-list-item h3,
.news-list-small h3,
.news-list-item h4,
.news-list-small h4 {
color: #1771BF;
}
.news-list-item .muted,
.news-list-small .muted {
color: #777777;
}
.news-list-item:hover,
.news-list-small:hover {
text-decoration: none;
}
.news-list-small img,
.news-list-small span.no-image {
width: 60px;
}
.news-list-small span.no-image {
height: 60px;
}
.news-item-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.news-item-grid:before {
display: none;
content: none;
}
.news-item-grid .news-item {
margin-bottom: 20px;
width: 200px;
min-width: 200px;
-ms-flex: 1 0 200px;
flex: 1 0 200px;
}
.news-item-grid .news-item a {
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.news-item-grid .news-item .image {
width: 100px;
height: auto;
}
.news-item-grid .news-item h3 {
float: left;
margin: 20px;
width: 100px;
-ms-flex-positive: 1;
flex-grow: 1;
font-size: 1.2em;
line-height: 1.3em;
}
.news-pager {
overflow: hidden;
}
.news-pager .next {
float: right;
}
.news-pager .previous {
float: left;
}
.kontakt-details {
padding: 10px 0;
}
.kontakt-details .kontakt-details-icon {
vertical-align: top;
}
.kontakt-details .kontakt-details-content-view {
margin-left: 10px;
display: inline-block;
width: calc(100% - 30px);
}
.kontakt-details .kontakt-details-content-label {
color: gray;
}
.kontakt-details .field-value:hover:after {
content: ' \F3EB';
font-family: 'Material Design Icons';
}
.kontakt-details .value {
position: relative;
}
.kontakt-details .value .message {
position: absolute;
top: 7px;
right: 15px;
}
.kontakt-details .value .message.md-exclamation {
color: red;
}
.kontakt-details .value input {
border: 0;
border-bottom: 1px solid gray;
}
.sorteringArrows {
display: inline-block;
margin-top: -4px;
}
.sorteringArrows button {
border: none;
background-color: transparent;
}
.sorteringArrows button:disabled {
color: #afafaf;
font-weight: 100;
}
.godkend-elevmaal {
min-width: 800px;
}
.godkend-elevmaal table {
background: none;
}
.godkend-elevmaal table td.laeringsmaal-item {
padding: 15px 12px 15px 0px;
}
@media (max-width: 1199px) {
.godkend-elevmaal table td.laeringsmaal-item {
width: 380px;
}
}
.godkend-elevmaal table td.navn {
padding: 15px 19px 15px 4px;
vertical-align: top;
max-width: 160px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.godkend-elevmaal table td.control {
vertical-align: top;
padding-top: 21px;
}
.godkend-elevmaal table td.control button {
width: 58px;
height: 58px;
border: none;
border-radius: 29px;
cursor: pointer;
background: #f5f5f5;
font-size: 11px;
}
.godkend-elevmaal table th.switch-wrap {
min-width: 78px;
text-align: center;
padding-top: 12px;
}
.godkend-elevmaal table th.switch-wrap label {
margin-top: 12px;
display: inline-block;
}
.godkend-elevmaal .godkend-elevmaal-row td.navn {
white-space: nowrap;
font-size: 13px;
}
.godkend-elevmaal .godkend-elevmaal-row td.navn .gruppemedlem {
padding-top: 3px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.godkend-elevmaal .godkend-elevmaal-row td.navn .gruppemedlem:first-child {
padding-top: 0;
}
.godkend-elevmaal .godkend-elevmaal-row td.laeringsmaal-item {
vertical-align: top;
}
.godkend-elevmaal .godkend-elevmaal-row td.control {
text-align: center;
}
.godkend-elevmaal .godkend-elevmaal-row td.control button {
font-size: 11px;
width: 64px;
height: 64px;
line-height: 64px;
padding: 0px;
border-radius: 32px;
}
.godkend-elevmaal .godkend-elevmaal-row td.control button.mangler-godkendelse {
white-space: normal;
line-height: 13px;
}
.godkend-elevmaal div.laeringsmaal {
margin-bottom: 0;
}
.national-trivsels-button img {
position: relative;
z-index: 0;
}
.national-trivsels-button .btn {
position: relative;
margin-top: -15px;
z-index: 1;
}
body .buorg {
color: #333333;
border-bottom: 1px solid #ccc;
background: #EDF0F1;
font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
font-size: 14px;
}
body .buorg h2 {
margin-top: 40px;
}
body .buorg h2 span {
display: none;
}
body .buorg div {
padding: 0 10px;
}
body .buorg img {
margin-top: 15px;
margin-bottom: 15px;
}
body .buorg .description {
margin-bottom: 20px;
}
body #buorgul {
box-shadow: none;
background: #366161;
color: #FFFFFF;
display: inline-block;
border-radius: 0;
border-color: transparent;
margin-bottom: 0;
padding: 10px 20px;
margin-right: 7px;
margin-top: 0;
}
body #buorgul:hover {
background-color: #244040;
}
body #buorgig {
background-color: transparent;
color: #1771BF;
box-shadow: none;
padding: 0;
}
body #buorgig:hover {
color: #0F4B7F;
text-decoration: underline;
}
.vurder-holdet {
position: absolute;
}
.vurder-holdet-no-trin {
text-align: center;
min-height: 350px;
}
.vurder-holdet-spinner {
min-height: 350px;
}
.vurder-holdet-choose-topic {
height: calc(100vh - 300px);
min-height: 750px;
text-align: center;
overflow-y: auto;
}
.vurder-holdet-choose-topic .vurder-holdet-kompetencehjul {
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
min-height: 650px;
}
.vurder-holdet-choose-topic .kompetencehjul-advanced {
position: relative;
}
.vurder-holdet-choose-topic .kompetencehjul-advanced .pie-cell-gap-lines {
top: 0;
left: 0;
}
.vurder-holdet-choose-topic .fag path {
fill: #366161;
}
.vurder-holdet-choose-topic .fag text {
fill: white;
}
.vurder-holdet-choose-topic .vurder-holdet-forloeb-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 30px;
-ms-flex-preferred-size: 23%;
flex-basis: 23%;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.vurder-holdet-choose-topic .vurder-holdet-forloeb-list.vertical {
-ms-flex-direction: column;
flex-direction: column;
}
.vurder-holdet-choose-topic .vurder-holdet-forloeb-list .forloeb-text {
display: block;
text-align: left;
}
.vurder-holdet-choose-topic .vurder-holdet-forloeb-item {
display: inline-block;
margin-top: 10px;
}
.vurder-holdet-choose-topic .vurder-holdet-forloeb-item .forloeb-item-button {
display: -ms-flexbox;
display: flex;
background: white;
border: none;
width: 100%;
}
.vurder-holdet-choose-topic .vurder-holdet-forloeb-item .forloeb-text-container {
-ms-flex-positive: 1;
flex-grow: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.vurder-holdet-choose-topic .vurder-holdet-forloeb-item .forloeb-text-container .tag {
width: -moz-fit-content;
width: fit-content;
}
.vurder-holdet-choose-topic .vurder-holdet-forloeb-item .forloeb-text-container .tag.tag:first-of-type {
margin-left: 15px;
}
.vurder-share-evaluation,
.vurder-holdet-oversigt {
height: calc(100vh - 300px);
min-height: 750px;
margin-top: 16px;
}
.vurder-share-evaluation .legend,
.vurder-holdet-oversigt .legend {
text-align: right;
}
.vurder-share-evaluation .legend .legend-item,
.vurder-holdet-oversigt .legend .legend-item {
display: inline-block;
float: none;
}
.vurder-share-evaluation .legend .legend-description,
.vurder-holdet-oversigt .legend .legend-description {
display: inline;
}
.vurder-share-evaluation .legend .first-value,
.vurder-holdet-oversigt .legend .first-value,
.vurder-share-evaluation .legend .last-value,
.vurder-holdet-oversigt .legend .last-value {
width: 15px;
height: 15px;
border-radius: 7.5px;
display: inline-block;
margin: auto;
margin-right: 8px;
vertical-align: middle;
}
.vurder-share-evaluation .legend .first-value.first-value-laerer,
.vurder-holdet-oversigt .legend .first-value.first-value-laerer {
border: solid 1px #5480ae;
}
.vurder-share-evaluation .legend .last-value.last-value-laerer,
.vurder-holdet-oversigt .legend .last-value.last-value-laerer {
background: #5480ae;
}
.vurder-holdet-evaluation {
padding: 16px;
height: calc(100vh - 300px);
min-height: 750px;
overflow-y: auto;
}
.vurder-holdet-elev-picture {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.vurder-holdet-elev-picture .vurder-holdet-elev-navn {
display: inline-block;
font-size: 14px;
}
.vurder-holdet-elever-table {
width: 100%;
margin-top: 16px;
}
.vurder-holdet-elever-table .user-picture {
width: 32px;
height: 32px;
background-size: contain;
border-radius: 18px;
margin-right: 8px;
display: inline-block;
}
.vurder-holdet-elever-table .vurder-holdet-elev-skala {
float: right;
}
.vurder-holdet-elever-table .skala-element {
width: 74px;
}
.vurder-holdet-elever-table .mass-vurdering-header {
float: right;
margin-top: 8px;
}
.vurder-holdet-kompetencehjul {
margin-top: 30px;
-ms-flex-positive: 3;
flex-grow: 3;
}
.vurder-holdet-kompetencehjul .kompetencehjul-advanced {
height: 100%;
overflow: hidden;
min-height: 0;
}
.vurder-holdet-header .button-size {
width: 128px;
}
.vurder-holdet-header button:last-child {
margin-left: 8px;
}
.evaluation {
display: -ms-flexbox;
display: flex;
min-height: 120px;
background-color: #f5f5f5;
box-shadow: 2px 2px #cccccc;
padding: 16px;
-ms-flex-align: start;
align-items: flex-start;
}
.evaluation .evaluation-kompetencehjul {
margin-right: 16px;
}
.evaluation .evaluation-beskrivelse h3 {
margin-top: 0;
}
.evaluation .kompetence-name-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 8px;
}
.evaluation .kompetence-name-container .kompetence-navn {
margin-top: 0;
}
.scala-headers-container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
}
.scala-headers-container .skala-headers {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
font-size: 10px;
width: 48px;
height: 48px;
margin-left: 4px;
text-align: center;
font-weight: 600;
padding-bottom: 8px;
}
.vurder-holdet-oversigt {
padding: 16px;
height: calc(100vh - 300px);
min-height: 750px;
overflow-y: auto;
}
.vurder-holdet-oversigt .elev {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-top: 32px;
}
.vurder-holdet-oversigt .elev .elev-name {
margin-left: 8px;
-ms-flex-positive: 1;
flex-grow: 1;
}
.vurder-holdet-oversigt .kompetence-row {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 4px;
}
.vurder-holdet-oversigt .kompetence-row .kompetence {
display: -ms-flexbox;
display: flex;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-align: center;
align-items: center;
padding-left: 8px;
background-color: #f5f5f5;
height: 48px;
box-shadow: 2px 2px 0 0 rgba(77, 77, 77, 0.2);
}
.vurder-holdet-oversigt .kompetence-row .kompetence-name-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 8px;
}
.vurder-holdet-oversigt .kompetence-row .kompetence-fag {
font-size: 12px;
line-height: 16px;
color: #777777;
}
.vurder-holdet-oversigt .kompetence-row .kompetence-navn {
line-height: 16px;
}
.vurder-holdet-oversigt .kompetence-row .skala-value-box {
width: 48px;
height: 48px;
margin-left: 4px;
background-color: #f5f5f5;
box-shadow: 2px 2px 0 0 rgba(77, 77, 77, 0.2);
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.vurder-holdet-oversigt .user-picture {
width: 32px;
height: 32px;
border-radius: 16px;
display: inline-block;
background-size: contain;
}
.content-aarsplan .toggle-hjul-or-maal {
margin-top: 30px;
margin-bottom: 20px;
padding: 10px 16px 25px;
border: 1px solid #cccccc;
border-radius: 2px;
}
.content-aarsplan .toggle-hjul-or-maal .btn-group {
margin-top: -50px;
margin-left: 50%;
transform: translateX(-50%);
width: 348px;
background-color: #ffffff;
}
.content-aarsplan .toggle-hjul-or-maal .btn-group button {
background-color: white;
color: #366161;
width: 174px;
}
.content-aarsplan .toggle-hjul-or-maal .btn-group button.active {
background-color: #366161;
color: #ffffff;
}
.content-aarsplan .toggle-hjul-or-maal .btn-group button:first-child {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.content-aarsplan .toggle-hjul-or-maal .btn-group button:last-child {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.content-aarsplan .toggle-hjul-or-maal .maalpar-container {
padding-left: 10px;
padding-right: 10px;
}
.elev-vurderinger {
width: 100%;
}
.elev-vurderinger .elev-vurderinger-fag .fag {
display: -ms-flexbox;
display: flex;
}
.elev-vurderinger .elev-vurderinger-fag .kompetence,
.elev-vurderinger .elev-vurderinger-fag .delkompetence {
display: -ms-flexbox;
display: flex;
margin-top: 4px;
}
.elev-vurderinger .elev-vurderinger-fag .kompetence {
margin-left: 16px;
}
.elev-vurderinger .elev-vurderinger-fag .delkompetence {
margin-left: 32px;
}
.elev-vurderinger .elev-vurderinger-fag .delkompetence .kompetencenavn div {
padding: 8px 0;
}
.elev-vurderinger .elev-vurderinger-fag .kompetencehjul {
background-color: #f5f5f5;
padding: 2px 8px;
display: -ms-flexbox;
display: flex;
-ms-flex-positive: 1;
flex-grow: 1;
box-shadow: 2px 2px #cccccc;
}
.elev-vurderinger .elev-vurderinger-fag .kompetencenavn {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 8px;
-ms-flex-pack: center;
justify-content: center;
}
.elev-vurderinger .elev-vurderinger-fag .kompetencenavn button {
padding: 0;
font-size: 12px;
}
.elev-vurderinger .skala-value-box {
width: 48px;
height: 48px;
margin-left: 4px;
background-color: #f5f5f5;
box-shadow: 2px 2px 0 0 rgba(77, 77, 77, 0.2);
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.vurder-elev-container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 20px 0;
}
.vurder-elev-container .vurder-elev-header {
margin-top: 0;
-ms-flex-positive: 1;
flex-grow: 1;
}
.vurder-elev-container .vurder-elev-button {
padding-right: 0;
width: auto;
}
.kompetenceContainer {
margin-top: 42px;
}
.kompetenceContainer .kompetenceRow {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 16px;
}
.kompetenceContainer .kompetenceRow .skala {
width: 100%;
}
.terms__container {
display: -ms-flexbox;
display: flex;
column-gap: 32px;
}
.terms__container::before {
display: none !important;
}
.terms__container ol {
padding-inline-start: 20px;
counter-reset: item;
}
.terms__container ol li {
display: block;
}
.terms__container ol li::before {
content: counters(item, ".") ". ";
counter-increment: item;
}
.terms__aside {
top: 0;
position: sticky;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 25%;
height: 100%;
overflow: auto;
}
.terms__main {
-ms-flex-positive: 1;
flex-grow: 1;
}
/* Courtesy of Bootstrap 4: https://getbootstrap.com/docs/4.0/utilities/spacing/ */
.p-0 {
padding: 0px !important;
}
.px-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.py-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.pt-0 {
padding-top: 0px !important;
}
.pb-0 {
padding-bottom: 0px !important;
}
.pl-0 {
padding-left: 0px !important;
}
.pr-0 {
padding-right: 0px !important;
}
.p-5 {
padding: 5px !important;
}
.px-5 {
padding-left: 5px !important;
padding-right: 5px !important;
}
.py-5 {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.pt-5 {
padding-top: 5px !important;
}
.pb-5 {
padding-bottom: 5px !important;
}
.pl-5 {
padding-left: 5px !important;
}
.pr-5 {
padding-right: 5px !important;
}
.p-10 {
padding: 10px !important;
}
.px-10 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.py-10 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.pt-10 {
padding-top: 10px !important;
}
.pb-10 {
padding-bottom: 10px !important;
}
.pl-10 {
padding-left: 10px !important;
}
.pr-10 {
padding-right: 10px !important;
}
.p-15 {
padding: 15px !important;
}
.px-15 {
padding-left: 15px !important;
padding-right: 15px !important;
}
.py-15 {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.pt-15 {
padding-top: 15px !important;
}
.pb-15 {
padding-bottom: 15px !important;
}
.pl-15 {
padding-left: 15px !important;
}
.pr-15 {
padding-right: 15px !important;
}
.p-20 {
padding: 20px !important;
}
.px-20 {
padding-left: 20px !important;
padding-right: 20px !important;
}
.py-20 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.pt-20 {
padding-top: 20px !important;
}
.pb-20 {
padding-bottom: 20px !important;
}
.pl-20 {
padding-left: 20px !important;
}
.pr-20 {
padding-right: 20px !important;
}
.p-25 {
padding: 25px !important;
}
.px-25 {
padding-left: 25px !important;
padding-right: 25px !important;
}
.py-25 {
padding-top: 25px !important;
padding-bottom: 25px !important;
}
.pt-25 {
padding-top: 25px !important;
}
.pb-25 {
padding-bottom: 25px !important;
}
.pl-25 {
padding-left: 25px !important;
}
.pr-25 {
padding-right: 25px !important;
}
.p-30 {
padding: 30px !important;
}
.px-30 {
padding-left: 30px !important;
padding-right: 30px !important;
}
.py-30 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.pt-30 {
padding-top: 30px !important;
}
.pb-30 {
padding-bottom: 30px !important;
}
.pl-30 {
padding-left: 30px !important;
}
.pr-30 {
padding-right: 30px !important;
}
.m-0 {
margin: 0px !important;
}
.mx-0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.my-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.mt-0 {
margin-top: 0px !important;
}
.mb-0 {
margin-bottom: 0px !important;
}
.ml-0 {
margin-left: 0px !important;
}
.mr-0 {
margin-right: 0px !important;
}
.m-5 {
margin: 5px !important;
}
.mx-5 {
margin-left: 5px !important;
margin-right: 5px !important;
}
.my-5 {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.mt-5 {
margin-top: 5px !important;
}
.mb-5 {
margin-bottom: 5px !important;
}
.ml-5 {
margin-left: 5px !important;
}
.mr-5 {
margin-right: 5px !important;
}
.m-10 {
margin: 10px !important;
}
.mx-10 {
margin-left: 10px !important;
margin-right: 10px !important;
}
.my-10 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.mt-10 {
margin-top: 10px !important;
}
.mb-10 {
margin-bottom: 10px !important;
}
.ml-10 {
margin-left: 10px !important;
}
.mr-10 {
margin-right: 10px !important;
}
.m-15 {
margin: 15px !important;
}
.mx-15 {
margin-left: 15px !important;
margin-right: 15px !important;
}
.my-15 {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.mt-15 {
margin-top: 15px !important;
}
.mb-15 {
margin-bottom: 15px !important;
}
.ml-15 {
margin-left: 15px !important;
}
.mr-15 {
margin-right: 15px !important;
}
.m-20 {
margin: 20px !important;
}
.mx-20 {
margin-left: 20px !important;
margin-right: 20px !important;
}
.my-20 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.mt-20 {
margin-top: 20px !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.ml-20 {
margin-left: 20px !important;
}
.mr-20 {
margin-right: 20px !important;
}
.m-25 {
margin: 25px !important;
}
.mx-25 {
margin-left: 25px !important;
margin-right: 25px !important;
}
.my-25 {
margin-top: 25px !important;
margin-bottom: 25px !important;
}
.mt-25 {
margin-top: 25px !important;
}
.mb-25 {
margin-bottom: 25px !important;
}
.ml-25 {
margin-left: 25px !important;
}
.mr-25 {
margin-right: 25px !important;
}
.m-30 {
margin: 30px !important;
}
.mx-30 {
margin-left: 30px !important;
margin-right: 30px !important;
}
.my-30 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.mt-30 {
margin-top: 30px !important;
}
.mb-30 {
margin-bottom: 30px !important;
}
.ml-30 {
margin-left: 30px !important;
}
.mr-30 {
margin-right: 30px !important;
}
.mx-auto {
margin-left: auto !important;
margin-right: auto !important;
}
/* Courtesy of Bootstrap 4: https://getbootstrap.com/docs/4.0/utilities/sizing/ */
/* Width */
.w-25 {
width: 25% !important;
}
.w-33 {
width: 33% !important;
}
.w-50 {
width: 50% !important;
}
.w-66 {
width: 66% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-25px {
width: 25px !important;
}
.w-50px {
width: 50px !important;
}
.w-75px {
width: 75px !important;
}
.w-100px {
width: 100px !important;
}
.w-125px {
width: 125px !important;
}
.w-150px {
width: 150px !important;
}
.w-175px {
width: 175px !important;
}
.w-200px {
width: 200px !important;
}
.w-300px {
width: 300px !important;
}
.w-400px {
width: 400px !important;
}
.w-500px {
width: 500px !important;
}
/* Height */
.h-25 {
height: 25% !important;
}
.h-33 {
height: 33% !important;
}
.h-50 {
height: 50% !important;
}
.h-66 {
height: 66% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-20px {
height: 20px !important;
}
.h-25px {
height: 25px !important;
}
.h-50px {
height: 50px !important;
}
.h-75px {
height: 75px !important;
}
.h-100px {
height: 100px !important;
}
.h-125px {
height: 125px !important;
}
.h-150px {
height: 150px !important;
}
.h-175px {
height: 175px !important;
}
.h-200px {
height: 200px !important;
}
.h-300px {
height: 300px !important;
}
.h-400px {
height: 400px !important;
}
.h-500px {
height: 500px !important;
}
/* Max width */
.mw-25 {
max-width: 25% !important;
}
.mw-33 {
max-width: 33% !important;
}
.mw-50 {
max-width: 50% !important;
}
.mw-66 {
max-width: 66% !important;
}
.mw-75 {
max-width: 75% !important;
}
.mw-100 {
max-width: 100% !important;
}
.mw-25px {
max-width: 25px !important;
}
.mw-50px {
max-width: 50px !important;
}
.mw-75px {
max-width: 75px !important;
}
.mw-100px {
max-width: 100px !important;
}
.mw-125px {
max-width: 125px !important;
}
.mw-150px {
max-width: 150px !important;
}
.mw-175px {
max-width: 175px !important;
}
.mw-200px {
max-width: 200px !important;
}
.mw-300px {
max-width: 300px !important;
}
.mw-400px {
max-width: 400px !important;
}
.mw-500px {
max-width: 500px !important;
}
/* Max height */
.mh-100 {
max-height: 100% !important;
}
/* Viewport additional helpers */
.min-vw-100 {
min-width: 100vw !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.vw-100 {
width: 100vw !important;
}
.vh-100 {
height: 100vh !important;
}
.p-otto-1 {
padding: 4px !important;
}
.px-otto-1 {
padding-left: 4px !important;
padding-right: 4px !important;
}
.py-otto-1 {
padding-top: 4px !important;
padding-bottom: 4px !important;
}
.pt-otto-1 {
padding-top: 4px !important;
}
.pb-otto-1 {
padding-bottom: 4px !important;
}
.pl-otto-1 {
padding-left: 4px !important;
}
.pr-otto-1 {
padding-right: 4px !important;
}
.p-otto-2 {
padding: 8px !important;
}
.px-otto-2 {
padding-left: 8px !important;
padding-right: 8px !important;
}
.py-otto-2 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.pt-otto-2 {
padding-top: 8px !important;
}
.pb-otto-2 {
padding-bottom: 8px !important;
}
.pl-otto-2 {
padding-left: 8px !important;
}
.pr-otto-2 {
padding-right: 8px !important;
}
.p-otto-4 {
padding: 16px !important;
}
.px-otto-4 {
padding-left: 16px !important;
padding-right: 16px !important;
}
.py-otto-4 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.pt-otto-4 {
padding-top: 16px !important;
}
.pb-otto-4 {
padding-bottom: 16px !important;
}
.pl-otto-4 {
padding-left: 16px !important;
}
.pr-otto-4 {
padding-right: 16px !important;
}
.p-otto-6 {
padding: 24px !important;
}
.px-otto-6 {
padding-left: 24px !important;
padding-right: 24px !important;
}
.py-otto-6 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.pt-otto-6 {
padding-top: 24px !important;
}
.pb-otto-6 {
padding-bottom: 24px !important;
}
.pl-otto-6 {
padding-left: 24px !important;
}
.pr-otto-6 {
padding-right: 24px !important;
}
.m-otto-1 {
margin: 4px !important;
}
.mx-otto-1 {
margin-left: 4px !important;
margin-right: 4px !important;
}
.my-otto-1 {
margin-top: 4px !important;
margin-bottom: 4px !important;
}
.mt-otto-1 {
margin-top: 4px !important;
}
.mb-otto-1 {
margin-bottom: 4px !important;
}
.ml-otto-1 {
margin-left: 4px !important;
}
.mr-otto-1 {
margin-right: 4px !important;
}
.m-otto-2 {
margin: 8px !important;
}
.mx-otto-2 {
margin-left: 8px !important;
margin-right: 8px !important;
}
.my-otto-2 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.mt-otto-2 {
margin-top: 8px !important;
}
.mb-otto-2 {
margin-bottom: 8px !important;
}
.ml-otto-2 {
margin-left: 8px !important;
}
.mr-otto-2 {
margin-right: 8px !important;
}
.m-otto-4 {
margin: 16px !important;
}
.mx-otto-4 {
margin-left: 16px !important;
margin-right: 16px !important;
}
.my-otto-4 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.mt-otto-4 {
margin-top: 16px !important;
}
.mb-otto-4 {
margin-bottom: 16px !important;
}
.ml-otto-4 {
margin-left: 16px !important;
}
.mr-otto-4 {
margin-right: 16px !important;
}
.m-otto-6 {
margin: 24px !important;
}
.mx-otto-6 {
margin-left: 24px !important;
margin-right: 24px !important;
}
.my-otto-6 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.mt-otto-6 {
margin-top: 24px !important;
}
.mb-otto-6 {
margin-bottom: 24px !important;
}
.ml-otto-6 {
margin-left: 24px !important;
}
.mr-otto-6 {
margin-right: 24px !important;
}
/** new style simple lektie, ugeplan, elev response. **/
.laeringsmaal-indicator {
padding: 0;
margin-right: 8px;
border: none;
width: 40px;
height: 40px;
text-align: center;
color: #fff;
line-height: 40px;
font-size: 12px;
}
.opgave-expanded .followup .add-delivery {
text-align: center;
color: #333333;
}
.opgave-expanded .followup .type-browse .dialogBox {
width: 80%;
height: 90%;
}
.opgave-expanded .followup .add-delivery-options > button,
.opgave-expanded .followup .add-delivery-options > div.select-file-type-button,
.opgave-expanded .followup .add-delivery-options .indholdselement-button {
width: calc(25% - 10px);
height: 92px;
}
.opgave-expanded .followup .add-delivery-options .indholdselement-button {
padding: 0;
}
.opgave-expanded .followup .add-delivery-options .indholdselement-button .innerButton {
padding: 20px 10px 10px;
}
.opgave-expanded .followup .add-delivery-options .indholdselement-button .innerButton .icon-wrapper {
height: 32px;
padding: 0;
}
.opgave-expanded .followup .add-delivery-options .indholdselement-button .innerButton .icon-wrapper > img {
padding: 0;
}
.opgave-expanded .followup .add-delivery-options .indholdselement-button:hover {
background-color: white;
}
.opgave-expanded .followup .add-delivery-options > div.select-file-type-button > button {
width: 100%;
height: 92px;
}
.opgave-expanded .followup .add-delivery-options > button,
.opgave-expanded .followup .add-delivery-options > div.select-file-type-button > button {
padding: 20px 10px 10px 10px;
background: white;
border: none;
border-radius: 5px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: stretch;
align-items: stretch;
}
.opgave-expanded .followup .add-delivery-options > button .icon-wrapper img,
.opgave-expanded .followup .add-delivery-options > div.select-file-type-button > button .icon-wrapper img {
height: 32px;
max-width: 80%;
width: auto;
}
.opgave-expanded .followup .add-delivery-options > button .icon-wrapper .fa,
.opgave-expanded .followup .add-delivery-options > div.select-file-type-button > button .icon-wrapper .fa {
font-size: 2.5em;
}
.opgave-expanded .followup .add-delivery-options > button .indholdselement-label,
.opgave-expanded .followup .add-delivery-options > div.select-file-type-button > button .indholdselement-label {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-top: 10px;
font-size: 14px;
}
.opgave-expanded .followup .add-delivery-options > button:after,
.opgave-expanded .followup .add-delivery-options > div.select-file-type-button > button:after {
content: "";
background: transparent;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.select-file-type-button.elevhaefte .dialog .form-group {
width: 300px;
max-width: 90vw;
}
.select-file-type-button.skoletube .dialogContent {
position: relative;
height: 100%;
}
.select-file-type-button.skoletube .skoletube-browser {
height: 100%;
}
.select-file-type-button.skoletube .skoletube-browser .search-form {
margin-top: 0;
}
.select-file-type-button.skoletube .tab-content {
text-align: left;
height: calc(100% - 52px);
margin-top: 10px;
}
.content-view-youtube .media .pull-left > img {
height: 3em;
}
.content-view-youtube .player-state {
font-size: 12px;
}
.content-view-youtube .well {
margin-top: 20px;
}
.content-view-youtube .clickable {
cursor: pointer;
}
.content-view-youtube .search-results {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 5px 0 5px 5px;
}
.content-view-youtube .search-results > button {
cursor: pointer;
-ms-flex: 1 0 30%;
flex: 1 0 30%;
max-width: 250px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 0 5px 0;
border: none;
background: transparent;
width: 100%;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 10px;
transition: 0.5s background-color;
}
.content-view-youtube .search-results > button.selected {
background: rgba(0, 0, 0, 0.1);
}
.content-view-youtube .search-results > button .thumbnail-video {
height: 125px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.content-view-youtube .search-results > button .title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.content-view-youtube .search-text {
margin-top: 10px;
}
.cloud-browser {
position: relative;
}
.cloud-browser .table {
table-layout: fixed;
width: 100%;
}
.cloud-browser .table col.icon {
width: 30px;
}
.cloud-browser .table col.actions {
width: 75px;
}
.cloud-browser .table tbody tr {
cursor: pointer;
}
.cloud-browser .cloud-browser-item {
user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}
.cloud-browser .cloud-browser-item .cloud-browser-item-icon img {
width: 13px;
}
.cloud-browser .cloud-browser-item .cloud-browser-item-icon .cloud-file-icon {
position: relative;
}
.cloud-browser .cloud-browser-item .cloud-browser-item-icon .cloud-file-icon .shortcut {
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
border-radius: 50%;
color: #8f8f8f;
display: -ms-flexbox;
display: flex;
font-size: 8px;
height: 10px;
-ms-flex-pack: center;
justify-content: center;
left: -4px;
position: absolute;
top: 10px;
transform: rotate(-55deg);
width: 10px;
z-index: 1;
}
.cloud-browser .cloud-browser-item .cloud-browser-item-icon .cloud-file-icon .shortcut + .md-folder {
color: #8f8f8f;
}
.cloud-browser .selected {
background-color: #f5f5f5;
}
.cloud-browser tr.back:focus {
outline: none;
}
.content-edit-cloudfile .chosen-file-label {
font-weight: bold;
margin-bottom: 5px;
}
.content-edit-cloudfile .chosen-file-label + .media {
margin-top: 5px;
}
/* removed: @import (reference) '~bootstrap/less/variables.less'; */
.content-view-link.content-view-link-default {
border: 1px solid #1771BF;
padding: 15px;
}
.content-view-link.content-view-link-default a,
.content-view-link.content-view-link-default a:hover {
text-decoration: none;
color: #333333;
}
.content-view-link.content-view-link-default a:hover div.subject {
text-decoration: underline;
}
.content-view-link.content-view-link-default .media-object i,
.content-view-link.content-view-link-default div.subject {
color: #1771BF;
}
.content-view-link.content-view-link-with-icon {
display: block;
padding: 10px 15px;
border: 1px solid #1771BF;
}
.content-view-link.content-view-link-with-icon:hover,
.content-view-link.content-view-link-with-icon:focus {
text-decoration: none;
color: #1771BF;
}
.content-view-youtube .search-results > button {
width: calc(50% - 30px);
}
.content-view-youtube .search-results > button .thumbnail {
background-color: white;
margin-bottom: 0;
}
.content-view-link {
border: none;
padding: 0;
}
.content-view-link:hover,
.content-view-link:focus {
background-color: #f5f5ff;
}
.dialog {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
}
.dialog .dialogBox {
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
max-width: 100%;
max-height: 90%;
padding: 20px;
background-color: #fff;
box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.5);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.dialog .dialogBox .dialogContent {
-ms-flex: 1;
flex: 1;
overflow-y: auto;
}
.dialog .dialogBox .dialogHeader {
margin-top: 10px;
}
.dialog .dialogBox .dialogFooter {
margin-top: 10px;
text-align: right;
}
.dialog .dialogModal {
background-color: #000;
opacity: 0.3;
}
.dialog.dialogCloseable .dialogBox {
padding: 32px;
}
.dialog.dialogCloseable .dialogBox .buttonClose {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
padding: 8px;
width: 32px;
height: 32px;
border: none;
background: transparent;
opacity: 0.6;
}
.dialog.dialogCloseable .dialogBox .buttonClose:hover {
opacity: 1;
}
.dialog.dialogAlert .dialogBox {
min-width: 300px;
min-height: 160px;
}
.dialog.dialog-appear:not(.dialog-appear-active) .dialogBox,
.dialog.dialog-enter:not(.dialog-enter-active) .dialogBox,
.dialog.dialog-exit.dialog-exit-active .dialogBox {
opacity: 0;
transform: translate(-50%, -50%) translateY(-50px) scale(1.1);
box-shadow: 1px 10px 50px rgba(0, 0, 0, 0.5);
}
.dialog.dialog-appear:not(.dialog-appear-active) .dialogModal,
.dialog.dialog-enter:not(.dialog-enter-active) .dialogModal,
.dialog.dialog-exit.dialog-exit-active .dialogModal {
opacity: 0;
}
.dialog.dialog-appear.dialog-appear-active .dialogBox,
.dialog.dialog-enter.dialog-enter-active .dialogBox,
.dialog.dialog-exit.dialog-exit-active .dialogBox {
transition: opacity 0.3s, transform 0.3s, box-shadow 0.3s;
}
.dialog.dialog-appear.dialog-appear-active .dialogModal,
.dialog.dialog-enter.dialog-enter-active .dialogModal,
.dialog.dialog-exit.dialog-exit-active .dialogModal {
transition: opacity 0.3s;
}
.dialogModal {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
div.questionnaire .section > h2 {
background: #5c5c5c;
color: white;
font-size: 18.2px;
line-height: 1.42857143;
padding: 6px 12px;
}
div.questionnaire .section > h2 + .help-block {
padding-left: 12px;
padding-right: 12px;
}
div.questionnaire .checkbox-group {
padding: 0 12px;
}
div.questionnaire .checkbox-group > .checkbox {
display: inline-block;
margin-right: 12px;
}
div.questionnaire .cross-table > .table-wrapper {
margin: 0 12px;
}
div.questionnaire .cross-table > .table-wrapper > table.table col.labels {
width: 100px;
}
div.questionnaire .cross-table > .table-wrapper > table.table col.field-text {
width: auto;
}
div.questionnaire .cross-table > .table-wrapper > table.table col.field-checkbox {
width: 80px;
}
div.questionnaire .field-checkbox-group-horizontal .checkbox,
div.questionnaire .field-checkbox-group-horizontal .checkbox-styled {
margin-top: 0;
}
div.questionnaire .field-radio-group .checkbox,
div.questionnaire .field-checkbox-group-vertical .checkbox,
div.questionnaire .field-radio-group .checkbox-styled,
div.questionnaire .field-checkbox-group-vertical .checkbox-styled {
display: block;
}
div.questionnaire .checkbox-group > .checkbox > .checkbox-styled:first-of-type,
div.questionnaire .field-checkbox-vertical > .col-md-12 > .checkbox > .checkbox-styled {
padding-left: 0;
}
div.questionnaire div.checkbox > div:before {
border: 1px solid currentColor;
}
div.questionnaire .text-bold {
font-weight: bold;
}
@media (min-width: 992px) {
div.questionnaire .erfaringTable table td:first-child {
width: 275px;
}
}
@media print {
div.questionnaire .section > h2 {
font-size: 14px;
}
div.questionnaire .section .text-user {
word-wrap: break-word;
}
div.questionnaire table {
max-width: 100%;
table-layout: fixed;
}
div.questionnaire table tr {
page-break-after: auto;
page-break-inside: avoid;
}
}
.hent-forloeb-button {
margin-top: 8px;
}
.hent-forloeb-button.animate-back-to-initial-button .animated-content-before {
opacity: 0.65;
}
.klasse-trin {
position: relative;
z-index: 11;
display: inline-block;
}
.klasse-trin .dropdown {
width: 150px;
}
.klasse-trin .text-muted {
font-size: 12px;
margin-top: 8px;
}
.aarsplansskabelondeling .header-wrapper {
padding: 0;
}
.aarsplansskabelondeling .content-wrapper {
margin-right: -30px;
margin-top: 16px;
}
.aarsplansskabelondeling .personer .institution {
font-size: 12px;
}
.aarsplansskabelondeling .personer .row > div:nth-child(odd) {
padding-right: 8px;
}
.aarsplansskabelondeling .personer .row > div:nth-child(even) {
padding-left: 8px;
}
.aarsplansskabelondeling .personer .list-item-person {
height: 54px;
}
.aarsplansskabelondeling .select-search {
background-color: #f5f5f5;
padding: 16px;
height: 100px;
}
.add-content-box {
position: relative;
margin: 40px 0;
padding: 40px 20px 20px;
border-radius: 10px;
}
.add-content-box .add-icon {
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
padding: 20px;
font-size: 40px;
border-radius: 40px;
width: 80px;
height: 80px;
text-align: center;
color: rgba(0, 0, 0, 0.6);
background-color: inherit;
}
.add-content-box.contrast-white .add-icon {
color: rgba(255, 255, 255, 0.6);
}
.add-content-box .indholdselement-button {
background-color: #FFFFFF;
}
.aflevering-icon-container {
position: absolute;
top: 0;
left: 0;
}
.aflevering-icon-container .label {
position: absolute;
top: 4px;
left: -4px;
font-size: 9px;
background-color: #c94a4a;
z-index: 1;
}
.aflevering .modified-warning-icon {
color: #994444;
font-size: 14px;
}
.animated-content-button {
position: relative;
overflow: hidden;
}
.animated-content-button .placeholder-for-sizing-the-button {
opacity: 0;
}
.animated-content-button .animated-content {
position: absolute;
transition: all 300ms ease-in-out;
left: 50%;
transform: translate(-50%, -50%);
}
.animated-content-button .animated-content.animate-down-and-out,
.animated-content-button .animated-content.animate-up-and-out {
top: 50%;
}
.animated-content-button .animated-content.animate-down-and-in,
.animated-content-button .animated-content.animated-up-and-out {
top: -8px;
}
.animated-content-button .animated-content.animated-down-and-out,
.animated-content-button .animated-content.animate-up-and-in {
top: 40px;
}
.animated-content-button .animated-content.animated-down-and-in,
.animated-content-button .animated-content.animated-up-and-in {
top: 50%;
}
.arrows {
display: -ms-flexbox;
display: flex;
}
.arrows .btn-next,
.arrows .btn-previous {
color: #ffffff;
font-size: 18px;
}
.assignment-list {
text-align: left;
}
.assignment-list .assignment {
margin-bottom: 16px;
}
.assignment-list .assignment:last-child {
margin-bottom: 0;
}
.completed-opacity-transition,
.assignment .assignment-checkbox-label,
.assignment .assignment-tags {
transition: opacity 0.3s ease-in-out;
transition-delay: 0.2s;
}
.assignment .assignment-checkbox-label {
padding: 0;
position: relative;
text-align: left;
white-space: normal;
}
.assignment .assignment-checkbox-label span.line {
overflow-wrap: break-word;
word-break: break-word;
}
.assignment .assignment-checkbox-label span.line.strike {
animation: strike 1s ease-in;
text-decoration: line-through;
}
.assignment .assignment-checkbox-label .icon-wrapper {
margin-right: 4px;
}
.assignment .assignment-checkbox-label .icon-wrapper img {
margin-top: -2px;
height: auto;
width: auto;
max-width: 16px;
max-height: 16px;
}
.assignment .assignment-checkbox-label .icon-wrapper.youtube img {
height: 16px;
}
.assignment.completed .assignment-checkbox-label .line {
width: 100%;
}
.assignment.completed .assignment-checkbox-label .line:hover {
border-color: #0F4B7F;
}
.assignment.completed .assignment-checkbox-label,
.assignment.completed .assignment-content-preview,
.assignment.completed .assignment-tags {
opacity: 0.65;
}
.assignment .assignment-tags {
margin-top: 2px;
}
.assignment .assignment-content-preview {
margin-bottom: 4px;
max-height: 68px;
overflow-wrap: break-word;
word-break: break-word;
display: block;
display: -webkit-box;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/*! autoprefixer: on */
position: relative;
line-height: 1.2;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 !important;
-webkit-line-clamp: 4;
max-height: 4.8em;
}
@supports (-webkit-line-clamp: 1) {
.assignment .assignment-content-preview:after {
display: none !important;
}
}
.assignment .assignment-content-preview p {
margin-bottom: 0;
}
.assignment .checkbox-styled {
margin-bottom: 2px;
}
.assignment .checkbox-styled > div:before {
top: 11px;
}
.assignment.with-checkbox .assignment-tags {
padding-left: 28px;
}
.assignment.with-checkbox .assignment-content-preview {
padding-left: 30px !important;
}
@keyframes strike {
0% {
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
}
25% {
-webkit-text-decoration-color: #1771BF;
text-decoration-color: #1771BF;
}
50% {
-webkit-text-decoration-color: #3277b3;
text-decoration-color: #3277b3;
}
75% {
-webkit-text-decoration-color: #2a6293;
text-decoration-color: #2a6293;
}
100% {
-webkit-text-decoration-color: #255783;
text-decoration-color: #255783;
}
}
.assignment-placement {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.assignment-placement-select {
width: 50%;
padding-right: 15px;
}
@media (max-width: 991px) {
.assignment-placement-select {
width: 100%;
padding-right: 0;
}
.assignment-placement-select.withKlokken {
width: 50%;
padding-right: 15px;
}
}
.assignment-placement-time-select {
width: 50%;
}
.edit-assignment {
height: calc(100% - 52px);
}
.edit-assignment .react-datepicker-wrapper,
.edit-assignment .react-datepicker__input-container {
width: 100%;
}
.edit-assignment-section {
margin-bottom: 24px;
height: calc(100% - 52px);
overflow-y: auto;
overflow-x: hidden;
}
.edit-assignment-title,
.edit-assignment-due-date {
margin-bottom: 8px;
}
.edit-assignment-repeat {
margin-bottom: 8px;
margin-top: 8px;
}
.edit-assignment-repeat > label {
margin-bottom: 0;
}
.edit-assignment-repeat .times-to-repeat {
margin-left: 34px;
animation: enter 0.3s;
}
.edit-assignment-repeat .text-field.times-to-repeat {
width: 58px;
display: inline-block;
margin-left: 8px;
margin-right: 8px;
}
.edit-assignment-groups {
margin-bottom: 8px;
}
.edit-assignment-types {
display: inline-block;
width: 100%;
}
.edit-assignment-types .otto-label {
margin-top: 0;
}
.edit-assignment-types-list {
width: 95%;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 8px;
}
@media (min-width: 768px) {
.edit-assignment-types-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.edit-assignment-types-list .indholdselement-modern-button {
margin-top: 0;
margin-bottom: 0;
min-width: 86px;
}
.edit-assignment-types-list .edit-assignment-type-button-wrapper {
margin-bottom: 0;
}
.edit-assignment-types-list .edit-assignment-type-button-wrapper:last-child {
margin-right: 0;
}
.edit-assignment-types-list .edit-assignment-type-button-wrapper.selected .indholdselement-button {
background-color: #f3f6f9;
}
.edit-assignment-types-list .edit-assignment-type-button-wrapper .indholdselement-button {
margin-top: 0;
margin-bottom: 0;
width: 86px;
height: 82px;
}
.edit-assignment-types-list .edit-assignment-type-button-wrapper .indholdselement-button.assignment {
width: 120px;
}
.edit-assignment-types-list .edit-assignment-type-button-wrapper .indholdselement-button .innerButton {
padding: 10px 0;
}
.edit-assignment-types-list .edit-assignment-type-button-wrapper .indholdselement-button .innerButton .icon-wrapper {
max-height: 32px;
}
.edit-assignment-types-list .edit-assignment-type-button-wrapper .indholdselement-button .innerButton .indholdselement-label {
font-size: 12px;
}
.edit-assignment-types-list .edit-assignment-type-button-wrapper .indholdselement-button:focus {
outline-width: 0;
background-color: #e5ecf3;
}
.edit-assignment-types-list .edit-assignment-type-button-wrapper .indholdselement-button:hover {
background-color: #e5ecf3;
}
.edit-assignment #google-edit1-newDescription {
min-height: 105px;
}
.edit-assignment .assignment-action-delete-button {
top: 85px;
}
.edit-assignment .edit-assignment-actions {
text-align: right;
height: 52px;
padding: 8px 24px;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.edit-assignment .edit-assignment-actions > h3 {
margin-top: 4px;
margin-bottom: 0;
}
.edit-assignment .edit-assignment-content {
height: 100%;
overflow-y: auto;
padding: 0 24px 24px;
}
.edit-assignment .edit-assignment-content .edit-assignment-title {
margin-top: 16px;
}
.edit-assignment .edit-assignment-placement {
margin-bottom: 8px;
}
@media (min-width: 992px) {
.edit-assignment .time-select {
height: 0;
}
}
.edit-assignment-repeat-options label {
display: block;
}
.edit-assignment-repeat-options label input {
margin-right: 4px;
}
@keyframes enter {
from {
height: 0;
opacity: 0;
}
to {
height: 35px;
opacity: 1;
}
}
.assignment-schedule-mini .week-navigation {
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
margin-bottom: 2px;
padding: 4px;
}
.assignment-schedule-mini .week-header .day-header.present {
background: white;
}
.assignment-container {
height: calc(100% - 52px);
}
.assignment-container .assignment-action-edit-button {
top: 85px;
}
.assignment-container .assignment-action-delete-button {
top: 146px;
}
.assignment-container .assignment-container-actions-xs {
text-align: right;
height: 52px;
padding: 8px 24px;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.assignment-container .assignment-container-actions-xs .assignment-delete-button {
float: left;
}
@media (min-width: 768px) {
.assignment-container {
height: 100%;
}
}
.assignment-schedule .day-header {
border-right: 1px solid #cccccc;
}
.assignment-schedule .day-header:last-child {
border-right: none;
}
.assignment-schedule .assignment-list {
padding: 16px;
}
.assignment-schedule .assignment-list .assignment .assignment-content-preview {
color: #4d4d4d;
}
.assignment-schedule .assignment-list .assignment .assignment-content-preview .attachment {
z-index: 4;
}
.assignment-schedule-create-new-assignment-btn {
padding: 0;
margin-bottom: 24px;
}
.assignment-schedule-create-new-assignment-btn-text {
margin-left: 8px;
}
.assignment-header {
position: relative;
padding: 16px 16px 0 16px;
}
.assignment-header h3,
.assignment-header .h3 {
margin: 0;
padding: 0;
font-size: 24px;
line-height: 34px;
}
.assignment-header h3 input,
.assignment-header .h3 input {
font-size: 24px;
}
.assignment-header h3 {
width: calc(100% - 170px);
}
.assignment-header .h3 {
width: 264px!important;
}
.assignment-header .assignment-header__name .name-input {
font-size: 24px;
padding-left: 0!important;
}
.assignment-header .assignment-header__deadline {
line-height: 34px;
}
.assignment-header .deadline-field {
padding-left: 0!important;
color: #777777 !important;
font-weight: 400!important;
}
.assignment-header .remove-from-assignment-list {
position: absolute;
top: 16px;
right: 16px;
}
.attachment {
border-radius: 0;
margin-bottom: 4px;
margin-top: 4px;
text-align: left;
position: relative;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 100fr 1fr;
grid-template-columns: 1fr 100fr 1fr;
background-color: #ffffff;
}
.attachment .image {
position: relative;
display: inline-block;
height: 40px;
width: 32px;
background: transparent;
padding: 0;
outline: none;
border: none;
}
.attachment .image img {
width: 100%;
height: auto;
max-height: 100%;
}
.attachment .image .icon-thumbnail {
width: 32px;
height: 40px;
top: 0;
left: 0;
}
.attachment .image[disabled] {
opacity: 1;
cursor: auto;
color: #4d4d4d;
}
.attachment .font-icon {
font-size: 2.5em;
}
.attachment .text {
display: inline-block;
width: 100%;
overflow: hidden;
vertical-align: top;
padding: 0 8px 0 8px;
word-break: break-word;
}
.attachment .text .truncate {
display: inline;
}
.attachment .text .fa-spinner,
.attachment .text .fa-exclamation-circle {
margin-right: 4px;
}
.attachment .text .name {
max-width: 100%;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
border: none;
padding: 0;
}
.attachment .text .name[disabled] {
color: #4d4d4d;
opacity: 1;
cursor: default;
}
.attachment .text .description {
font-size: 12px;
position: relative;
}
.attachment .delete-attachment {
display: block;
padding: 0;
}
.attachment .delete-attachment span {
margin-right: 5px;
}
.attachment .actions {
vertical-align: top;
float: right;
}
.attachment .actions button {
border: none;
background-color: transparent;
outline: none;
}
.attachment .actions .edit .icon {
font-size: 18px;
margin-top: -3px;
}
.attachment.error .text .name,
.attachment.error .text .description {
color: #a24037;
}
.attachment.is-loading {
cursor: auto;
}
.attachment.has-border {
border: 1px solid #cccccc;
padding: 8px;
}
.attachment.is-disabled {
opacity: 0.7;
}
.attachment.no-grid {
display: -ms-flexbox;
display: flex;
height: 100%;
}
.attachment.size-small.has-border {
padding: 4px;
}
.attachment.size-small .description {
font-size: 11px;
}
.attachment.size-small .image {
line-height: 15px;
height: 17px;
width: 13px;
}
.attachment.size-small .image .icon-thumbnail {
width: 13px;
height: 17px;
}
.attachment.size-small .name {
font-size: 12px;
}
.attachment.size-small .font-icon {
font-size: 1em;
}
.attachment.size-small .actions .edit {
padding: 0;
padding-right: 4px;
}
.attachment.size-small .actions .edit .icon {
font-size: 14px;
}
.attachment-container {
position: relative;
text-align: center;
padding: 16px;
z-index: 0;
margin-top: 8px;
}
.attachment-container .attachment {
margin-top: 8px;
}
.attachment-modern-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 8px;
}
.attachment-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.attachment-wrapper rect.dashed-border {
width: 100%;
height: 100%;
stroke-dasharray: 5 5;
stroke: #cccccc;
fill: #fff;
}
.attachment-wrapper.solid-border {
background-color: #FFFFFF;
border: 1px solid #cccccc;
}
.attachment-wrapper-edit-button {
position: absolute;
top: 0;
right: 0;
z-index: 2;
}
.attachment-wrapper-edit-button .icon {
font-size: 1.2em;
color: #a2a2a2;
}
.attachment-wrapper-edit-button:hover .icon {
color: #464646;
}
.avatar-speech-bubble {
display: -ms-flexbox;
display: flex;
margin-top: 8px;
}
.avatar-speech-bubble .avatar {
display: inline-block;
width: 33px;
height: 33px;
margin-right: 16px;
}
.avatar-speech-bubble .speech-bubble {
display: inline-block;
width: calc(100% - 33px);
word-break: break-word;
}
.avatar-speech-bubble .date {
margin-top: 8px;
}
.avatar-speech-bubble .date::first-letter {
text-transform: capitalize;
}
.avatar-speech-bubble .react-datepicker-wrapper {
display: block;
width: 50%;
padding-right: 15px;
margin-bottom: 8px;
}
.avatar-speech-bubble .time-select {
height: 28px;
}
.avatar-speech-bubble-profile-image {
width: 33px;
height: 33px;
border-radius: 16px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}
.speech-bubble {
position: relative;
padding: 16px;
min-height: 70px;
background-color: #FFFFFF;
border: 2px solid #5480ae;
border-radius: 2px;
color: #000000;
border: 2px solid #cccccc;
}
.speech-bubble:before,
.speech-bubble:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
}
.speech-bubble:after {
top: 8px;
left: -7px;
border-width: 8px 8px 8px 0;
border-color: transparent #FFFFFF transparent transparent;
}
.speech-bubble:before {
top: 8px;
left: -10px;
border-width: 8px 8px 8px 0;
border-color: transparent #cccccc transparent transparent;
}
.speech-bubble.elev {
border: 2px solid #64aa59;
}
.speech-bubble.elev:before {
top: 8px;
left: -10px;
border-width: 8px 8px 8px 0;
border-color: transparent #64aa59 transparent transparent;
}
.speech-bubble.laerer {
border: 2px solid #5480ae;
}
.speech-bubble.laerer:before {
top: 8px;
left: -10px;
border-width: 8px 8px 8px 0;
border-color: transparent #5480ae transparent transparent;
}
.speech-bubble .buttons > .btn {
margin-left: 5px;
}
.speech-bubble .bubble-edit-buttons {
color: #aaa;
position: relative;
bottom: 4px;
}
.speech-bubble .er-oprettet-af b {
font-weight: 600;
}
.speech-bubble .text-muted {
color: #777777;
}
.view-assignment {
height: 100%;
overflow-y: auto;
padding: 0 24px 24px;
}
.view-assignment .assignment-due-date {
padding-bottom: 8px;
}
.view-assignment-type-icon {
margin-right: 8px;
}
.view-assignment-type-icon img {
width: auto;
height: 24px;
}
.back-navigation-bar {
position: relative;
background: #fff;
box-shadow: 0px 2px rgba(0, 0, 0, 0.2);
border-top: 1px solid #DDDDD6;
}
.back-navigation-bar img {
height: 45px;
margin-top: 5px;
margin-right: 10px;
}
.back-navigation-bar .pull-left:nth-child(2) {
max-width: calc(100% - 50px);
}
.back-navigation-bar h4 {
line-height: 50px;
margin: 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.back-navigation-bar h4 a {
color: #4d4d4d;
}
.back-navigation-bar h4 a:hover,
.back-navigation-bar h4 a:visited,
.back-navigation-bar h4 a:focus {
text-decoration: none;
color: #4d4d4d;
}
.book {
width: 123px;
height: 141px;
display: inline-block;
position: relative;
cursor: pointer;
text-decoration: none;
border-top-left-radius: 12px 6px;
}
.book:hover {
text-decoration: none;
}
.book .book-top {
height: 9px;
width: 100%;
background: #fff;
border-top-left-radius: 12px 6px;
}
.book .book-top-corner {
width: 24px;
height: 13px;
border-top-left-radius: 12px 6px;
border-top-right-radius: 12px 6px;
border-bottom-right-radius: 12px 6px;
border-bottom-left-radius: 12px 6px;
margin-top: 1px;
float: left;
}
.book .book-cover {
position: relative;
}
.book .book-cover .book-ikon {
height: 57px;
width: 45px;
margin: 0px auto;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.book .book-cover .book-fag {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 9px;
text-align: center;
text-decoration: none;
color: #4d4d4d;
padding-left: 8px;
padding-right: 8px;
}
.book .book-cover .book-fag.with-icon {
text-align: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
white-space: normal;
margin: 11px 8px 2px 8px;
padding: 0 0 2px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
.book .book-cover .book-fag.with-icon .fagNavn {
line-height: 15px;
font-size: 12px;
display: block;
display: -webkit-box;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/*! autoprefixer: on */
position: relative;
line-height: 1.2;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 !important;
-webkit-line-clamp: 2;
max-height: 2.4em;
}
@supports (-webkit-line-clamp: 1) {
.book .book-cover .book-fag.with-icon .fagNavn:after {
display: none !important;
}
}
.book .book-cover .book-fag.with-icon .book-ikon {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-positive: 0;
flex-grow: 0;
display: block;
height: 30px;
width: 24px;
float: left;
margin: 0;
}
.book .book-top-border {
height: 3px;
position: relative;
top: 1px;
margin-left: 11px;
}
.book .book-top-corner-overlay {
width: 32px;
height: 5px;
border-top-left-radius: 12px 5px;
border-top-right-radius: 12px 5px;
border-bottom-right-radius: 12px 5px;
border-bottom-left-radius: 12px 5px;
background: #fff;
float: left;
position: relative;
left: -20px;
top: 4px;
}
.book .book-details {
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 8px;
padding-right: 8px;
}
.book .book-details .navn {
font-size: 14px;
}
.book .book-details .subnavn {
font-size: 11px;
}
.book .book-details hr {
margin-top: 2px;
margin-bottom: 2px;
width: 100%;
opacity: 0.5;
margin: 0;
}
.book .book-details.long-text {
white-space: normal;
text-align: left;
}
.book .book-details.long-text span.navn {
font-size: 12px;
display: block;
display: -webkit-box;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/*! autoprefixer: on */
position: relative;
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 !important;
-webkit-line-clamp: 4;
max-height: 6em;
}
@supports (-webkit-line-clamp: 1) {
.book .book-details.long-text span.navn:after {
display: none !important;
}
}
.book .book-shadow .book-shadow-top {
background: rgba(0, 0, 0, 0.2);
position: absolute;
top: 11px;
bottom: 27px;
width: 11px;
left: -11px;
border-top-left-radius: 6px 3px;
}
.book .book-shadow .book-shadow-bottom {
width: 0;
height: 0;
border-style: solid;
border-width: 0 11px 25px 0;
border-color: transparent #8b714a transparent transparent;
position: absolute;
bottom: 2px;
left: -11px;
}
.book .book-left-border {
width: 3px;
position: absolute;
top: 11px;
bottom: 0px;
}
.book .book-left-border .book-left-border-top {
width: 0;
height: 0;
border-style: solid;
border-width: 3px 0 0 3px;
position: relative;
top: -3px;
}
.book-shelves {
background: repeating-linear-gradient(transparent, transparent 142px, #AF8F5D 142px, #AF8F5D 181px, #DABE93 181px, #DABE93 190px, transparent 190px, transparent 218px);
}
.book-shelves .book-container {
display: inline-block;
padding-top: 28px;
padding-left: 40px;
height: 218px;
}
.book-icon {
width: 48.64px;
height: 55.68px;
border-top-left-radius: 4.8px 2.56px;
display: inline-block;
position: relative;
cursor: pointer;
text-decoration: none;
box-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}
.book-icon:hover {
text-decoration: none;
}
.book-icon .book-top {
height: 3.52px;
width: 100%;
background: #fff;
border-top-left-radius: 4.8px 2.56px;
}
.book-icon .book-top-corner {
width: 9.6px;
height: 5.12px;
border-top-left-radius: 4.8px 2.56px;
border-top-right-radius: 4.8px 2.56px;
border-bottom-right-radius: 4.8px 2.56px;
border-bottom-left-radius: 4.8px 2.56px;
margin-top: 0.32px;
float: left;
}
.book-icon .book-cover {
position: relative;
height: calc(100% - (11px * 0.32));
}
.book-icon .book-cover .book-ikon {
height: 100%;
width: 34.24px;
margin: 0px auto;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.book-icon .book-top-border {
height: 1.28px;
position: relative;
top: 0.32px;
margin-left: 4.48px;
}
.book-icon .book-top-corner-overlay {
width: 12.48px;
height: 1.92px;
border-top-left-radius: 4.8px 1.92px;
border-top-right-radius: 4.8px 1.92px;
border-bottom-right-radius: 4.8px 1.92px;
border-bottom-left-radius: 4.8px 1.92px;
background: #fff;
float: left;
position: relative;
left: -8px;
top: 1.6px;
}
.book-icon .book-left-border {
width: 1.28px;
position: absolute;
top: 4.16px;
bottom: 0px;
}
.book-icon .book-left-border .book-left-border-top {
width: 0;
height: 0;
border-style: solid;
border-width: 1.28px 0 0 1.28px;
position: relative;
top: -1px;
}
.booklet {
overflow: hidden;
}
.booklet .page-utility-button-container {
position: absolute;
right: -50px;
top: 140px;
}
.booklet-customizer .btn-save-customization {
position: absolute;
top: 39px;
right: 54px;
z-index: 1;
}
.booklet-customizer .dialog-column {
width: 80%;
margin: 20px auto;
}
.booklet-customizer .color-picker {
margin-top: 74px;
}
.booklet-entry {
position: relative;
}
.booklet-entry .dialog-in-page-container,
.booklet-entry .loading-spinner-container {
right: -54px;
}
.booklet-entry .entry-item {
margin-top: 20px;
}
.booklet-entry .entry-item-editable a:hover .subject {
text-decoration: none;
}
.booklet-entry .entry-editor {
margin-top: 20px;
}
.booklet-entry .user-text img {
max-width: 100%;
}
.booklet-entry .content-edit-link .form-group:first-child label {
margin-top: 0;
}
.booklet-entry .content-edit-link label {
font-weight: normal;
margin-bottom: 0;
margin-top: 10px;
}
.booklet-entry .link-view {
padding: 15px;
border: solid 1px #1771BF;
}
.booklet-entry .link-view i {
color: #1771BF;
}
.booklet-entry .blocking-click-surface {
cursor: pointer;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.entry-editor-youtube .icon-wrapper > * {
max-height: 32px;
width: 45px;
}
.booklet-entry-edit-wrapper .editor {
padding: 20px;
border: 10px solid;
}
.booklet-entry-edit-wrapper .editor-header {
height: 60px;
}
.booklet-entry-edit-wrapper .editor-header h3 {
margin: 0;
}
.booklet-entry-edit-wrapper .editor-header h3 .icon-wrapper {
margin-right: 15px;
max-height: 32px;
}
.booklet-entry-edit-wrapper .editor-header h3 .icon-wrapper > img {
max-width: 60px;
}
.booklet-entry-edit-wrapper .editor-header h3 .indholdselement-label {
font-size: 19px;
font-weight: bold;
display: inline;
}
.booklet-entry-edit-wrapper .editor-sidebar {
position: absolute;
right: -44px;
top: 10px;
outline: 10px solid;
}
.booklet-entry-edit-wrapper .editor-sidebar .rearranger.indholdselement-arrows {
margin-bottom: 15px;
}
.booklet-entry-edit-wrapper .editor-sidebar .rearranger.indholdselement-arrows button {
border: 1px solid #4d4d4d;
color: #4d4d4d;
}
.booklet-entry-edit-wrapper .editor-sidebar .rearranger.indholdselement-arrows button[disabled] {
cursor: not-allowed !important;
opacity: 0.65;
pointer-events: all;
}
.booklet-entry-edit-wrapper .editor-sidebar button {
background-color: white;
width: 44px;
padding: 0;
display: block;
}
.booklet-entry-edit-wrapper .dialog-in-page-container {
right: -54px;
}
.booklet-header .header-container {
padding: 10px;
}
.booklet-header h1 {
margin: 0;
font-size: 38px;
line-height: 1.7em;
color: #000000;
}
.booklet-header .header-text {
padding-left: 5px;
padding-right: 6px;
overflow: hidden;
white-space: nowrap;
}
.booklet-header .header-form {
display: table-cell;
width: 10000px;
}
.booklet-header .header-form .header-input {
margin: 0;
height: 1.7em;
font-size: 38px;
padding: 6px, 0;
color: #000000;
}
.booklet-header .header-icon {
height: 1.7em;
width: 1.5em;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.booklet-header.booklet-white-contrast .header-text {
color: #FFFFFF;
}
.booklet-header.booklet-white-contrast .form-transparent.header-form .header-input {
color: #FFFFFF;
border-color: #FFFFFF;
}
.booklet-page {
margin-right: 65px;
}
.booklet-page .booklet-content {
margin-bottom: 80px;
}
.booklet-inner {
margin-top: 30px;
}
.booklet-inner .booklet-border {
position: relative;
min-height: 1000px;
padding: 15px;
background-color: white;
border-color: #abd4d6;
border-style: solid;
border-width: 10px 16px 18px 18px;
}
.booklet-inner .booklet-off-left-layout {
position: absolute;
width: 940px;
left: -958px;
top: -10px;
bottom: -18px;
}
.booklet-inner .booklet-off-right-layout {
position: absolute;
top: -50px;
right: -350px;
}
.booklet-inner .protractor {
position: absolute;
top: 600px;
right: 50px;
width: 250px;
height: 220px;
}
.booklet-inner .pen {
position: absolute;
top: 150px;
right: 200px;
width: 80px;
height: 283px;
}
.booklet-inner .checkered {
position: absolute;
top: 70px;
right: -200px;
width: 350px;
height: 402px;
}
.booklet-inner .banana {
position: absolute;
top: 120px;
right: 40px;
width: 200px;
height: 287px;
transform: scaleX(-1);
}
.booklet-inner .books {
position: absolute;
top: 500px;
right: -200px;
width: 450px;
height: 475px;
}
.booklet-inner .paperclip {
position: absolute;
top: 450px;
right: 220px;
width: 40px;
}
.booklet-inner.autowidth {
display: inline-block;
max-width: 100%;
margin-left: 50%;
transform: translate(-50%);
width: auto;
padding-right: 50px;
min-width: 100%;
}
@media (min-width: 768px) {
.booklet-inner.autowidth {
min-width: 750px;
}
}
@media (min-width: 992px) {
.booklet-inner.autowidth {
min-width: 970px;
}
}
@media (min-width: 1200px) {
.booklet-inner.autowidth {
min-width: 1170px;
}
}
.booklet-inner.autowidth .booklet-border {
border-right-width: 17px;
}
.calculator-theme {
background-image: url(/Node/assets/images/calculator-right-9a79ccfa07.svg);
background-size: auto 1000px;
background-position: right -85px top -20px;
background-repeat: no-repeat;
}
.calculator-theme .booklet-off-left-layout {
background-image: url(/Node/assets/images/calculator-left-b27312ad33.svg);
background-size: 30% auto;
background-position: 90% 100px;
background-repeat: no-repeat;
}
.checkbox-styled {
font-weight: inherit;
}
label.checkbox-styled {
cursor: pointer;
}
.checkbox-styled > div {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding-left: 32px;
position: relative;
display: inline-block;
line-height: 22px;
min-height: 22px;
}
.checkbox-styled > div:empty {
padding-left: 22px;
}
.checkbox-styled > div:before {
display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
line-height: inherit;
vertical-align: bottom;
content: " ";
height: 22px;
width: 22px;
display: block;
border-radius: 0px;
color: #ccc;
border: 1px solid transparent;
position: absolute;
top: 50%;
left: 0;
margin-top: -11px;
text-align: center;
font-size: 20px;
}
.checkbox-styled > input[type=checkbox] ~ div:before {
border-color: currentColor;
}
.checkbox-styled:focus > input[type=checkbox] ~ div:before,
.checkbox-styled:hover > input[type=checkbox] ~ div:before {
color: #a6a6a6;
}
.checkbox-styled:focus > input[type=checkbox]:checked ~ div:before,
.checkbox-styled:hover > input[type=checkbox]:checked ~ div:before {
color: #737373;
}
.checkbox-styled > input[type=checkbox] {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
opacity: 0;
}
.checkbox-styled > input[type=checkbox]:checked ~ div:before,
.checkbox-styled.checked > div:before {
content: "\F12C";
color: #4d4d4d;
}
.checkbox-styled.checked-negative > div:before {
content: "\F156";
color: #994444;
}
.checkbox-styled.color-red > input[type=checkbox]:checked ~ div:before,
.checkbox-styled.color-red > div:before {
color: #994444;
}
.checkbox-styled.color-red:focus > input[type=checkbox] ~ div:before,
.checkbox-styled.color-red:hover > input[type=checkbox] ~ div:before,
.checkbox-styled.color-red:focus > div:before,
.checkbox-styled.color-red:hover > div:before {
color: #be6c6c;
}
.checkbox-styled.color-green > input[type=checkbox]:checked ~ div:before {
color: #82c46c;
}
.checkbox-styled.color-green:focus > input[type=checkbox] ~ div:before,
.checkbox-styled.color-green:hover > input[type=checkbox] ~ div:before,
.checkbox-styled.color-green:focus > div:before,
.checkbox-styled.color-green:hover > div:before {
color: #b0daa3;
}
.checkbox-styled.color-black > input[type=checkbox] ~ div:before {
color: #4d4d4d;
}
.checkbox-styled > input:disabled[type=checkbox] ~ div,
.checkbox-styled:hover > input:disabled[type=checkbox] ~ div,
.checkbox-styled:focus > input:disabled[type=checkbox] ~ div {
cursor: not-allowed;
}
.checkbox-styled > input:disabled[type=checkbox] ~ div:before,
.checkbox-styled:hover > input:disabled[type=checkbox] ~ div:before,
.checkbox-styled:focus > input:disabled[type=checkbox] ~ div:before {
color: #ccc;
background-color: #eeeeee;
opacity: 1;
}
.checkbox-styled.checkbox-text:focus > input[type=checkbox] ~ div:before,
.checkbox-styled.checkbox-text:hover > input[type=checkbox] ~ div:before,
.checkbox-styled.checkbox-text:focus > input[type=checkbox]:checked ~ div:before,
.checkbox-styled.checkbox-text:hover > input[type=checkbox]:checked ~ div:before {
opacity: 0.8;
}
.checkbox-styled.checkbox-text > input[type=checkbox]:checked ~ div:before,
.checkbox-styled.checkbox-text.checked > div:before,
.checkbox-styled.checkbox-text.checked-negative > div:before {
color: currentColor;
}
.checkbox-styled.checkbox-text > div:before {
color: currentColor;
}
.checkbox-styled.checkbox-text > input:disabled[type=checkbox] ~ div:before,
.checkbox-styled.checkbox-text:hover > input:disabled[type=checkbox] ~ div:before,
.checkbox-styled.checkbox-text:focus > input:disabled[type=checkbox] ~ div:before {
opacity: 0.5;
}
.checkbox-styled.round.color-green > input[type=checkbox]:checked ~ .label-wrapper:before {
color: #ffffff;
border-color: #82c46c;
background-color: #82c46c;
}
.checkbox-styled.round .label-wrapper:before {
height: 24px;
width: 24px;
line-height: 24px;
border-radius: 100%;
font-size: 18px;
}
.checkbox-styled .errored {
border: 1px solid #994444;
padding: 2px;
}
.checkbox-styled.checkbox-small > div {
padding-left: 26px;
line-height: 16px;
min-height: 16px;
width: 100%;
}
.checkbox-styled.checkbox-small > div:empty {
padding-left: 16px;
}
.checkbox-styled.checkbox-small > div:before {
height: 16px;
width: 16px;
margin-top: -8px;
font-size: 12px;
}
.checkbox-styled.checkbox-small > div .label-wrapper {
font-size: 12px;
}
.modules--delete-multiple--row {
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
margin-bottom: 8px;
height: 50px;
}
.modules--delete-multiple--row img {
opacity: 0.8;
width: 50px;
}
.modules--delete-multiple--row > .modules--delete-multiple--image-column {
width: 50px;
}
.modules--delete-multiple--row > .modules--delete-multiple--text-column {
-ms-flex-pack: center;
justify-content: center;
padding: 5px;
-ms-flex-positive: 1;
flex-grow: 1;
}
.modules--delete-multiple--row > .modules--delete-multiple--checkbox-column {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background: #ffffffcc;
width: 50px;
}
.modules--delete-multiple--checkbox .label-wrapper {
margin: 5px 0 0;
padding-left: 18px;
}
.attach-button {
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
}
.attach-button .file-button-label {
pointer-events: none;
}
.attach-button span.fa {
margin-right: 4px;
}
.attach-button img {
margin-right: 4px;
height: 14px;
width: auto;
}
.collapsible .fa-caret-right {
transition: transform 0.3s ease;
}
.collapsible .fa-caret-right.open {
transform: rotate(90deg);
}
.collapsible .collapse-toggle-button {
margin-right: 8px;
margin-left: 5px;
}
.course-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
.course-list .course {
margin-right: 24px;
margin-bottom: 8px;
}
.course-list .reload-courses-btn {
vertical-align: baseline;
padding: 0;
}
.course {
display: -ms-flexbox;
display: flex;
margin-right: 8px;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-pack: end;
justify-content: flex-end;
}
.course .course-book {
transition: transform 0.2s;
}
.course .course-book:hover {
transform: translateY(-5px);
transition: transform 0.2s;
}
.course .course-text {
margin-left: 8px;
overflow-x: hidden;
white-space: nowrap;
text-overflow: ellipsis;
/* Color for the ellipsis */
color: #1771BF;
}
.course .course-text:hover + .course-book {
transform: translateY(-5px);
transition: transform 0.2s;
}
.course .course-text .course-link {
margin-left: 4px;
}
.course .course-text .course-link:hover {
color: #0F4B7F;
}
.course .course-text .course-tags {
white-space: initial;
margin-left: 4px;
}
.custom-box {
display: block;
text-decoration: none;
color: #000;
border: 1px solid #999;
margin-bottom: 30px;
margin-top: 30px;
}
.custom-box:hover {
background-color: #f9f9f9;
}
.custom-box .custom-box-header {
padding: 35px 10px 25px;
}
.custom-box .custom-box-header h2 {
text-align: center;
font-size: 18px;
margin: 0;
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.custom-box .custom-box-header .subtitle {
font-size: 18px;
}
.custom-box .custom-box-footer {
padding: 10px;
font-size: 15px;
}
.custom-box.custom-box-test .custom-box-header {
background-color: #64768d;
}
.custom-box.custom-box-test .custom-box-header .subtitle,
.custom-box.custom-box-test .custom-box-header .title {
color: #ffffff;
}
.custom-box.custom-box-test .custom-box-footer {
background-color: #dbdfe6;
color: #716666;
font-size: 12px;
}
.custom-box .custom-box-top-float {
position: absolute;
top: 5px;
left: 50%;
transform: translateX(-50%);
width: 50px;
height: 50px;
background-color: #64768d;
border-radius: 25px;
text-align: center;
}
.custom-box .loading-box {
position: absolute;
top: 5px;
left: 15px;
right: 15px;
bottom: 15px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
margin-left: -8px;
position: absolute;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
box-sizing: content-box;
position: absolute;
border: 8px solid transparent;
height: 0;
width: 1px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
content: "";
z-index: -1;
border-width: 8px;
left: -8px;
border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
top: 0;
margin-top: -8px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
border-top: none;
border-bottom-color: #ffffff;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
top: -1px;
border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
bottom: 0;
margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
border-bottom: none;
border-top-color: #fff;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
bottom: -1px;
border-top-color: #aeaeae;
}
.react-datepicker-wrapper {
display: inline-block;
}
.react-datepicker {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1.4rem;
background-color: #fff;
color: #000;
border: 1px solid #aeaeae;
border-radius: 0.3rem;
display: inline-block;
position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle {
left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time {
border-radius: 0.3rem;
}
.react-datepicker--time-only .react-datepicker__time-box {
border-radius: 0.3rem;
}
.react-datepicker__triangle {
position: absolute;
left: 50px;
}
.react-datepicker-popper {
z-index: 1;
}
.react-datepicker-popper[data-placement^="bottom"] {
margin-top: 10px;
}
.react-datepicker-popper[data-placement^="top"] {
margin-bottom: 10px;
}
.react-datepicker-popper[data-placement^="right"] {
margin-left: 8px;
}
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
left: auto;
right: 42px;
}
.react-datepicker-popper[data-placement^="left"] {
margin-right: 8px;
}
.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
left: 42px;
right: auto;
}
.react-datepicker__header {
text-align: center;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
padding-top: 8px;
position: relative;
}
.react-datepicker__header--time {
padding-bottom: 8px;
padding-left: 5px;
padding-right: 5px;
}
.react-datepicker__aria-live {
display: none;
}
.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
display: inline-block;
margin: 0 2px;
}
.react-datepicker__current-month,
.react-datepicker-time__header {
margin-top: 0;
margin-bottom: 0;
color: #000;
line-height: 20px;
font-size: 14px;
font-weight: bold;
}
.react-datepicker-time__header {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.react-datepicker__navigation {
background: none;
line-height: 2.2rem;
text-align: center;
cursor: pointer;
position: absolute;
top: 10px;
padding: 0;
border: 0.45rem solid transparent;
z-index: 1;
height: 10px;
width: 10px;
text-indent: -999em;
overflow: hidden;
}
.react-datepicker__navigation--previous {
left: 10px;
border-right-color: #ccc;
}
.react-datepicker__navigation--previous:hover {
border-right-color: #b3b3b3;
}
.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
border-right-color: #e6e6e6;
cursor: default;
}
.react-datepicker__navigation--next {
right: 10px;
border-left-color: #ccc;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
right: 80px;
}
.react-datepicker__navigation--next:hover {
border-left-color: #b3b3b3;
}
.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
border-left-color: #e6e6e6;
cursor: default;
}
.react-datepicker__navigation--years {
position: relative;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.react-datepicker__navigation--years-previous {
top: 4px;
border-top-color: #ccc;
}
.react-datepicker__navigation--years-previous:hover {
border-top-color: #b3b3b3;
}
.react-datepicker__navigation--years-upcoming {
top: -4px;
border-bottom-color: #ccc;
}
.react-datepicker__navigation--years-upcoming:hover {
border-bottom-color: #b3b3b3;
}
.react-datepicker__month-container {
float: left;
}
.react-datepicker__month {
margin: 0.4rem;
text-align: center;
}
.react-datepicker__time-container {
float: right;
border-left: 1px solid #aeaeae;
width: 70px;
}
.react-datepicker__time-container--with-today-button {
display: inline;
border: 1px solid #aeaeae;
border-radius: 0.3rem;
position: absolute;
right: -72px;
top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
position: relative;
background: white;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
width: 70px;
overflow-x: hidden;
margin: 0 auto;
text-align: center;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
list-style: none;
margin: 0;
height: calc(195px + (2.2rem / 2));
overflow-y: scroll;
padding-right: 0;
padding-left: 0;
width: 100%;
box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
height: 30px;
padding: 5px 10px;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
cursor: pointer;
background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
background-color: #216ba5;
color: white;
font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
cursor: default;
background-color: transparent;
}
.react-datepicker__week-number {
color: #000;
display: inline-block;
width: 2.2rem;
line-height: 1.5rem;
text-align: center;
margin: 0.35rem;
font-size: 0.9rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
border-radius: 0.3rem;
background-color: #f0f0f0;
}
.react-datepicker__day-names,
.react-datepicker__week {
white-space: nowrap;
}
.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
color: #000;
display: inline-block;
width: 2.2rem;
line-height: 2.2rem;
text-align: center;
margin: 0.35rem 0.4rem;
}
.react-datepicker__day-name {
font-weight: 600;
}
.react-datepicker__day-name:nth-of-type(1) {
visibility: hidden;
}
.react-datepicker__day {
cursor: pointer;
}
.react-datepicker__day:hover {
border-radius: 0.3rem;
background-color: #f0f0f0;
}
.react-datepicker__day--today {
font-weight: bold;
}
.react-datepicker__day--highlighted {
border-radius: 0.3rem;
background-color: #3dcc4a;
color: #fff;
}
.react-datepicker__day--highlighted:hover {
background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1 {
color: magenta;
}
.react-datepicker__day--highlighted-custom-2 {
color: green;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
border-radius: 0.3rem;
background-color: #216ba5;
color: #fff;
}
.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover {
background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected {
border-radius: 0.3rem;
background-color: #2a87d0;
color: #fff;
}
.react-datepicker__day--keyboard-selected:hover {
background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
background-color: #f0f0f0;
color: #000;
}
.react-datepicker__day--disabled {
cursor: default;
color: #ccc;
}
.react-datepicker__day--disabled:hover {
background-color: transparent;
}
.react-datepicker__input-container {
position: relative;
display: inline-block;
}
.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
border: 1px solid transparent;
border-radius: 0.3rem;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
border-top-color: #ccc;
float: right;
margin-left: 20px;
top: 8px;
position: relative;
border-width: 0.45rem;
}
.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
background-color: #f0f0f0;
position: absolute;
width: 50%;
left: 25%;
top: 30px;
z-index: 1;
text-align: center;
border-radius: 0.3rem;
border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
height: 150px;
overflow-y: scroll;
}
.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
line-height: 20px;
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-bottom-left-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
position: absolute;
left: 15px;
}
.react-datepicker__close-icon {
background-color: transparent;
border: 0;
cursor: pointer;
outline: 0;
padding: 0;
vertical-align: middle;
position: absolute;
height: 16px;
width: 16px;
top: 25%;
right: 7px;
}
.react-datepicker__close-icon::after {
background-color: #216ba5;
border-radius: 50%;
bottom: 0;
box-sizing: border-box;
color: #fff;
content: "\00d7";
cursor: pointer;
font-size: 12px;
height: 16px;
width: 16px;
line-height: 1;
margin: -8px auto 0;
padding: 2px;
position: absolute;
right: 0;
text-align: center;
}
.react-datepicker__today-button {
background: #f0f0f0;
border-top: 1px solid #aeaeae;
cursor: pointer;
text-align: center;
font-weight: bold;
padding: 5px 0;
clear: left;
}
.react-datepicker__portal {
position: fixed;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.8);
left: 0;
top: 0;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
width: 3rem;
line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
width: 2rem;
line-height: 2rem;
}
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
font-size: 1.44rem;
}
.react-datepicker__portal .react-datepicker__navigation {
border: 0.45rem solid transparent;
}
.react-datepicker__portal .react-datepicker__navigation--previous {
border-right-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--previous:hover {
border-right-color: #b3b3b3;
}
.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
border-right-color: #e6e6e6;
cursor: default;
}
.react-datepicker__portal .react-datepicker__navigation--next {
border-left-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--next:hover {
border-left-color: #b3b3b3;
}
.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
border-left-color: #e6e6e6;
cursor: default;
}
.react-datepicker-popper {
z-index: 2147483647;
}
.react-datepicker__day.react-datepicker__day--today :not(.react-datepicker__day--selected):not(.react-datepicker__day--range-start):not(.react-datepicker__day--range-start):not(.react-datepicker__day--range-end):not(.react-datepicker__day--in-range):not(.react-datepicker__day--in-selecting-range) {
background: #EC6A66;
border-radius: 50%;
color: white;
}
.form-group .react-datepicker__input-container {
display: block;
}
.dialog-in-page-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.7);
z-index: 999;
}
.dialog-in-page-container .dialog-in-page {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
top: 20px;
width: 300px;
padding: 60px 30px 30px;
background-color: #FFFFFF;
border: 1px solid #777777;
box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
z-index: 1000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dialog-in-page-container .dialog-in-page .dialog-message {
color: #4d4d4d;
}
.dialog-in-page-container .dialog-in-page .close {
position: absolute;
top: 20px;
right: 30px;
}
.dialog-in-page-container .dialog-in-page .loading {
position: absolute;
top: 20px;
left: 30px;
color: #777777;
}
.dialog-in-page-container .dialog-in-page-large {
width: 96%;
}
@media (min-width: 768px) {
.dialog-in-page-container .dialog-in-page-large {
width: 600px;
}
}
.dialog-in-page-container .dialog-in-page-small {
padding: 30px 20px 20px;
}
.dialog-in-page-container .dialog-in-page-small button {
margin-top: 0;
}
.dialog-in-page-container body > .dialog-in-page-container {
z-index: 1002;
}
.dialog-in-page-container.dialog-fixed-in-page {
position: fixed;
z-index: 1002;
}
.dialog-in-page-container.dialog-fixed-in-page .dialog-in-page {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1003;
max-height: 90%;
overflow-y: auto;
}
.dialog-in-page .footer button {
margin-top: 30px;
}
.dialog-in-page-container.teknik-illustration .dialog-in-page {
background-image: url(/Node/assets/images/teknik-4475660bf9.svg);
background-repeat: no-repeat;
background-position: 20px 20px;
background-size: 150px;
width: 500px;
padding-left: 200px;
}
.distribution-bar .distribution-element-container {
position: relative;
width: 100%;
border: 1px solid black;
}
.distribution-bar .distribution-element {
position: relative;
display: inline-block;
border-left: 1px solid black;
text-align: center;
}
.distribution-bar .distribution-element:first-child {
border-left: 0;
}
.distribution-bar .distribution-element-text {
position: absolute;
left: 0;
right: 0;
font-size: 14px;
}
.distribution-bar p {
margin-top: 20px;
}
.distribution-bar.small .distribution-element-container {
margin-top: 40px;
height: 15px;
}
.distribution-bar.small .distribution-element {
height: 13px;
}
.distribution-bar.small .distribution-element-text {
top: -30px;
}
.distribution-bar.medium .distribution-element-container {
margin-top: 60px;
height: 30px;
}
.distribution-bar.medium .distribution-element {
height: 28px;
}
.distribution-bar.medium .distribution-element-text {
top: -40px;
}
.dot {
display: inline-block;
width: 15px;
height: 15px;
border-radius: 8px;
border: 1px solid #a1a1a1;
margin-right: 2px;
margin-left: 2px;
}
.dot.filled {
border: 1px solid #83d529;
background-color: #afeb6e;
}
.dots-in-a-row {
text-align: center;
}
.dropdown {
cursor: pointer;
}
.dropdown:disabled {
opacity: 0.5;
cursor: default;
}
.dropdown.squared {
border-radius: 0;
}
.dropdown.squared:not([multiple]).squared {
-webkit-appearance: none;
-moz-appearance: none;
background-position: right 50%;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
padding: 1px 0.5em;
padding-right: 1.5em;
}
.dropdown.white-squared {
background: initial;
width: 100%;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
background-position: right 50%;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;utf8,");
padding: 1px 0.5em;
padding-right: 1.5em;
}
.eau-action-buttons {
min-height: 60px;
display: -ms-flexbox;
display: flex;
}
.eau-action-buttons .choose-vurdering {
width: 200px;
margin-right: 16px;
}
.oprettelses-button {
position: absolute;
top: 130px;
right: 15px;
}
.eau-temaer {
margin: 8px;
}
.eau-dialog-header .gem-knap {
margin-left: 8px;
}
#alsidigeKompetencer .eau .tabs {
height: 35px;
}
#alsidigeKompetencer .eau .eau-spind {
margin: 16px 0;
}
.eau-kompetence-row h4 {
margin-bottom: 8px;
}
.remove-vurdering {
font-size: 16px;
color: #a2a2a2;
}
.edit-vurdering {
font-size: 16px;
color: #a2a2a2;
}
.highcharts-tooltip {
z-index: 100000;
top: 25px !important;
}
.highcharts-tooltip > span {
width: 300px;
}
.chart-laerer .highcharts-legend-item.older path:nth-child(2) {
fill: #fff;
stroke: #5480ae;
stroke-width: 2;
}
.chart-elev .highcharts-legend-item.older path:nth-child(2) {
fill: #fff;
stroke: #64aa59;
stroke-width: 2;
}
.tooltip-custom {
position: relative;
}
.tooltip-custom .tooltip-indhold {
background: #f5f5f5;
position: absolute;
top: 0;
left: 0;
padding: 16px;
border: 1px solid #ccc;
box-shadow: 3px 3px rgba(0, 0, 0, 0.3);
}
.tooltip-custom .tooltip-indhold .tooltip-header {
font-size: 14px;
white-space: normal;
margin-bottom: 5px;
}
.tooltip-custom .tooltip-indhold .tooltip-ul {
padding: 0 8px 0 24px;
line-height: 16px;
}
.tooltip-custom .tooltip-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #cccccc;
opacity: 0.5;
}
.image-editor {
display: inline-block;
}
.image-editor .editor {
position: relative;
float: left;
cursor: move;
}
.image-editor .canvas-slider {
float: left;
width: 52px;
height: 250px;
background: #eaf4f3;
text-align: center;
position: relative;
color: #3e8283;
}
.image-editor .canvas-slider::before {
content: "";
width: 100%;
height: 1px;
background: #dedede;
position: absolute;
left: 0;
margin-top: 40px;
box-shadow: 0 1px 0 0 white, 0 170px 0 0 #dedede, 0 169px 0 0 white;
}
.image-editor .canvas-slider .fa-plus {
display: block;
padding-top: 14px;
height: 40px;
cursor: pointer;
}
.image-editor .canvas-slider .fa-minus {
display: block;
height: 40px;
padding-top: 12px;
cursor: pointer;
}
.image-editor .canvas-slider .drag-line {
width: 8px;
height: 149px;
background: #adccce;
border-radius: 8px;
margin: 10px auto;
position: relative;
}
.image-editor .canvas-slider .draggable-button {
top: 120px;
width: 29px;
height: 29px;
background: #f7f7f7;
border-radius: 50%;
position: absolute;
box-shadow: 0px 4px 10px 1px rgba(0, 0, 0, 0.2);
margin-left: -9px;
cursor: pointer;
}
#portefoljeReactRender {
min-height: 500px;
}
.portfolio .portfolio-card {
margin-bottom: 24px;
}
.portfolio .collapsible {
margin-bottom: 24px;
}
.portfolio .collapsible .checkbox-styled {
padding-right: 8px;
}
.portfolio .portfolio-clear-filters-button {
display: inline-block;
margin-top: 16px;
}
.faelles-maal-selector {
position: relative;
}
.faelles-maal-selector .filter-toggles {
padding-top: 34px;
}
.faelles-maal-selector .filter-toggles .toggle-label {
margin-left: 20px;
}
.faelles-maal-selector .filter-toggles .toggle {
height: 36px;
}
.faelles-maal-selector .toggle-hjul-or-maal {
margin-top: 30px;
margin-bottom: 20px;
padding: 10px 0 25px;
border: 1px solid #cccccc;
border-radius: 2px;
}
.faelles-maal-selector .toggle-hjul-or-maal .btn-group {
margin-top: -50px;
margin-left: 50%;
transform: translateX(-50%);
width: 348px;
background-color: #ffffff;
}
.faelles-maal-selector .toggle-hjul-or-maal .btn-group button {
background-color: white;
color: #366161;
width: 174px;
}
.faelles-maal-selector .toggle-hjul-or-maal .btn-group button.active {
background-color: #366161;
color: #ffffff;
}
.faelles-maal-selector .toggle-hjul-or-maal .btn-group button:first-child {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.faelles-maal-selector .toggle-hjul-or-maal .btn-group button:last-child {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.faelles-maal-selector .toggle-hjul-or-maal .maalpar-container {
padding-left: 10px;
padding-right: 10px;
}
.faelles-maal-selector .kompetencehjul-advanced {
margin-left: 50%;
transform: translateX(-50%);
}
.faelles-maal-selector .kompetencehjul-advanced .recharts-legend-wrapper {
top: -1px !important;
right: 2px !important;
}
.faelles-maal-selector .maalpar-legend {
margin-top: -21px;
}
.faelles-maal-selector .beskrivelse-tooltip,
.faelles-maal-selector .kompetencehjul-list .beskrivelse-tooltip {
text-align: left;
max-width: 320px;
background-color: #FFFFFF;
border: 1px solid #cccccc;
border-radius: 4px;
padding: 8px;
color: #4d4d4d;
opacity: 1;
font-size: 14px;
z-index: 1000;
}
.mu-popover.mu-popover-faellesmaal {
left: -70px;
right: -70px;
}
.mu-popover.mu-popover-faellesmaal .mu-popover-arrow {
margin-left: 50%;
transform: translateX(-50%);
}
.projector-screen-react-modal .faelles-maal-selector {
padding: 16px;
}
.faelles-maal-selector-projector-screen-content {
overflow-x: hidden;
}
.fagformaal {
background-color: #f5f5f5;
padding: 8px 16px;
}
.fagformaal h3 {
margin-top: 8px;
}
.maal-par {
width: 100%;
margin-bottom: 5px;
}
.maal-par-pair-name {
font-size: 13px;
text-align: center;
padding: 5px;
}
.maal-par-pair-name td {
padding: 8px 0;
}
.maal-par-table {
padding: 0;
margin: 4px 0;
border-collapse: inherit;
text-align: left;
}
.maal-par-vidensmaal-cell,
.maal-par-faerdighedsmaal-cell,
.maal-par-trinmaal-cell {
height: 100px;
padding: 5px 15px 5px 30px;
width: 50%;
word-break: break-word;
vertical-align: top;
position: relative;
color: #666;
background-color: #ffffff;
border: 1px solid #CCCCCC;
}
.maal-par-vidensmaal-cell.used,
.maal-par-faerdighedsmaal-cell.used,
.maal-par-trinmaal-cell.used {
background-color: #EAF4F3;
}
.maal-par-vidensmaal-cell.selected,
.maal-par-faerdighedsmaal-cell.selected,
.maal-par-trinmaal-cell.selected {
background-color: #559191;
color: #ffffff;
}
.maal-par-vidensmaal-cell:last-child,
.maal-par-faerdighedsmaal-cell:last-child,
.maal-par-trinmaal-cell:last-child {
border-left: 0;
}
.maal-par-vidensmaal-cell-icon,
.maal-par-faerdighedsmaal-cell-icon,
.maal-par-trinmaal-cell-icon {
position: absolute;
left: 5px;
width: 16px;
height: 16px;
opacity: 0.7;
top: 8px;
}
.maal-par-vidensmaal-cell.none-selected,
.maal-par-faerdighedsmaal-cell.none-selected,
.maal-par-trinmaal-cell.none-selected {
text-align: center;
vertical-align: middle;
color: #777;
font-size: 12px;
}
.maal-par-trinmaal-cell {
padding: 5px 15px;
width: 100%;
}
.maal-par-trinmaal-cell:last-child {
border-left: 1px solid #CCCCCC;
}
.maal-par-arrow-cell {
display: table-cell;
height: 100px;
position: relative;
}
.maal-par-arrow-cell-icon {
position: absolute;
top: calc(50% - 9px);
margin-left: -9px;
z-index: 999;
}
.maal-par .maal-par-fase-cell {
border: none;
vertical-align: middle;
padding: 0 8px;
}
.forloeb-faellesmaal-selector-container {
margin-right: -65px;
}
.forloeb-faellesmaal-selector-container .faelles-maal-selector .kompetencehjul-container {
margin-top: 50px;
}
.forloeb-faellesmaal-selector-container .faelles-maal-selector .kompetencehjul-container .recharts-legend-wrapper {
top: -51px !important;
right: 131px !important;
}
.visibility-scheduler .react-datepicker-wrapper .react-datepicker__input-container input {
border: 0;
background: 0;
box-shadow: none;
padding-left: 4px;
}
.visibility-scheduler .date-picker-wrapper-button {
border: 0;
vertical-align: baseline;
}
.elev-selector-container {
position: relative;
min-height: 75px;
}
.elev-selector-container .person {
padding: 4px;
width: 54px;
margin: 0 4px 4px 0;
}
.elev-selector-container .person .evaluering-profile-image {
width: 44px;
height: 44px;
}
.elev-selector-container .person .first-name,
.elev-selector-container .person .last-name {
margin: 0;
}
.elev-selector-container .person .first-name {
margin-top: 4px;
}
.fag-liste {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.fag-liste .fag-item {
width: calc(33% - 8px);
margin: 10px 5px 0;
}
.no-overblik {
padding: 25px 0px 55px 0px;
}
.no-overblik-inner {
padding: 8px 0px 8px 0px;
border-bottom: 2px solid;
}
.no-overblik-img {
height: 55px;
float: left;
padding-right: 23px;
margin-top: 7px;
}
.no-overblik-description {
display: table;
margin: 0 auto;
padding: 25px 0px 0px 0px;
color: #999999;
font-style: italic;
}
.forloebsoverblik {
display: inline-block;
margin-bottom: 20px;
width: 100%;
}
.forloebsoverblik table {
margin: 0;
}
.forloebsoverblik table.fixed,
.forloebsoverblik thead.elever-row,
.forloebsoverblik th.elever-row-title {
border-left: none;
border-top: none;
}
.forloebsoverblik .shadow-wrapper {
position: relative;
}
.forloebsoverblik .shadow-wrapper.has-shadow:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 10px;
background-image: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
border-right: 2px solid #b3b3b3;
z-index: 8;
}
.forloebsoverblik .opgave-info {
margin-top: 10px;
}
.forloebsoverblik .stylish-dropdown {
cursor: pointer;
}
.forloebsoverblik .laeringsmaal-table-wrapper,
.forloebsoverblik .opgave-table-wrapper {
margin-top: 15px;
overflow-x: auto;
}
.forloebsoverblik .opgave-table-wrapper {
margin-top: 55px;
}
.forloebsoverblik .laeringsmaal-table,
.forloebsoverblik .opgave-table {
width: 0;
border-top: 0;
}
.forloebsoverblik .laeringsmaal-table.fixed,
.forloebsoverblik .opgave-table.fixed {
z-index: 999;
position: absolute;
width: 300px;
border-bottom: none;
top: 0;
left: 0;
}
.forloebsoverblik .laeringsmaal-table.fixed.hasShadow:after,
.forloebsoverblik .opgave-table.fixed.hasShadow:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: -10px;
width: 10px;
background-image: linear-gradient(-270deg, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
border-left: 2px solid #b3b3b3;
z-index: 8;
}
.forloebsoverblik th,
.forloebsoverblik td {
text-align: center;
vertical-align: middle;
height: 55px;
font-size: 10px;
}
.forloebsoverblik th p,
.forloebsoverblik td p {
margin: 0;
}
.forloebsoverblik td.opgave-cell {
width: 280px;
background-color: #ffffff;
text-align: left;
border-left: none;
padding: 10px;
font-size: 13px;
color: #4d4d4d;
}
.forloebsoverblik td.opgave-cell > h4 {
font-weight: bold;
font-size: 15px;
}
.forloebsoverblik td.laeringsmaal-cell {
text-align: left;
border-left: none;
width: 280px;
padding: 10px;
color: #4d4d4d;
font-size: 13px;
background-color: #ffffff;
}
.forloebsoverblik td.laeringsmaal-cell-paa-pause img {
height: 34px;
}
.forloebsoverblik td.laeringsmaal-cell-opnaaet img {
height: 37px;
}
.forloebsoverblik td.laeringsmaal-cell-ikke-tildelt {
background: #F2F2F2;
vertical-align: middle;
color: #CCCCCC;
}
.forloebsoverblik td.laeringsmaal-cell .laeringsmaal-tekst {
padding: 0;
text-align: left;
}
.forloebsoverblik td.laeringsmaal-cell .laeringsmaal-tekst.clickable {
color: #5480ae;
}
.forloebsoverblik td.laeringsmaal-cell > button {
display: block;
background: none;
border: none;
color: #4d4d4d;
padding: 5px 0px 0px 0px;
}
.forloebsoverblik td.laeringsmaal-cell > button > i {
font-weight: bold;
}
.forloebsoverblik td.laeringsmaal-evalueret-procent-cell,
.forloebsoverblik td.opgave-evalueret-procent-cell,
.forloebsoverblik td.tegn-evaluation-cell {
background-color: #F3F8FE;
min-width: 65px;
}
.forloebsoverblik tr.opgave-row .opgave-evalueret-procent-cell,
.forloebsoverblik tr.opgave-row .opgave-status-cell {
vertical-align: middle;
position: relative;
}
.forloebsoverblik tr.opgave-row .opgave-evalueret-procent-cell-ikke-tildelt,
.forloebsoverblik tr.opgave-row .opgave-status-cell-ikke-tildelt {
background: #F2F2F2;
vertical-align: middle;
color: #CCCCCC;
}
.forloebsoverblik tr.opgave-row .opgave-evalueret-procent-cell .fa-comment.fa-2x,
.forloebsoverblik tr.opgave-row .opgave-status-cell .fa-comment.fa-2x {
font-size: 3em;
}
.forloebsoverblik tr.opgave-row .opgave-evalueret-procent-cell .fa-paperclip.fa-3x,
.forloebsoverblik tr.opgave-row .opgave-status-cell .fa-paperclip.fa-3x {
padding: 6px 0px 3px 4px;
margin-left: -2px;
height: 30px;
width: 30px;
}
.forloebsoverblik tr.opgave-row .opgave-evalueret-procent-cell .tag.tag-new,
.forloebsoverblik tr.opgave-row .opgave-status-cell .tag.tag-new {
position: absolute;
top: calc(50% - 39px);
right: 0;
margin: 4px;
}
.forloebsoverblik tr.tegn-paa-laering-row {
border-left: none;
}
.forloebsoverblik tr.tegn-paa-laering-row td.text-cell {
border-left: none;
text-align: left;
padding: 18px;
font-size: 13px;
background-color: #ffffff;
width: 1px;
}
.forloebsoverblik tr.tegn-paa-laering-row td.tegn-evaluation-cell {
background-color: #F3F8FE;
vertical-align: middle;
}
.forloebsoverblik tr.tegn-paa-laering-row td.tegn-status-cell {
vertical-align: middle;
background-color: #ffffff;
}
.forloebsoverblik tr.tegn-paa-laering-row td.tegn-status-cell-empty {
background-color: #F2F2F2;
}
.forloebsoverblik .elever-row th.elev-cell {
background-color: #ffffff;
padding: 0;
height: 125px;
}
.forloebsoverblik .elever-row th.elev-cell div.person {
background-color: #ffffff;
width: 67px;
}
.forloebsoverblik .elever-row th.elev-cell div.person .evaluering-profile-image {
width: 57px;
height: 73px;
border-radius: 0;
}
.forloebsoverblik .elever-row th.elev-cell .person {
border: none;
margin: 0;
}
.forloebsoverblik .elever-row .elever-row-title {
height: 125px;
min-width: 322px;
text-align: left;
vertical-align: bottom;
background-color: #ffffff;
}
.forloebsoverblik .elever-row .elever-row-title-img {
height: 55px;
float: left;
padding-right: 23px;
}
.forloebsoverblik .laeringsmaal-row td {
vertical-align: middle;
}
.forloebsoverblik .laeringsmaal-row td.laeringsmaal-evalueret-procent-cell {
background-color: #F3F8FE;
}
.forloebsoverblik .laeringsmaal-row td.ikke-tildelt {
background-color: #F2F2F2;
color: #CCCCCC;
}
.forloebsoverblik .kapitel-dropdown-wrapper {
padding: 7.5px;
}
.forloebsoverblik .kapitel-dropdown-wrapper select {
background: none;
border: none;
font-size: 16px;
}
.fravaer {
position: relative;
min-height: 500px;
}
.fravaer .fravaer-procenter {
margin-bottom: 40px;
}
.fravaer .fravaer-procenter .col-fravaer {
position: relative;
margin-top: 40px;
border-right: solid 5px #d7d7d7;
}
.fravaer .fravaer-procenter .col-fravaer h1 {
margin-top: 0;
}
.fravaer .fravaer-procenter .col-fravaer p {
margin-bottom: 0;
}
.fravaer .fravaer-procenter .col-fravaer h1,
.fravaer .fravaer-procenter .col-fravaer p {
font-weight: 400;
}
.fravaer .fravaer-procenter .fravaer-samlet {
border-right: 0;
}
.fravaer .fravaer-procenter .fravaer-samlet h1,
.fravaer .fravaer-procenter .fravaer-samlet p {
font-weight: 600;
}
.fravaer .fravaer-procenter .fravaer-sygdom h1 {
color: #63768D;
}
.fravaer .fravaer-procenter .fravaer-ulovlig h1 {
color: #FF6666;
}
.fravaer .fravaer-procenter .fravaer-lovlig h1 {
color: #8AC6D0;
}
.fravaer .fravaer-procenter .__react_component_tooltip {
max-width: 300px;
}
.fravaer .fravaer-graf {
margin-top: 60px;
}
.fravaer .fravaer-graf .sub-category {
margin-left: 11px;
}
.fravaer .fravaer-graf .checkbox-legend {
margin-top: 40px;
}
.fravaer .fravaer-graf .legend-item .legend-item-checkbox.checkbox-styled {
margin-bottom: 20px;
}
.fravaer .fravaer-graf .legend-item .legend-item-checkbox.checkbox-styled > div {
font-weight: bold;
}
.fravaer .fravaer-graf .legend-item .legend-item-checkbox.checkbox-styled > input[type=checkbox] ~ div:before {
border-color: transparent;
}
.fravaer .fravaer-graf .legend-item .legend-item-checkbox.checkbox-styled > input[type=checkbox]:checked ~ div:before,
.fravaer .fravaer-graf .legend-item .legend-item-checkbox.checkbox-styled.checked > div:before {
color: #FFFFFF;
}
.fravaer .fravaer-graf .legend-item.sygdom .legend-item-checkbox.checkbox-styled > input[type=checkbox] ~ div:before,
.fravaer .fravaer-graf .legend-item.sygdom .legend-item-checkbox.checkbox-styled > input[type=checkbox]:checked ~ div:before,
.fravaer .fravaer-graf .legend-item.sygdom .legend-item-checkbox.checkbox-styled.checked > div:before {
background-color: #63768D;
}
.fravaer .fravaer-graf .legend-item.ulovlig .legend-item-checkbox.checkbox-styled > input[type=checkbox] ~ div:before,
.fravaer .fravaer-graf .legend-item.ulovlig .legend-item-checkbox.checkbox-styled > input[type=checkbox]:checked ~ div:before,
.fravaer .fravaer-graf .legend-item.ulovlig .legend-item-checkbox.checkbox-styled.checked > div:before {
background-color: #FF6666;
}
.fravaer .fravaer-graf .legend-item.lovlig .legend-item-checkbox.checkbox-styled > input[type=checkbox] ~ div:before,
.fravaer .fravaer-graf .legend-item.lovlig .legend-item-checkbox.checkbox-styled > input[type=checkbox]:checked ~ div:before,
.fravaer .fravaer-graf .legend-item.lovlig .legend-item-checkbox.checkbox-styled.checked > div:before {
background-color: #8AC6D0;
}
.fravaer .fravaer-graf .legend-item.andet .legend-item-checkbox.checkbox-styled > input[type=checkbox] ~ div:before,
.fravaer .fravaer-graf .legend-item.andet .legend-item-checkbox.checkbox-styled > input[type=checkbox]:checked ~ div:before,
.fravaer .fravaer-graf .legend-item.andet .legend-item-checkbox.checkbox-styled.checked > div:before {
background-color: #FEE090;
}
.fravaer .fravaer-graf-tooltip {
background-color: rgba(255, 255, 255, 0.9);
padding: 10px 20px 0 0;
border: 1px solid #888888;
}
.fravaer .fravaer-graf-tooltip > p {
margin-left: 20px;
}
.fravaer .fravaer-graf-tooltip .tooltip-label {
font-weight: bold;
margin-bottom: 2px;
}
.fravaer .fravaer-graf-tooltip .tooltip-item-sygdom {
color: #63768D;
}
.fravaer .fravaer-graf-tooltip .tooltip-item-ulovlig {
color: #FF6666;
}
.fravaer .fravaer-graf-tooltip .tooltip-item-lovlig {
color: #8AC6D0;
}
.fravaer .fravaer-graf-tooltip .tooltip-item-andet {
color: #FEE090;
}
.fravaer .fravaer-graf-tooltip .tooltip-item > span {
color: #333333;
}
.begraenset-behandling-message {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
padding: 8px;
margin-bottom: 8px;
margin-top: 4px;
border: 1px solid transparent;
}
.mu-modal {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #cccccc;
background: #ffffff;
overflow: auto;
border-radius: 4px;
outline: none;
padding-bottom: 16px;
box-shadow: 3px 3px rgba(0, 0, 0, 0.3);
border-radius: 0;
}
@media (min-width: 768px) {
.mu-modal {
top: 35px;
bottom: 35px;
}
}
.mu-modal-content {
padding: 0 24px;
}
@media (min-width: 768px) {
.mu-modal-content input,
.mu-modal-content select,
.mu-modal-content form {
max-width: 345px;
}
}
.mu-modal-close {
float: right;
color: #777;
margin-top: 16px;
}
.mu-modal-mobile-header {
position: sticky;
top: 0;
background-color: #f5f5f5;
box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.2);
padding-right: 24px;
height: 70px;
padding-top: 18px;
z-index: 5;
}
.mu-modal-mobile-header .btn-primary {
margin-left: 8px;
}
@keyframes flowIn {
from {
transform: translateY(100%);
}
to {
transform: translateY(0%);
}
}
.ReactModal__Overlay {
opacity: 0;
transition: 300ms;
z-index: 7;
}
.ReactModal__Overlay--after-open {
opacity: 1;
}
.ReactModal__Overlay--before-close {
opacity: 0;
}
.ReactModal__Content--after-open {
animation: flowIn 300ms ease-in;
transform: translateY(0%);
}
.ReactModal__Content--before-close {
transform: translateY(100%);
transition: 300ms;
}
.hold-overview-dialog {
overflow-x: hidden;
}
.aktuelle-forloeb {
padding-top: 101px;
}
.aktuelle-forloeb .no-forloeb-message {
position: relative;
margin-top: 68px;
margin-bottom: 95px;
}
.aktuelle-forloeb .no-forloeb-message.no-aarsplan {
margin-top: 98px;
margin-bottom: 65px;
}
.aktuelle-forloeb .book {
z-index: 2;
}
@media (max-width: 767px) {
.aktuelle-forloeb {
padding-top: 171px;
}
}
.hold-tal {
position: relative;
}
.hold-tal .hold-tal-header {
margin-top: 2px;
padding: 1px 20px;
height: 257px;
background-color: #D3E9EA;
background-image: url(/Node/assets/images/blackboard-charts-5f4a3662d3.svg);
background-size: contain;
background-position: bottom;
background-repeat: no-repeat;
}
.hold-tal .elev-list-info-text {
margin-top: -27px;
}
.hold-tal .elev-list {
padding: 20px 5px 10px;
margin-top: 10px;
background-color: #CFE2E4;
}
.hold-tal .elev-list .elev-bobble-label {
font-size: 12px;
}
.hold-tal .elev-list .elev-bobble-label.selected {
text-decoration: underline;
}
.hold-tal .text-small {
font-size: 12px;
}
.hold-tal .laeringspotentiale-diagram {
margin-bottom: 60px;
}
.hold-tal .laeringspotentiale-diagram .diagram-title {
margin-bottom: 20px;
}
.hold-tal .laering-og-fravaer-diagram .recharts-scatter-symbol > g {
opacity: 1;
transition: opacity 0.15s ease-in-out;
}
.hold-tal .laering-og-fravaer-diagram-text h4 {
margin-top: 0;
font-weight: bold;
}
.hold-tal .diagram {
margin-top: 50px;
margin-bottom: 70px;
}
.icon-picker .search-input {
margin: 0 1.5% 20px;
}
.indicator-score-button {
margin-top: 20px;
margin-bottom: 40px;
text-align: center;
max-width: 200px;
margin: auto;
padding-top: 10px;
}
.indicator-score-button h3 {
color: #3e8283;
font-weight: 400;
}
.indicator-score-button .bar-five-container {
width: 60%;
margin-left: 20%;
margin-bottom: 5px;
}
.indicator-score-button img {
margin-top: -10px;
}
.indicator-score-button .btn {
margin-top: -40px;
min-width: 70%;
color: #ffffff;
font-size: 13.5px;
}
.indicator-score-button p {
color: #3e8283;
font-size: 16px;
}
.indicator-score-button .placeholder {
height: 21px;
}
.wire-binding-modal-content .view-assignment {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-device-width: 767px) {
.wire-binding-modal-content .view-assignment .arbejdsopgave {
padding-left: 50px;
padding-right: 50px;
}
}
.wire-binding-modal-content .view-assignment .opgave-indhold-arbejdsopgave {
margin-top: 20px;
}
.wire-binding-modal-content .view-assignment .opgave-indhold-arbejdsopgave .teacher-img {
bottom: 9px;
}
.opgave-indhold-arbejdsopgave {
position: relative;
margin-top: 40px;
background: #3d8283;
color: white;
padding-bottom: 20px;
}
@media (min-width: 577px) {
.opgave-indhold-arbejdsopgave {
min-height: 220px;
}
}
@media (max-width: 576px) {
.opgave-indhold-arbejdsopgave .teacher-img,
.opgave-indhold-arbejdsopgave .boern-img {
display: none;
}
}
.opgave-indhold-arbejdsopgave .content {
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 577px) {
.opgave-indhold-arbejdsopgave .content {
padding-left: 115px;
}
}
.opgave-indhold-arbejdsopgave .content.editable-with-pencil {
cursor: pointer;
}
.opgave-indhold-arbejdsopgave .content.editable-with-pencil .user-text > :last-child:after {
display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons";
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
line-height: inherit;
vertical-align: bottom;
content: "\F3EB";
margin-left: 0.3em;
font-size: 16px;
vertical-align: middle;
}
@media print {
.opgave-indhold-arbejdsopgave .content.editable-with-pencil .user-text > :last-child:after {
display: none;
}
}
.opgave-indhold-arbejdsopgave .content.opgave-lower-content {
overflow: hidden;
}
.opgave-indhold-arbejdsopgave .content.opgave-lower-content .besvarelse-status-text {
font-size: 12px;
}
.opgave-indhold-arbejdsopgave .content.opgave-lower-content .besvarelse-status-text .fa-circle {
color: #82c46c;
}
.opgave-indhold-arbejdsopgave .content.opgave-lower-content .besvarelse-status-text .fa-stack {
margin-right: 8px;
margin-top: -2px;
}
@media (min-width: 577px) {
.opgave-indhold-arbejdsopgave .stretch-text .user-text {
min-height: 126px;
}
}
.opgave-indhold-arbejdsopgave .user-text {
padding-top: 35px;
margin-bottom: 20px;
font-size: 20px;
font-weight: 200;
word-wrap: break-word;
}
@media (max-width: 576px) {
.opgave-indhold-arbejdsopgave .user-text {
padding-top: 12px;
}
}
.opgave-indhold-arbejdsopgave .user-text a {
color: #ffffff;
text-decoration: underline;
word-wrap: break-word;
}
.opgave-indhold-arbejdsopgave .teacher-img {
position: absolute;
height: 230px;
bottom: 16px;
left: -17px;
z-index: 1;
}
.opgave-indhold-arbejdsopgave .boern-img {
position: absolute;
height: 162px;
bottom: 16px;
left: -19px;
z-index: 1;
}
@media print {
.arbejdsopgave {
padding-left: 20px;
}
}
.arbejdsopgave > .followup > .evalueringer {
margin: 30px 10px 0;
padding: 20px 20px 0;
background-color: #8dc5c6;
}
.arbejdsopgave .followup.elev-followup {
background-color: #E4EBEA;
overflow: hidden;
border: 1px solid #cccccc;
}
.arbejdsopgave .followup .add-delivery {
text-align: center;
color: #333;
}
.arbejdsopgave .followup .add-delivery > button ~ .editor-section-opgave-afleveringer {
margin-top: 16px;
}
.arbejdsopgave .followup .type-browse .dialogBox {
width: 80%;
height: 90%;
}
.arbejdsopgave .followup .opgavebesvarelse {
overflow: hidden;
margin-bottom: 24px;
}
.arbejdsopgave .followup .opgavebesvarelse .attachment-container {
z-index: 1;
margin: 16px 0;
}
.arbejdsopgave .followup .row-flex > .col-grow-1 {
max-width: 100%;
}
.arbejdsopgave .followup .row-flex > .col-grow-1.has-evaluering {
max-width: 92%;
}
.arbejdsopgave .followup .row-flex > .col-grow-1 .attachment-list .attachment {
display: block;
}
.arbejdsopgave .followup .row-flex > .col-grow-1 .name {
max-width: 100%;
}
.arbejdsopgave .followup .row-flex > .col-grow-1 .name.truncate {
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
display: block;
}
.arbejdsopgave .add-delivery-options {
background-color: #E4EBEA;
border: 1px solid #cccccc;
border-radius: 2px;
padding: 10px;
margin: 26px 0 0 0;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.arbejdsopgave .add-delivery-options .indholdselement-button,
.arbejdsopgave .add-delivery-options > div.select-file-type-button {
min-height: 92px;
}
.arbejdsopgave .add-delivery-options > button,
.arbejdsopgave .add-delivery-options > div.select-file-type-button {
position: relative;
box-sizing: border-box;
margin: 5px;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-positive: 0;
flex-grow: 0;
width: calc(20% - 10px);
min-width: 82px;
}
@media (max-width: 991px) {
.arbejdsopgave .add-delivery-options > button,
.arbejdsopgave .add-delivery-options > div.select-file-type-button {
width: calc(33.3% - 10px);
}
}
.arbejdsopgave .add-delivery-options > div.select-file-type-button > button {
width: 100%;
height: 92px;
}
.arbejdsopgave .add-delivery-options > button,
.arbejdsopgave .add-delivery-options > div.select-file-type-button > button {
padding: 20px 10px 10px 10px;
background: white;
border: none;
border-radius: 2px;
height: 102px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: stretch;
align-items: stretch;
}
.arbejdsopgave .add-delivery-options > button > .innerButton,
.arbejdsopgave .add-delivery-options > div.select-file-type-button > button > .innerButton {
padding: 0;
}
.arbejdsopgave .add-delivery-options > button .icon-wrapper img,
.arbejdsopgave .add-delivery-options > div.select-file-type-button > button .icon-wrapper img {
height: 28px;
max-width: 80%;
width: auto;
}
.arbejdsopgave .add-delivery-options > button .icon-wrapper .fa,
.arbejdsopgave .add-delivery-options > div.select-file-type-button > button .icon-wrapper .fa {
font-size: 2em;
}
.arbejdsopgave .add-delivery-options > button .indholdselement-label,
.arbejdsopgave .add-delivery-options > div.select-file-type-button > button .indholdselement-label {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-top: 8px;
font-size: 14px;
}
.arbejdsopgave .add-delivery-options > button:after,
.arbejdsopgave .add-delivery-options > div.select-file-type-button > button:after {
content: '';
background: transparent;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.arbejdsopgave .add-delivery-options .add-delivery-options-arrow {
position: absolute;
top: 0;
left: calc(50% - 38px);
width: 0;
height: 0;
border-left: 26px solid transparent;
border-right: 26px solid transparent;
border-bottom: 26px solid #cccccc;
margin-top: -26px;
margin-left: 12px;
margin-bottom: 20px;
}
.arbejdsopgave .add-delivery-options .add-delivery-options-arrow .add-delivery-options-arrow-fill {
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 25px solid #E4EBEA;
position: relative;
left: -25px;
top: 2px;
}
.arbejdsopgave .opgave-historik {
padding: 5px 0 15px;
}
.arbejdsopgave .opgave-historik .hr-text {
margin-left: 48px;
margin-bottom: 8px;
margin-top: 8px;
}
.arbejdsopgave .opgave-historik .hr-text:after {
background-color: #E4EBEA;
}
.arbejdsopgave .opgave-historik .vurdering-element {
margin-top: 8px;
margin-left: 8px;
}
.arbejdsopgave .opgave-historik .vurdering-element.has-afleveringsdato {
margin-top: 40px;
}
.arbejdsopgave .opgave-historik .speech-bubble {
max-width: calc(100% - 50px);
}
.arbejdsopgave .opgavebesvarelse .btn-edit-afleveringer {
margin-right: 8px;
}
.arbejdsopgave .opgavebesvarelse .btn-aflever > img {
height: 14px;
}
.arbejdsopgave p.has-error {
color: #994444;
}
.arbejdsopgave-edit .elev-til-elev,
.arbejdsopgave-edit .skabeloner-edit {
padding: 0;
}
.arbejdsopgave-edit h4 {
margin-top: 0;
margin-bottom: 8px;
}
.skabelon-container {
background-color: #ffffff;
border: #cccccc solid 1px;
padding: 8px;
}
.skabelon-container .attachment:not(:first-child) {
margin-top: 8px;
}
.skabelon-container .description {
color: #4d4d4d;
}
.skabelon-container .attachment {
border: 0;
}
.skabelon-container .attachment .image[disabled],
.skabelon-container .attachment button.name[disabled] {
cursor: pointer;
}
.editor-section-opgave-afleveringer .aflevering:first-child .attachment {
margin-top: 0;
}
.editor-section-opgave-afleveringer .aflevering:last-child .attachment {
margin-bottom: 0;
}
.opgave-buttons {
margin: 16px 0 4px 0;
}
.opgave-buttons button {
position: relative;
margin-left: 8px;
}
.opgave-buttons button .label.label-new {
position: absolute;
top: 20px;
right: -9px;
padding: 3px;
background-color: #c94a4a;
}
@media print {
.opgave-buttons {
display: none;
}
}
.arbejdsopgave-elev-portefoelje .portfolio-menu {
position: relative;
margin-top: 25px;
}
.arbejdsopgave-elev-portefoelje .portefoelje-begrundelse {
margin-top: 25px;
min-width: 95px;
}
.opgave-indhold-arbejdsopgave .arbejdsopgave-elev-portefoelje .portfolio-menu .btn:hover,
.opgave-indhold-arbejdsopgave .arbejdsopgave-elev-portefoelje .portfolio-menu .btn:focus {
color: white;
}
.toolbar {
height: 50px;
padding: 8px;
background-color: #f5f5f5;
border-bottom: 1px solid #cccccc;
}
.toolbar .dialog-in-page-container {
left: -20px;
top: -40px;
}
.toolbar .dialog-in-page-container .dialog-in-page {
top: 120px;
}
.elevbesvarelser {
margin: 0;
padding: 0;
background: white;
border: 2px solid #3d8283;
top: -4px;
}
.elevbesvarelser .add-attachment-buttons {
margin-left: 5px;
margin-top: 5px;
}
.elevbesvarelser .add-attachment-buttons .dialogBox {
width: 80%;
height: 80%;
}
.elevbesvarelser .add-attachment-buttons > div,
.elevbesvarelser .add-attachment-buttons > button {
display: inline-block;
margin: 0 10px 0 0;
}
.elevbesvarelser .add-attachment-buttons button,
.elevbesvarelser .add-attachment-buttons > div {
padding: 0;
border: none;
background: transparent;
position: relative;
}
.elevbesvarelser .add-attachment-buttons .icon-wrapper {
font-size: 8px;
margin-right: 4px;
}
.elevbesvarelser .add-attachment-buttons .icon-wrapper .fa {
font-size: 2em;
}
.elevbesvarelser .add-attachment-buttons .icon-wrapper img {
height: 2em;
width: auto;
position: relative;
top: -3px;
}
.elevbesvarelser .add-attachment-buttons button {
font-size: 12px;
position: relative;
opacity: 0.7;
}
.elevbesvarelser .add-attachment-buttons button:hover {
opacity: 1;
}
.elevbesvarelser .add-attachment-buttons button:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.elevbesvarelser .checkbox-styled {
margin: 16px 0;
display: block;
}
.elevbesvarelser .checkbox-styled.elev-line {
margin: 16px 0 0 16px;
}
.elevbesvarelser .checkbox-styled.elev-line > div {
padding-left: 22px;
}
.elevbesvarelser .elevbesvarelse-line {
position: relative;
display: block;
border-bottom: solid 1px #3d8283;
list-style-type: none;
}
.elevbesvarelser .elevbesvarelse-line:last-child {
border-bottom: 0;
}
.elevbesvarelser .elevbesvarelse-line-status {
color: #AE5547;
size: 12px;
}
.elevbesvarelser .elevbesvarelse-line.selected .header-container {
background-color: #eaf4f3;
}
.elevbesvarelser .elevbesvarelse-line .no-entry-element {
color: #f5f5f5;
margin-left: 50%;
transform: translate(-50%);
font-size: 0.75em;
}
.elevbesvarelser .elevbesvarelse-line .header-container {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
}
.elevbesvarelser .elevbesvarelse-line .header-container > .maal,
.elevbesvarelser .elevbesvarelse-line .header-container > h5 {
padding: 5px 15px;
margin: 0;
}
.elevbesvarelser .elevbesvarelse-line .header-container .maal,
.elevbesvarelser .elevbesvarelse-line .header-container .deliveries,
.elevbesvarelser .elevbesvarelse-line .header-container .done,
.elevbesvarelser .elevbesvarelse-line .header-container .latest-evaluering {
-ms-flex: 0 0 32px;
flex: 0 0 32px;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
}
.elevbesvarelser .elevbesvarelse-line .header-container .deliveries,
.elevbesvarelser .elevbesvarelse-line .header-container .latest-evaluering {
-ms-flex: 0 0 40px;
flex: 0 0 40px;
padding: 5px 0;
margin: 0 7.5px;
}
.elevbesvarelser .elevbesvarelse-line .header-container .deliveries:last-child,
.elevbesvarelser .elevbesvarelse-line .header-container .latest-evaluering:last-child {
margin-right: 15px;
}
.elevbesvarelser .elevbesvarelse-line .header-container .deliveries .elev-feedback-bubble,
.elevbesvarelser .elevbesvarelse-line .header-container .latest-evaluering .elev-feedback-bubble {
color: #FFFFFF;
height: 40px;
width: 40px;
display: inline-block;
background-color: #D0D0D0;
border-radius: 20px;
font-size: 22px;
padding: 3px 2px 2px 9px;
}
.elevbesvarelser .elevbesvarelse-line .header-container .deliveries .elev-feedback-bubble.comment,
.elevbesvarelser .elevbesvarelse-line .header-container .latest-evaluering .elev-feedback-bubble.comment {
background-color: #3d8283;
}
.elevbesvarelser .elevbesvarelse-line .header-container .deliveries .tag-new,
.elevbesvarelser .elevbesvarelse-line .header-container .latest-evaluering .tag-new {
position: absolute;
font-size: 75%;
padding: 3px;
line-height: 1;
font-weight: bold;
left: 2px;
top: 21px;
}
.elevbesvarelser .elevbesvarelse-line .header-container > .ny-dato {
margin: 0 7.5px;
}
.elevbesvarelser .elevbesvarelse-line .header-container .evaluering-profile-image {
margin: 8px;
}
.elevbesvarelser .elevbesvarelse-line .header-container .elev-besvarelse {
-ms-flex-positive: 1;
flex-grow: 1;
}
.elevbesvarelser .elevbesvarelse-line .header-container .elev-besvarelse .list-item-person {
border: none;
margin-bottom: 0;
}
.elevbesvarelser .elevbesvarelse-line .header-container .elev-besvarelse .list-item-person .content .name {
padding: 8px 0;
}
.elevbesvarelser .elevbesvarelse-line .header-container .name {
padding-left: 0;
-ms-flex: 1 1 100px;
flex: 1 1 100px;
height: 35px;
}
.elevbesvarelser .elevbesvarelse-line .contents {
padding: 15px 15px 5px 15px;
}
.elevbesvarelser .elevbesvarelse-line .expanded-container {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0 0 0 0;
margin: 0;
background: #E4EBEA;
position: relative;
z-index: 2;
}
.elevbesvarelser .elevbesvarelse-line .expanded-container:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: rgba(0, 0, 0, 0.2);
}
.elevbesvarelser .portfolio-container {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.elevbesvarelser .portfolio-menu {
top: 0;
right: 0;
}
.elevbesvarelser .portefoelje-begrundelse {
margin-top: 8px;
margin-bottom: 8px;
}
.elevbesvarelser .afleveringer {
margin-bottom: 24px;
}
.elevbesvarelser .browseDialog > .dialogBox {
max-width: 800px;
}
.elevbesvarelser .elevbesvarelse-klasse-heading-line {
position: relative;
border-top: 1px solid #3d8283;
}
.elevbesvarelser .elevbesvarelse-klasse-heading-line .klasse {
position: absolute;
left: -25px;
top: -10px;
text-align: center;
width: 25px;
height: 17px;
font-size: 11px;
background-color: #3d8283;
color: #ffffff;
padding: 1px 0 1px 0;
overflow: hidden;
}
.elevbesvarelser .elevbesvarelse-klasse-heading-line::before {
position: absolute;
top: -10px;
left: 0;
content: "";
width: 0;
height: 0;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-left: 9px solid #3d8283;
}
.elevbesvarelser.with-klasse-markers .toolbar {
border-bottom: 1px solid #3d8283;
}
@media (max-width: 767px) {
.elevbesvarelser .portfolio-container {
text-align: center;
padding-right: 0;
}
.elevbesvarelser .portfolio-container .portfolio-menu {
position: relative;
}
}
.evaluering-small .speech-bubble {
padding: 15px;
}
.evaluering-small .speech-bubble:before,
.evaluering-small .speech-bubble:after {
display: none;
}
.evaluering .evaluering-kommentar {
resize: none;
min-height: 75px;
border-color: #757575;
}
.evaluering .evaluering-buttons {
padding-bottom: 10px;
}
.evaluering .evaluering-buttons .btn {
border-color: #4d4d4d;
color: #4d4d4d;
margin-right: 5px;
margin-bottom: 7px;
}
.evaluering .evaluering-buttons .btn.selected {
border-color: #3d8283;
color: #4d4d4d;
}
.evaluering .evaluering-buttons .btn.btn-link {
border: 0;
font-weight: bold;
}
.evaluering .evaluering-buttons .btn.btn-link.selected {
margin-bottom: 7px;
border: 2px solid #3d8283;
border-radius: 20px;
}
.evaluering .fr-toolbar .fr-btn {
margin: 0 !important;
}
.evaluering .evaluering-popup {
position: relative;
margin-bottom: 20px;
padding: 15px 10px 0 10px;
border: 1px solid #757575;
z-index: 1;
}
.evaluering .evaluering-popup:before,
.evaluering .evaluering-popup:after {
content: "";
position: absolute;
bottom: -15px;
right: 25px;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
}
.evaluering .evaluering-popup:before {
bottom: -16px;
border-color: #757575 transparent transparent transparent;
}
.evaluering .evaluering-popup:after {
border-color: #FFFFFF transparent transparent transparent;
}
.evaluering .save-feedback {
margin-left: 8px;
}
.evaluering .btn.btn-circle {
margin-right: 5px;
margin-bottom: 7px;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 18px;
font-size: 14px;
}
.evaluering .btn.btn-circle.selected {
width: 44px;
height: 44px;
font-size: 18px;
border-radius: 22px;
border-width: 2px;
}
.evaluering .btn.btn-circle.selected .eval-smiley {
background-size: 105%;
}
.evaluering .toggleVurdering {
padding: 21px 5px 5px;
margin: 5px 0;
width: 80px;
height: 80px;
line-height: 16px;
border-radius: 40px;
}
.evaluering .toggleVurdering .has-evaluering {
height: 38px;
font-size: 200%;
padding-top: 8px;
}
.evaluering .toggleVurdering .has-evaluering .eval-smiley {
margin-top: -30px;
height: 79px;
}
.evaluering.row-flex > .col-grow-1 {
max-width: 100%;
}
.feedback-kommentar {
white-space: pre-line;
}
.skabeloner-edit .skabeloner-error-text,
.skabeloner .skabeloner-error-text {
font-size: 12px;
color: #994444;
padding-top: 8px;
}
.onedrive-edit {
text-align: center;
}
.onedrive-edit .description {
text-align: left;
margin-top: 16px;
}
.onedrive-edit .description textarea {
width: 100%;
min-height: 100px;
}
.onedrive-edit .title {
text-align: left;
margin-top: 16px;
}
.onedrive-edit .title input[type="text"] {
width: 100%;
}
.onedrive-edit .errors {
text-align: left;
color: #a24037;
}
.indholdselement-button {
position: relative;
border: none;
display: block;
background: transparent;
border-radius: 4px;
margin: 10px 0;
width: 114px;
height: 117px;
border: 1px solid lightgrey;
}
.indholdselement-button:focus {
outline-color: #777777;
}
.indholdselement-button:hover {
background-color: #f0f0f0;
}
.indholdselement-button > .innerButton {
min-height: 100%;
border: none;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 8px;
-ms-flex-align: stretch;
align-items: stretch;
padding: 20px 10px 10px;
}
.indholdselement-button > .innerButton .icon-wrapper {
text-align: center;
max-height: 32px;
}
.indholdselement-button > .innerButton .icon-wrapper > * {
max-height: 28px;
width: auto;
}
.indholdselement-button > .innerButton .icon-wrapper .fa {
font-size: 2em;
}
.indholdselement-button > .innerButton .indholdselement-label {
overflow: hidden;
word-break: break-all;
word-break: break-word;
overflow-wrap: break-word;
}
.indholdselement-button > .innerButton .loading-spinner-container {
border-radius: 5px;
}
.info-bar {
width: 100%;
height: 80px;
background-color: #285657;
color: #fff;
box-shadow: rgba(0, 0, 0, 0.3) 0 3px 0;
z-index: 1001;
}
.info-bar i {
font-size: 40px;
margin: 0 20px;
line-height: 80px;
}
.info-bar h4 {
color: #fff;
line-height: 60px;
}
.info-bar .btn-wrapper {
line-height: 80px;
}
.column-style,
.progression-bar-step,
.progression-bar-step-title {
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
display: inline-block;
height: inherit;
}
.progression-bar {
min-height: 50px;
height: 100%;
position: relative;
}
.progression-bar-step {
background-color: #f0f0f0;
}
.progression-bar-step-title {
text-align: center;
}
.progression-bar-marker {
height: 16px;
width: 16px;
position: absolute;
border-radius: 50%;
top: calc(50% - 16px / 2);
background-color: #3f3f3f;
}
.progression-row {
min-height: 50px;
width: 100%;
position: relative;
}
.progression-row-maal-container {
min-height: 50px;
position: relative;
background-color: #f0f0f0;
margin-bottom: 2px;
}
.progression-row .progression-row-maal {
padding: 5px;
}
.progression-row p {
margin: 0 0 0 50px;
width: calc(100% - 345px);
}
.progression-row p span.fa {
margin-right: 5px;
}
.progression-row p.historik-toggle-button {
color: #1771BF;
}
.progression-row .maal-icon {
margin: 5px 15px 5px 5px;
height: 30px;
width: 30px;
background-position: 50% 50%;
background-repeat: no-repeat;
float: left;
}
.progression-row .maal-icon.faerdighed {
background-image: url(/Node/assets/images/faerdighedsmaal-ikon-09f7e223af.png);
}
.progression-row .maal-icon.viden {
background-image: url(/Node/assets/images/vidensmaal-ikon-508029bd79.png);
}
.progression-row .progression-bar-container {
width: 300px;
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.progression-row .progression-bar-marker.laerer {
background-color: #5480ae;
}
.progression-row .progression-bar-marker.elev {
background-color: #64aa59;
}
.progression-row .progression-bar-marker.laerer-foerste {
background-color: transparent;
border: 1px solid #5480ae;
}
.progression-row .progression-bar-marker.elev-foerste {
background-color: transparent;
border: 1px solid #64aa59;
}
.progression-historik {
min-height: 50px;
width: 100%;
position: relative;
}
.progression-historik-maal-container {
min-height: 50px;
position: relative;
background-color: #f0f0f0;
margin-bottom: 2px;
margin-left: 10px;
}
.progression-historik .progression-historik-maal {
padding: 5px;
}
.progression-historik p {
margin: 0 0 0 50px;
width: calc(100% - 345px);
}
.progression-historik p span.fa {
margin-right: 5px;
}
.progression-historik p.vurderinger-toggle-button {
color: #1771BF;
}
.progression-historik p.not-expandable-historik-text {
margin-top: 10px;
}
.progression-vurdering {
min-height: 50px;
width: 100%;
position: relative;
}
.progression-vurdering-maal-container {
min-height: 50px;
position: relative;
background-color: #f0f0f0;
margin-bottom: 2px;
margin-left: 20px;
}
.progression-vurdering-maal-container .user-picture {
margin: 5px 15px 5px 5px;
height: 30px;
width: 30px;
background-position: center;
background-repeat: no-repeat;
float: left;
background-size: cover;
}
.progression-vurdering-maal-container .elev-name {
margin-top: 10px;
}
.progression-vurdering .progression-vurdering-maal {
color: #1771BF;
padding: 5px;
}
.progression-vurdering p {
margin: 0 0 0 50px;
width: calc(100% - 345px);
}
.progression-vurdering p span.fa {
margin-right: 5px;
}
.progression-list-kompetencer-list h3 {
margin-top: 30px;
}
.progression-list-delkompetence {
position: relative;
}
.progression-list-delkompetence h4 {
margin: 20px 0 15px;
}
.progression-list-delkompetence:not(:last-child) {
margin-bottom: 52px;
}
.progression-list-step-headings {
width: 300px;
position: absolute;
right: 0;
top: -30px;
}
.progression-list-step-headings.small-space {
top: 0;
}
.marker-info-box .progression-bar-marker {
top: 10px;
left: calc(50% - 8px);
}
.marker-info-box .progression-bar-marker.blue {
background-color: #5480ae;
}
.marker-info-box .progression-bar-marker.blue-outline {
background-color: #ffffff;
border: 1px solid #5480ae;
}
.marker-info-box .progression-bar-marker.green {
background-color: #64aa59;
}
.marker-info-box .progression-bar-marker.green-outline {
background-color: #ffffff;
border: 1px solid #64aa59;
}
.marker-info-box p {
margin-top: 10px;
}
.klassens-progression {
margin-bottom: 50px;
}
.klassens-progression .progression-bar-marker.elev {
background-color: #64aa59;
}
.klassens-progression .progression-bar-marker.elev-foerste {
background-color: transparent;
border: 1px solid #64aa59;
}
.klassens-progression .progression-bar-marker.laerer {
background-color: #5480ae;
}
.klassens-progression .progression-bar-marker.laerer-foerste {
background-color: transparent;
border: 1px solid #5480ae;
}
.klassens-progression .markers-info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-top: 15px;
}
.kompetencehjul-advanced {
min-height: 680px;
min-width: 634px;
}
.kompetencehjul-advanced .recharts-pie-sector path {
transition: fill 0.2s ease;
}
.kompetencehjul-advanced .kompetencer.interactive:hover,
.kompetencehjul-advanced .delkompetencer.interactive:hover {
cursor: pointer;
}
.kompetencehjul-advanced .fag:not(.interactive) text {
fill: #4d4d4d;
}
.kompetencehjul-advanced .recharts-wrapper,
.kompetencehjul-advanced .pie-cell-gap-lines {
position: absolute !important;
}
.kompetencehjul-advanced .pie-cell-gap-lines {
pointer-events: none;
}
.kompetencehjul-advanced .kompetencehjul-tooltip {
position: absolute;
z-index: 2;
max-width: 320px;
background-color: #FFFFFF;
border: 1px solid #cccccc;
border-radius: 4px;
padding: 8px;
color: #4d4d4d;
text-align: left;
}
.kompetencehjul-advanced .kompetencehjul-tooltip:before,
.kompetencehjul-advanced .kompetencehjul-tooltip:after {
position: absolute;
content: "";
width: 0;
height: 0;
}
.kompetencehjul-advanced .kompetencehjul-tooltip:before {
position: absolute;
top: 10px;
left: -9px;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right: 9px solid #cccccc;
}
.kompetencehjul-advanced .kompetencehjul-tooltip:after {
top: 11px;
left: -8px;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 8px solid #fff;
}
.kompetencehjul-advanced .opmaerksomhedspunkt {
font-family: FontAwesome;
}
.beskrivelse-tooltip,
.kompetencehjul-list .beskrivelse-tooltip {
text-align: left;
max-width: 320px;
background-color: #FFFFFF;
border: 1px solid #cccccc;
border-radius: 4px;
padding: 8px;
color: #4d4d4d;
opacity: 1;
font-size: 14px;
z-index: 1000;
}
.kompetencehjul-label {
text-align: center;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
}
.kompetencehjul-label__name {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
}
.kompetencehjul-list .beskrivelse-tooltip ul,
.kompetencehjul-list .kompetencehjul-list .beskrivelse-tooltip ul {
padding-left: 20px;
}
.kompetencehjul-list .maalpar-list {
width: 100%;
padding-top: 8px;
padding-bottom: 24px;
display: inline-block;
}
.kompetencehjul-list .maalpar-list .toggle-button {
padding: 0;
}
.kompetencehjul-list .maalpar-list .maal-par-arrow-cell-icon {
z-index: 8;
}
.kompetencehjul-list .hjul-wrapper {
display: inline-block;
width: 100%;
}
.kompetencehjul-list .hjul-wrapper span.tag {
margin-top: 4px;
margin-right: 4px;
}
.laeringsmaal-header .kompetencehjul-simple .recharts-wrapper {
cursor: pointer !important;
}
.kui-plan-hent-pdf-knap,
.kui-plan-gem-som-kladde-knap,
.kui-plan-godkend-knap,
.kui-plan-send-til-vejleder-knap {
width: 175px;
}
.mit-laeringsmaal-arkiv-search {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr auto;
grid-template-columns: 1fr auto;
grid-gap: 16px;
margin-bottom: 24px;
}
.mit-laeringsmaal-arkiv .laeringsmaal {
margin-bottom: 24px;
margin-right: 2px;
}
.projector-screen-react-modal .mit-laeringsmaal-arkiv {
margin: 55px;
}
.emu-laeringsmaal-arkiv {
position: relative;
background-color: #ffffff;
min-height: 200px;
}
.emu-laeringsmaal-arkiv-laeringsmaal-list {
list-style: none;
padding: 0;
}
.emu-laeringsmaal-arkiv .forenklede-faellesmaal {
margin-bottom: 30px;
}
.emu-laeringsmaal-arkiv-laeringsmaal-list-item {
padding-bottom: 25px;
}
.emu-laeringsmaal-arkiv-laeringsmaal-list-item .static-laeringsmaal {
cursor: pointer;
}
.emu-laeringsmaal-arkiv-laeringsmaal-list-item:last-child {
border-bottom: 1px solid #d5d4d1;
}
.emu-laeringsmaal-arkiv .maal-par {
padding-bottom: 8px;
}
.projector-screen-react-modal .emu-laeringsmaal-arkiv {
margin-top: 20px;
}
.static-laeringsmaal {
background-color: #ffffff;
margin-bottom: 0;
border: none;
padding: 0;
cursor: auto;
text-align: left;
border-left: 1px solid #ccc;
}
.static-laeringsmaal.clickable {
cursor: pointer;
}
.static-laeringsmaal .tegnpaalaeringliste > table {
margin-bottom: 0;
}
.legend-list {
list-style: none;
}
.legend-list .legend {
line-height: 16px;
padding: 4px;
}
.legend-list .legend .key {
height: 16px;
width: 16px;
display: inline-block;
border-radius: 0px;
font-size: 16px;
}
.legend-list .legend .key.dark {
background-color: #3d8283;
}
.legend-list .legend .key.light {
background-color: #eaf4f3;
border: 1px solid #3d8283;
}
.legend-list .legend .key.danger {
color: #994444;
}
.legend-list .legend .name {
padding-left: 8px;
vertical-align: top;
}
.loading-spinner-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.7);
z-index: 999;
}
.loading-spinner-container.fixed {
position: fixed;
}
.loading-spinner-container.animateIn {
animation-name: fadeIn;
animation-duration: 300ms;
}
.loading-spinner {
position: absolute;
display: inline-block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-height: 16px;
min-width: 16px;
text-align: center;
background: center top url(/Node/assets/images/loader-bb99de8b9d.gif) no-repeat;
z-index: 1000;
}
.loading-spinner p {
padding-top: 25px;
margin-bottom: 0;
}
.loading-spinner.boxed {
padding: 20px 30px 36px;
background-position: center 20px;
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
}
.loading-spinner.boxed > p {
margin-bottom: -15px;
}
.loading-spinner.inline {
position: relative;
transform: none;
transform: translate(0, 25%);
top: 0;
left: 0;
}
.loading-spinner-relative-container {
position: relative;
min-height: 100px;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.media-browser {
position: relative;
}
.media-browser .thumbnail {
background-color: white;
margin-bottom: 20px;
border-radius: 3px;
padding: 5px;
}
.media-browser .thumbnail-image {
height: 106px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.media-browser .thumbnail-image-folder {
margin-top: 10px;
height: 96px;
width: 120px;
margin-left: 50%;
transform: translateX(-50%);
max-width: 100%;
}
.media-browser .thumbnail-image-folder-background {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 99px;
width: 124px;
max-width: 100%;
background-image: url(/Node/assets/images/folder-8e2f7b9ac2.svg);
background-repeat: no-repeat;
background-size: 100%;
}
.media-browser .thumbnail-image-folder-container {
position: relative;
}
.media-browser .list-navigation-text {
text-align: center;
margin-bottom: 10px;
}
.media-browser .list-navigation-text button:first-child {
margin-right: 20px;
}
.media-browser .list-navigation-text button:last-child {
margin-left: 20px;
}
.media-browser .media-browser-list-items {
padding-left: 0;
padding-right: 0;
}
.media-browser .media-browser-item-selected .type-html {
padding: 0;
margin: 0;
border: none;
}
.my-week-header-input,
.my-week .react-datepicker-wrapper input[readonly] {
background: none;
border: none;
box-shadow: none;
font-size: 18.2px;
color: #ffffff;
}
.my-week {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
background: white;
}
.my-week > .container-fluid {
margin: 0;
}
@media (max-width: 480px) {
.my-week > .container-fluid {
padding: 0 8px;
}
}
.my-week .collapse-button {
color: white;
padding: 0 16px;
}
.my-week .collapse-button:active,
.my-week .collapse-button:focus {
outline: 0;
}
.my-week .collapse-button:focus:not(:active) > span {
outline: 2px auto #777;
}
.my-week .collapse-button > span {
font-size: 24px;
}
.my-week-header {
-ms-flex-order: 0;
order: 0;
}
.my-week-day-navigation {
-ms-flex-order: 1;
order: 1;
}
.my-week-school-calendar-schedule {
-ms-flex-order: 2;
order: 2;
}
.my-week .schedule-wrapper {
-ms-flex-order: 3;
order: 3;
}
.my-week-assignments {
-ms-flex-order: 4;
order: 4;
}
.my-week-background-wrapper {
-ms-flex-order: 5;
order: 5;
}
.my-week-header {
background-color: #366161;
}
@media (max-width: 480px) {
.my-week-header {
text-align: center;
}
}
.my-week-header-icon {
display: inline-block;
width: 39px;
background: transparent url(/Node/assets/images/calendar-icon-8f2445670a.svg) left center no-repeat;
margin-right: 0.5em;
font-size: 18px;
text-align: center;
color: #EC6A66;
line-height: 34px;
vertical-align: super;
}
.my-week-header .logo-with-title {
margin-bottom: 8px;
}
.my-week-header .logo-with-title .calendar {
color: #ffffff;
margin-right: 10px;
}
.my-week-header .logo-with-title .title {
display: inline-block;
color: #ffffff;
font-size: 30px;
margin-top: 8px;
font-weight: 100;
}
.my-week-header .inputs {
margin-top: 12px;
text-align: right;
padding-left: 0;
padding-right: 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: baseline;
align-items: baseline;
}
.my-week-header .inputs > .item {
display: inline-block;
}
.my-week-header .inputs > .item.first {
margin-left: 8px;
}
.my-week-header .inputs .my-week-week-chooser {
color: #4d4d4d;
margin: 16px 0;
background-color: #ffffff;
height: 30px;
width: 100%;
}
.my-week-header .inputs .arrows {
margin-right: 16px;
}
.my-week-header .inputs .arrows .btn-previous,
.my-week-header .inputs .arrows .btn-next {
padding-top: 2px;
}
@media (max-width: 480px) {
.my-week-header .inputs .arrows {
margin-right: 0;
margin-bottom: 4px;
text-align: left;
}
}
.my-week-header .inputs .klasse-select,
.my-week-header .inputs .fag-select {
text-align-last: right;
max-width: 150px;
}
.my-week-header .inputs .klasse-select select,
.my-week-header .inputs .fag-select select {
border: none;
box-shadow: none;
font-size: 18.2px;
color: #ffffff;
}
.my-week-header .inputs .klasse-select select optgroup,
.my-week-header .inputs .fag-select select optgroup,
.my-week-header .inputs .klasse-select select option,
.my-week-header .inputs .fag-select select option {
color: #4d4d4d;
}
.my-week-day-navigation {
padding: 4px 8px;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1);
position: relative;
display: block;
background-color: #ffffff;
margin-bottom: 8px;
}
@media (min-width: 1024px), (width: 768px) and (height: 1024px) and (orientation: landscape) {
.my-week-day-navigation {
display: none;
}
}
.my-week-scheme {
height: 300px;
background-color: white;
}
@media (min-width: 992px) {
.my-week .schedule-wrapper ~ .my-week-school-calendar-schedule,
.my-week .schedule-wrapper ~ .my-week-assignments {
padding: 0 16px 0 58px;
}
}
.my-week-assignments,
.my-week-school-calendar-schedule {
background-color: white;
position: relative;
}
.my-week-background-wrapper {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -ms-flexbox;
display: flex;
background-color: #f5f9f4;
background-image: url(/Node/assets/images/minuge_bg-1d2be72698.svg);
background-size: 280px;
background-repeat: no-repeat;
background-position: bottom right;
-ms-flex-direction: column;
flex-direction: column;
min-height: 300px;
}
.my-week-background-wrapper .row:first-child {
height: 100%;
}
.my-week-background-wrapper.erLaerer {
background-color: #f3f6f9;
}
@media (max-width: 767px) {
.my-week-background-wrapper {
background-image: none;
}
}
.my-week-courses h3 {
margin-bottom: 16px;
}
.my-week-notes {
margin-top: 8px;
margin-bottom: 24px;
}
.my-week-notes h3 {
margin-bottom: 16px;
}
.my-week-background {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
height: 100%;
-ms-flex-pack: center;
justify-content: center;
}
.my-week-background img {
width: 280px;
margin-top: 40px;
margin-bottom: 40px;
}
.my-week .react-datepicker-wrapper input[readonly] {
max-width: 108px;
text-align: center;
padding: 0;
}
.my-week .react-datepicker-wrapper input[readonly]:hover {
text-decoration: underline;
cursor: pointer;
}
.my-week-calendar .react-datepicker__week.selected-week {
background-color: #eaf4f3;
}
.my-week-calendar .react-datepicker__week.selected-week .react-datepicker__day--selected {
background-color: #f0f0f0;
}
.my-week-calendar .react-datepicker__week .react-datepicker__day--selected {
color: inherit;
background-color: #ffffff;
}
.my-week-calendar .react-datepicker__week:not(.selected-week):hover {
background: #f0f0f0;
}
.my-week-calendar .react-datepicker__week:not(.selected-week):hover .react-datepicker__day--selected {
background-color: #f0f0f0;
}
.my-week-calendar .react-datepicker__week .react-datepicker__day--selected:before(.react-datepicker__week-number) {
color: green;
}
.my-week-no-groups-dialog,
.my-week-no-assignment-dialog {
position: relative;
}
.my-week-no-groups-dialog .dialog-in-page,
.my-week-no-assignment-dialog .dialog-in-page {
overflow: hidden;
}
.my-week-no-groups-dialog .teacher-img,
.my-week-no-assignment-dialog .teacher-img {
position: fixed;
top: 32px;
left: 25px;
height: calc(100% - 32px);
width: 150px;
background-image: url(/Node/assets/images/teacher-6393b07688.svg);
background-size: 100%;
background-repeat: no-repeat;
}
.my-week-no-groups-dialog .content,
.my-week-no-assignment-dialog .content {
margin-left: 170px;
}
@media (max-width: 767px) {
.my-week-no-groups-dialog .content,
.my-week-no-assignment-dialog .content {
margin-left: 0;
}
}
.nationale-test-header {
margin-top: 2px;
padding: 1px 20px;
height: 257px;
background-color: #D3E9EA;
background-image: url(/Node/assets/images/blackboard-charts-5f4a3662d3.svg);
background-size: contain;
background-position: bottom;
background-repeat: no-repeat;
}
.nationale-test-body-description {
margin-top: 25px;
}
.nationale-test-body-test-groups {
position: relative;
}
.nationale-test .titled-list {
margin-top: 40px;
}
.nationale-test-body-year-list {
margin-top: 40px;
}
.nationale-test-body-year-list .titled-list {
background-color: red;
margin-top: -20px;
}
.nationale-test-loading-box {
position: relative;
min-height: 80px;
}
.header {
margin-left: -20px;
}
.get-more {
padding-left: 0;
}
.nationale-test-results {
margin: 0 40px 0 40px;
}
.nationale-test-results-header {
margin: 40px 0 35px 0;
}
.nationale-test-results .samlet-kriterie .category-container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 20px 0;
}
.nationale-test-results .samlet-kriterie .category-container .category-item {
border: solid 1px #3e6867;
vertical-align: middle;
display: inline-block;
width: 15px;
height: 15px;
}
.nationale-test-results .samlet-kriterie .category-container .not-used {
color: #c2c4c7;
}
.nationale-test-results .samlet-kriterie .category-container .not-used.category-item {
opacity: 0.5;
}
.nationale-test-result-type-picker .result-type-button {
height: 100%;
background-color: #EEEEEE;
padding: 20px 12px;
}
.nationale-test-result-type-picker .result-type-button:hover {
background-color: #E1E1E1;
}
.nationale-test-result-type-picker .result-type-button.active {
background-color: #63768D;
color: #ffffff;
}
.nationale-test-result-type-picker .result-type-button span.fa {
margin-top: 5px;
}
.nationale-test-result-type-picker .result-type-button .result-type-button-content {
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.nationale-test-result-type-picker .result-type-button .result-type-button-content span.fa {
display: block;
text-align: center;
}
@media (min-width: 992px) {
.nationale-test-result-type-picker .result-type-button .result-type-button-content span.fa {
float: left !important;
margin-right: 5px;
}
}
.nationale-test-elev-table .elev-row.even {
background-color: #f8f8f8;
}
.nationale-test-elev-table .elev-row p {
margin: 0;
}
.nationale-test-elev-table .sort-icon {
position: absolute;
margin-left: 4px;
margin-top: 4px;
}
.nationale-test-elev-table .sort-icon.fa-sort-desc {
margin-top: 0;
}
.nationale-test-elev-table .sort-icon.fa-sort-asc {
margin-top: 6px;
}
.nationale-test-elev-table .sort-icon.fa-sort {
color: #e1e1e1;
}
.flash-message {
margin-bottom: 8px;
min-height: 50px;
}
.flash-message.success {
background-color: #82c46c;
}
.flash-message.warning {
background-color: #fcf8e3;
border: 1px solid #faebcc;
color: #8a6d3b;
}
.flash-message.danger {
background-color: #994444;
color: #ffffff;
}
.flash-message.danger .btn {
border-color: #ffffff;
color: #ffffff;
}
.flash-message .content {
display: -ms-flexbox;
display: flex;
padding: 8px 16px;
}
.flash-message .content .flash-text {
-ms-flex-positive: 9;
flex-grow: 9;
white-space: pre-line;
}
.flash-message .content .flash-close {
text-align: right;
-ms-flex-positive: 1;
flex-grow: 1;
}
.flash-queue {
position: relative;
}
.page-utility-button-container > span:focus {
outline: none;
}
.page-utility-button-container .current-page .page-utility-button {
cursor: default;
}
.page-utility-button {
width: 50px;
height: 50px;
background-color: white;
margin-bottom: 10px;
text-align: center;
box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
padding-top: 5px;
line-height: 50px;
cursor: pointer;
}
.page-utility-button:focus {
outline: none;
}
.page-utility-button.inactive {
border-left: 3px solid red;
}
.page-utility-button.disabled {
cursor: not-allowed;
}
.list-item-person {
width: 100%;
padding: 8px;
border: 1px solid #cccccc;
border-radius: 2px;
display: -ms-flexbox;
display: flex;
margin-bottom: 8px;
}
.list-item-person.muted {
color: #777;
cursor: not-allowed;
}
.list-item-person .user-picture {
width: 34px;
height: 34px;
border-radius: 18px;
margin: 1px 8px 0 0;
background-size: cover;
}
.list-item-person .fornavn,
.list-item-person .efternavn {
display: inline;
font-size: 14px;
}
.list-item-person .fornavn {
padding-right: 4px;
}
.list-item-person .name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.list-item-person .content {
max-width: calc(100% - 50px);
}
.list-item-person .institution {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 11px;
line-height: 15px;
margin-bottom: 0;
}
.list-item-person .student-access-icon {
margin-top: auto;
margin-bottom: auto;
margin-right: 4px;
color: #777;
}
.person {
opacity: 1;
position: relative;
display: inline-block;
padding: 5px;
width: 91px;
margin: 5px;
background-color: #F8F7F3;
border: solid 1px #999;
transition-duration: 0.15s;
}
.person.person-clickable {
cursor: pointer;
}
.person.person-show-checkmark {
background: #F8F7F3 url(/Node/assets/images/checkmark-4920dd8edd.png) 70.5px 103.5px no-repeat;
}
.person.person-inactive {
border-color: #ebebe3;
opacity: 0.4;
}
.person.person-inactive.person-show-checkmark {
background: #F8F7F3 url(/Node/assets/images/checkmark-4920dd8edd.png) 70.5px 126px no-repeat;
}
.person:focus {
border-color: #366161;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(54, 97, 97, 0.6);
}
.person .first-name,
.person .last-name {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin: 0px auto;
margin-left: 5px;
font-weight: 400;
}
.person h3.first-name {
font-size: 11px;
line-height: 11px;
height: 14px;
margin-top: 5px;
}
.person h4.last-name {
font-size: 10px;
height: 13px;
}
.person .evaluering-profile-image {
width: 80px;
height: 80px;
border-radius: 0;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.mu-popover {
display: block;
position: absolute;
z-index: 10000;
left: 15px;
right: 15px;
padding-left: 20px;
padding-right: 20px;
background-color: white;
min-height: 200px;
margin-top: 26px;
margin-bottom: 20px;
border: 1px solid #b3b0a9;
box-shadow: 5px 5px 0 rgba(200, 200, 200, 0.5);
opacity: 1;
}
.mu-popover .mu-popover-arrow {
width: 0;
height: 0;
border-left: 26px solid transparent;
border-right: 26px solid transparent;
border-bottom: 26px solid #b3b0a9;
margin-top: -26px;
margin-left: 12px;
margin-bottom: 20px;
}
.mu-popover .mu-popover-arrow .mu-popover-arrow-fill {
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 25px solid white;
position: relative;
left: -25px;
top: 2px;
}
.portefoelje-begrundelse-dialog .dialog-in-page {
overflow-y: visible !important;
}
.mobile-portfolio-menu {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
height: 140px;
margin-top: -83px;
padding-right: 40px;
text-align: left;
white-space: nowrap;
pointer-events: none;
}
.mobile-portfolio-menu .mobile-portfolio-menu-item {
display: block;
pointer-events: all;
}
.mobile-portfolio-menu .mobile-portfolio-menu-item:not(:last-child) .wheel-menu-item {
margin-bottom: 4px;
}
.mobile-portfolio-menu .wheel-menu-item {
display: inline-block;
background-color: #4d4d4d;
color: white;
border-radius: 12px;
height: 24px;
padding: 0 8px;
line-height: 24px;
}
.mobile-portfolio-menu .wheel-menu-item .fa {
font-size: 1.2em;
padding-right: 4px;
}
.mobile-portfolio-menu .wheel-menu-item div {
display: inline-block;
}
.portfolio-container-small {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
text-align: right;
min-width: 28px;
height: 24px;
margin-right: 2px;
}
.portfolio-container-small .portfolio-menu {
pointer-events: none;
z-index: 1;
}
.portfolio-container-small .portfolio-menu button {
pointer-events: all;
}
.portfolio-card {
width: 100%;
display: inline-block;
padding: 16px;
position: relative;
border-radius: 0;
}
.portfolio-card.light .portfolio-card-header-content *,
.portfolio-card.light .portfolio-card-main-content * {
color: #4d4d4d;
}
.portfolio-card.dark .portfolio-card-header-content *,
.portfolio-card.dark .portfolio-card-main-content * {
color: #ffffff;
}
.portfolio-card-content {
display: inline-block;
width: 100%;
padding-top: 16px;
}
.portfolio-card-content .portfolio-card-comments {
margin: 16px -16px -16px -16px;
background-color: #E4EBEA;
padding: 16px;
border: 1px solid #cccccc;
border-top: 0;
border-radius: 0;
}
.portfolio-card-content .portfolio-card-comments-toggle-historik-btn-wrapper {
margin-top: 8px;
text-align: center;
}
.portfolio-card-content .portfolio-card-comments .portfolio-comment-vurdering-column {
padding-left: 0;
}
.portfolio-card-header {
width: 100%;
}
.portfolio-card-header-content {
display: inline-block;
padding-left: 8px;
}
.portfolio-card-header .portfolio-card-header-icon {
display: inline-block;
}
.portfolio-card-header .portfolio-card-header-icon > * {
background-repeat: no-repeat;
background-position: center;
}
.portfolio-card .portefoelje-begrundelse {
position: absolute;
right: 32px;
top: -10px;
}
.portfolio-card-content-text {
word-break: break-word;
}
.portfolio-card-content-text.light {
color: #ffffff;
}
.portfolio-card-content-text.light h1,
.portfolio-card-content-text.light h2,
.portfolio-card-content-text.light h3,
.portfolio-card-content-text.light h4,
.portfolio-card-content-text.light h5,
.portfolio-card-content-text.light h6 {
color: #ffffff;
}
.portfolio-card-content-text.dark {
color: #4d4d4d;
}
.portfolio-card-content-text.dark h1,
.portfolio-card-content-text.dark h2,
.portfolio-card-content-text.dark h3,
.portfolio-card-content-text.dark h4,
.portfolio-card-content-text.dark h5,
.portfolio-card-content-text.dark h6 {
color: #4d4d4d;
}
.portfolio-card-content img {
max-width: 100%;
max-height: 100%;
}
.portfolio-card-content iframe {
width: 100%;
border: none;
height: 174px;
margin-top: 8px;
}
.portfolio-card-content .attachment {
background-color: #FFFFFF;
padding: 0;
}
.profile-image-editor {
margin-top: 30px;
}
.profile-image-editor .buttons .fa[data-disabled=true].fa[data-direction="up"],
.profile-image-editor .buttons .fa[data-disabled=true].fa[data-direction="down"] {
background-color: #d5d4d1;
cursor: not-allowed;
}
.profile-picture-viewer {
width: 200px;
}
.profile-picture-viewer-preview {
width: 200px;
height: 200px;
overflow: hidden;
display: inline-block;
}
.profile-picture-viewer-preview img {
width: 200px;
background-position: center;
}
.mu-progress-bar {
position: relative;
width: 100%;
height: 15px;
background-color: #f2f2f2;
border: 1px solid #d8d8d8;
border-radius: 8px;
}
.mu-progress-bar .progress {
position: absolute;
height: 15px;
left: 0;
top: -1px;
background-color: #afeb6e;
border: 1px solid #7ed321;
border-radius: 8px;
border-right: none;
z-index: 1;
}
.mu-progress-bar .progress.not-100-percent {
border-radius: 8px 0 0 8px;
border-right: none;
}
.mu-progress-bar .numbers {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.mu-progress-bar .number {
position: absolute;
top: 0;
left: 0;
color: #3e8283;
font-size: 10px;
transform: translate(-50%);
}
.mu-progress-bar .number:first-child {
transform: translateX(50%);
}
.mu-progress-bar .number:last-child {
transform: translate(-150%);
}
.projector-screen-react-modal .top-bar {
position: fixed;
top: 0;
left: 0;
box-shadow: 0px 6px 8px -1px rgba(0, 0, 0, 0.09);
z-index: 999;
}
.projector-screen-react-modal .top-bar-back-btn {
padding: 0;
background: none;
border: none;
margin-right: 15px;
}
.projector-screen-react-modal .top-bar-forside-logo {
cursor: pointer;
}
.projector-screen-react-modal .beam {
height: auto;
min-height: 90px;
}
@media (max-width: 576px) {
.projector-screen-react-modal.projector-screen-hide-top-bar .top-bar {
display: none;
}
}
.projector-screen-slide-in {
transition: 500ms cubic-bezier(0.505, -0.41, 0.72, 1.025);
transition-timing-function: cubic-bezier(0.505, -0.41, 0.72, 1.025);
height: 1000px;
}
.projector-screen-slide-in.projector-screen-slide-in-collapsed {
height: 0;
}
body.projector-screen-open {
overflow: hidden;
}
.mu-dialog-wrapper {
position: fixed;
background: #3e6768;
display: none;
}
.mu-dialog-wrapper body {
overflow: hidden;
}
.mu-dialog-wrapper.is-open {
display: block;
padding-top: 20px;
z-index: 10;
bottom: 0;
top: 61px;
left: 0;
right: 0;
overflow: auto;
background-image: url(/Node/assets/images/dialog-a8d80f2506.svg);
background-size: 60% auto;
background-position: 50% 100%;
background-repeat: no-repeat;
}
.mu-dialog-wrapper.theme-light {
background-color: #9ec0c1;
}
.mu-dialog-wrapper .mu-dialog {
opacity: 0;
min-height: 100px;
margin-bottom: 21%;
}
.mu-dialog-wrapper .dialog-content {
min-height: 100px;
}
.mu-dialog-wrapper .dialog-content-inner {
height: 100%;
overflow: auto;
}
#content > .dialog,
.mu-dialog {
position: relative;
background: #fff;
padding-top: 28px;
padding-bottom: 30px;
box-shadow: 0px 0px 7px #888888;
}
#content > .dialog .dialog-content,
.mu-dialog .dialog-content {
overflow: hidden;
}
#content > .dialog .dialog-modal,
.mu-dialog .dialog-modal {
min-height: 500px;
}
@media (min-width: 577px) {
#content > .dialog .dialog-top,
.mu-dialog .dialog-top {
position: absolute;
width: 100%;
left: 0px;
height: 23px;
background-image: url(/Node/assets/images/dialog-top-center-01b4f1274b.png);
background-repeat: repeat-x;
background-position: 0 1px;
margin-top: -30px;
z-index: 999;
}
#content > .dialog .dialog-top .dialog-top-left,
.mu-dialog .dialog-top .dialog-top-left {
float: left;
width: 15px;
height: 23px;
margin-left: -15px;
background-image: url(/Node/assets/images/dialog-top-left-d08980e15b.png);
}
#content > .dialog .dialog-top .dialog-top-right,
.mu-dialog .dialog-top .dialog-top-right {
float: right;
width: 15px;
height: 23px;
position: relative;
left: 15px;
background-image: url(/Node/assets/images/dialog-top-right-644c5c5597.png);
}
#content > .dialog .dialog-bottom,
.mu-dialog .dialog-bottom {
position: absolute;
width: 100%;
left: 0px;
bottom: -20px;
height: 25px;
background-image: url(/Node/assets/images/dialog-bottom-center-d1955b7b68.png);
background-repeat: repeat-x;
background-position: 0 3px;
}
#content > .dialog .dialog-bottom .dialog-bottom-handle,
.mu-dialog .dialog-bottom .dialog-bottom-handle {
position: absolute;
left: 50%;
margin-left: -17.5px;
width: 35px;
height: 46px;
top: 16px;
background-image: url(/Node/assets/images/dialog-bottom-handle-e9a9181bf6.png);
}
#content > .dialog .dialog-bottom .dialog-bottom-left,
.mu-dialog .dialog-bottom .dialog-bottom-left {
float: left;
width: 15px;
height: 25px;
margin-left: -15px;
background-image: url(/Node/assets/images/dialog-bottom-left-2bec92fbcb.png);
}
#content > .dialog .dialog-bottom .dialog-bottom-right,
.mu-dialog .dialog-bottom .dialog-bottom-right {
float: right;
width: 15px;
height: 25px;
position: relative;
left: 13px;
background-image: url(/Node/assets/images/dialog-bottom-right-dae1990446.png);
}
}
#content > .dialog .column-dialog .column-dialog-left,
.mu-dialog .column-dialog .column-dialog-left {
min-height: 400px;
padding-right: 30px;
}
@media (max-width: 576px) {
.mu-dialog-wrapper.is-open {
display: block;
padding: 4px;
top: 0;
}
.mu-dialog-wrapper .mu-dialog {
margin-bottom: 0;
}
.mu-dialog-wrapper .dialog-content > .beam {
height: auto;
min-height: auto;
margin-bottom: 12px;
}
#content > .dialog,
.mu-dialog {
position: relative;
background: #fff;
padding-top: 0;
padding-bottom: 59px;
}
#content > .dialog.container,
.mu-dialog.container {
padding-right: 8px;
padding-left: 8px;
}
#content > .dialog.container h1,
.mu-dialog.container h1 {
font-size: 20px;
height: 34px;
line-height: 32px;
margin-bottom: 8px;
padding-left: 4px;
}
#content > .dialog.fixed-mobile-height,
.mu-dialog.fixed-mobile-height {
height: 100%;
overflow: auto;
}
#content > .dialog.fixed-mobile-height .projector-screen-description,
.mu-dialog.fixed-mobile-height .projector-screen-description {
display: none;
}
#content > .dialog.fixed-mobile-height.has-mobile-buttons-bottom .dialog-inner,
.mu-dialog.fixed-mobile-height.has-mobile-buttons-bottom .dialog-inner {
height: calc(100% - 59px);
overflow: hidden;
}
#content > .dialog .projector-screen-action-buttons,
.mu-dialog .projector-screen-action-buttons {
position: fixed;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 1;
left: 4px;
right: 4px;
bottom: 4px;
padding: 12px 0;
margin: 0 12px;
border-top: solid 1px #b3b0a9;
background-color: white;
height: 59px;
}
}
.range-slider-labels {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 8px 4px 8px 12px;
}
.range-slider {
position: relative;
height: 14px;
border-radius: 10px;
text-align: left;
margin: 17px 0;
}
.range-slider .range-slider-handlers {
position: absolute;
left: 13px;
right: 15px;
height: 14px;
}
.range-slider .range-slider-handlers .range {
position: absolute;
height: 14px;
border-radius: 10px;
background-color: #CCC;
transition: 0.06s;
}
.range-slider .range-slider-handlers .range.left-range {
left: 0;
width: 0;
}
.range-slider .range-slider-handlers .range.right-range {
right: 0;
width: 0;
}
.range-slider .range-slider-handlers .range.center-range {
left: 0;
right: 0;
height: 14px;
border-radius: 14px;
}
.range-slider .range-slider-handlers .thumb {
position: absolute;
top: -7px;
z-index: 2;
height: 28px;
width: 28px;
text-align: left;
margin-left: -11px;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
background-color: #FFF;
border-radius: 50%;
transition: 0.06s;
outline: none;
border: 1px solid #cccccc;
}
.range-slider .range-slider-handlers .thumb.thumb-left {
left: 0;
}
.range-slider .range-slider-handlers .thumb.thumb-right {
left: 100%;
}
.range-slider input[type=range] {
position: absolute;
cursor: pointer;
pointer-events: none;
-webkit-appearance: none;
z-index: 3;
height: 14px;
top: -2px;
width: 100%;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.range-slider input[type=range]::-moz-range-track {
-moz-appearance: none;
background: transparent;
color: transparent;
}
.range-slider input[type=range]:focus::-webkit-slider-runnable-track {
background: transparent;
border: transparent;
}
.range-slider input[type=range]:focus {
outline: none;
}
.range-slider input[type=range]::-moz-range-thumb {
pointer-events: all;
width: 28px;
height: 28px;
border-radius: 0px;
border: 0 none;
background: #FFF;
}
.range-slider input[type=range]::-webkit-slider-thumb {
pointer-events: all;
width: 28px;
height: 28px;
border-radius: 0px;
border: 0 none;
background: #FFF;
-webkit-appearance: none;
}
@media screen {
.rearranger button {
position: relative;
display: block;
background: none;
border: none;
margin: 0;
padding: 0;
}
.rearranger button:disabled,
.rearranger button[disabled] {
color: lightgray;
cursor: default;
pointer-events: none;
}
}
@media print {
.rearranger {
display: none;
}
}
.rich-text__editor-outer.rich-text__editor-mu {
background: #3e8283;
}
.rich-text__editor-outer.rich-text__editor-mu,
.rich-text__editor-outer.rich-text__editor-mu .fr-box.fr-basic .fr-element {
color: white;
}
.rich-text__editor-outer .rich-text__editor-container {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
padding-top: 16px;
}
.rich-text__editor-outer .rich-text__content {
padding: 0 16px;
}
.rich-text__editor-outer .fr-wrapper {
background: transparent !important;
}
.rich-text__text-view .fr-box {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
@media (min-width: 992px) {
.schedule-wrapper {
margin: 0 16px 0 16px;
}
}
.schedule {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto;
grid-template-columns: auto;
grid-gap: 2px;
position: relative;
background: white;
height: calc(var(--contentHeight) + 8px + 8px);
transition: height 500ms cubic-bezier(0.505, -0.41, 0.72, 1.025);
transition-timing-function: cubic-bezier(0.505, -0.41, 0.72, 1.025);
overflow-y: hidden;
opacity: 0.999;
}
.schedule.collapsed {
height: 0;
}
.schedule .day-header {
border-right: 1px solid #cccccc;
font-size: 11.9px;
}
.schedule .day-header:last-child {
border-right: none;
}
.schedule .week-header {
z-index: 5;
}
@media (min-width: 992px) {
.schedule .week-header {
padding-left: 42px;
}
}
@media (max-width: 768px) {
.schedule .week-header .content {
margin-left: 48px;
margin-right: 8px;
}
}
.schedule .schedule-grid {
position: absolute;
width: 100%;
top: 8px;
z-index: 3;
}
@media (max-width: 768px) {
.schedule .schedule-grid {
padding-left: 8px;
}
}
.event {
background: #f5f5f5;
padding: 8px;
border-left: 2px solid #97cecf;
text-align: left;
margin-bottom: 2px;
width: 100%;
box-shadow: inset 0px -1px 0px 0px white;
animation: fadein 0.3s;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.event .event-host {
color: #4d4d4d;
width: 80%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
.event .event-content {
position: relative;
height: 100%;
}
.event .event-content .time-begin {
position: absolute;
top: 0;
right: 0;
}
.event .event-content .time-end {
position: absolute;
bottom: 0;
right: 0;
}
.event.t-ltoe-15 {
padding: 0 8px;
}
.event.t-ltoe-15 .time-begin,
.event.t-ltoe-30 .time-begin,
.event.t-ltoe-15 .time-end,
.event.t-ltoe-30 .time-end {
position: relative;
}
.event.t-ltoe-15 .event-times,
.event.t-ltoe-30 .event-times {
float: right;
}
.event.t-ltoe-15 .time-end:before,
.event.t-ltoe-30 .time-end:before {
content: '-';
padding-left: 1px;
}
.schedule-grid .schedule-grid-row {
position: relative;
}
.schedule-grid .schedule-grid-row .schedule-grid-row-name {
position: absolute;
background: white;
padding-right: 4px;
top: -10px;
font-size: 11.9px;
}
.schedule-grid .schedule-grid-row .schedule-grid-row-border {
border-bottom: 1px solid #cccccc;
}
.schedule-grid .schedule-grid-row .schedule-grid-row-border:first-child {
border-top: 1px solid #cccccc;
}
.schedule-grid .schedule-grid-row:last-child {
height: 0;
}
.day-header {
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
}
.day-header .content {
position: relative;
}
@media (min-width: 992px) {
.day-header.present {
background-color: rgba(201, 74, 74, 0.04);
}
}
.day-header.present .day .name,
.day-header.present .day .date {
color: #c94a4a;
}
.day-header.present .day .date {
font-weight: 500;
}
.day-header .name {
text-transform: uppercase;
}
.day-header .date {
color: #4d4d4d;
}
.school-calendar-event {
height: 28px;
text-align: center;
margin-bottom: 8px;
overflow: hidden;
}
.school-calendar-event .school-calendar-event-name {
line-height: normal;
vertical-align: sub;
display: inline-block;
font-family: "Open Sans";
font-size: 11.9px;
font-weight: bold;
line-height: 20px;
text-align: center;
}
.school-calendar-event .school-calendar-event-name.light {
color: #ffffff;
}
.school-calendar-event .school-calendar-event-name.dark {
color: #4d4d4d;
}
.school-calendar-schedule .week-header {
position: relative;
}
.school-calendar-schedule .day-header {
border-right: 1px solid #cccccc;
}
.school-calendar-schedule .day-header:nth-child(5) {
border-right: none;
}
.school-calendar-schedule .school-calendar-schedule-wrapper {
position: absolute;
padding-top: 8px;
width: 100%;
}
@media (max-width: 480px) {
.school-calendar-schedule .school-calendar-schedule-wrapper {
padding: 8px 8px 0 8px;
}
}
.school-calendar-schedule .school-calendar-schedule-wrapper .school-calendar-schedule-inner-wrapper {
position: relative;
}
.scrollable {
display: block;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
border-bottom: none;
}
.scrollable::-webkit-scrollbar {
display: none;
}
.searchField {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.searchField input[type="text"].form-control.form-control-text-transparent,
.searchField .form-transparent input[type="text"].form-control {
border-bottom: solid 1px #fff;
}
.searchField input[type="text"].form-control.form-control-text-transparent:focus,
.searchField .form-transparent input[type="text"].form-control:focus {
border-bottom: solid 1px #333;
}
.searchField .search-results {
position: absolute;
background-color: #ffffff;
border: 1px solid #4d4d4d;
top: 61px;
left: 0;
right: 0;
max-height: 30vh;
overflow-y: auto;
z-index: 3;
}
.searchField .search-results .no-results {
padding: 8px;
}
.searchField .search-results .group:not(:last-child) {
border-bottom: 1px solid #cccccc;
}
.searchField .search-results .group .name {
padding: 8px;
font-size: 11px;
}
.searchField .search-results .group .name:focus {
outline: none;
}
.searchField .search-results .group .name:hover {
cursor: default;
}
.searchField .search-results .search-item {
display: block;
background-color: #ffffff;
padding: 4px 16px;
border: 0;
font-size: 14px;
margin: 0;
width: 100%;
color: #4d4d4d;
text-align: left;
}
.searchField .search-results .search-item:hover:not(.disabled),
.searchField .search-results .search-item:focus:not(.disabled) {
background-color: #eaf4f3;
outline: none;
}
.searchField .search-results .search-item .bold {
font-weight: bold;
}
.searchField .search-results .search-item.with-icon {
padding-left: 8px;
}
.searchField .search-results .search-item .content div {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.searchField .search-results .search-item .content.with-icon {
padding-left: 4px;
}
.searchField .text-field-input.with-icon .icon.md-magnify {
font-size: 18px;
margin: 5px 8px;
color: #777777;
}
.searchField .text-field-input.with-icon .icon.loader {
position: absolute;
right: 32px;
top: 27px;
}
.searchField .search-result-icon-wrapper {
text-align: center;
padding: 0;
}
.skala.grey .btn-circle {
background-color: #f5f5f5;
color: #4d4d4d;
}
.skala.grey .btn-circle:hover {
background-color: #e6e6e6;
color: #4d4d4d;
}
.skala .btn-circle-lg {
line-height: 12px;
}
.skala.laerer input:checked + label.btn-circle,
.skala.laerer input:checked + label.btn-circle:hover {
background-color: #5480ae;
color: #ffffff;
}
.skala.laerer .tidlige label.btn-circle {
box-shadow: 0px 0px 0px 1px #5480ae;
background: #fff;
}
.skala.elev .tidlige label.btn-circle {
box-shadow: 0px 0px 0px 1px #64aa59;
background: #fff;
}
.skala.elev input:checked + label.btn-circle,
.skala.elev input:checked + label.btn-circle:hover {
background-color: #64aa59;
color: #ffffff;
}
.skala td {
padding: 10px 5px;
}
.skolekalenderbegivenhed-form {
margin-top: 30px;
}
.skolekalenderbegivenhed-form .klassetrin-list {
column-width: 200px;
margin-bottom: 20px;
}
.skolekalenderbegivenhed-form .klassetrin-list label {
font-weight: normal;
cursor: pointer;
}
.skolekalenderbegivenhed-form-datepicker {
margin-top: 32px;
margin-left: -40px;
}
.skolekalenderbegivenhed-list.table > thead > tr > th,
.skolekalenderbegivenhed-list.table > tbody > tr > th,
.skolekalenderbegivenhed-list.table > tfoot > tr > th,
.skolekalenderbegivenhed-list.table > thead > tr > td,
.skolekalenderbegivenhed-list.table > tbody > tr > td,
.skolekalenderbegivenhed-list.table > tfoot > tr > td {
line-height: 19px;
padding: 9px 9px 4px 9px;
}
.skolekalenderbegivenhed-list td {
white-space: nowrap;
}
.skolekalenderbegivenhed-list td.name {
white-space: normal;
}
.skolekalenderbegivenhed-list .text-muted {
color: #4D4D4D;
opacity: 0.4;
}
.skolekalenderbegivenhed-list .checkbox-styled {
margin-bottom: 0;
}
.skolekalenderbegivenhed-list .badge {
margin-right: 10px;
}
.copy-begivenheder-container {
position: relative;
min-height: 200px;
margin-left: 15px;
margin-right: 15px;
}
.skolekalender-manager {
position: relative;
}
.skolekalender-manager .year-select {
width: 170px;
height: 42px;
font-size: 16px;
}
.skolekalender-manager h1 {
margin-bottom: 40px;
}
.skoletube-browser {
background-color: #FFFFFF;
}
.skoletube-browser .search-form {
margin-top: 20px;
}
.skoletube-browser .tool-link {
display: block;
height: 85px;
}
.skoletube-browser .tool-link img {
max-height: 65px;
}
.skoletube-browser .tab-content {
position: relative;
min-height: 200px;
}
.skoletube-browser .tool-title {
font-size: 10px;
}
.skoletube-browser .nav-tabs a {
cursor: pointer;
}
.skoletube-browser-dialog .media-browser-list-items {
min-height: 332px;
}
.skoletube-browser-dialog .footer button {
margin-top: 0;
}
.specifikke-fag {
background: #9ec0c1;
background-image: url(/Node/assets/images/aarsplan-3acd9988e8.svg);
background-position: 50% 200px;
background-size: 1920px auto;
background-repeat: no-repeat;
padding-bottom: 30px;
}
.specifikke-fag .content-book {
min-height: calc(100vh - 100px);
}
@media (max-width: 768px) {
.specifikke-fag .container {
padding: 0;
}
}
.specifikke-fag .container .content-book {
min-height: 500px;
}
.specifikke-fag .specifik-fag .specifik-fag-header {
border-bottom: 1px solid #cccccc;
padding: 16px;
word-break: break-word;
}
.specifikke-fag .specifik-fag .specifik-fag-header .specifik-fag-header-subtitle {
color: #777;
}
.specifikke-fag .specifik-fag .specifik-fag-header .specifik-fag-header-buttons {
position: static;
}
.specifikke-fag .specifik-fag .specifik-fag-header .specifik-fag-header-buttons .specifik-fag-cancel-btn {
margin-right: 8px;
}
@media (min-width: 768px) {
.specifikke-fag .specifik-fag .specifik-fag-header .specifik-fag-header-buttons button {
margin-top: 20px;
margin-bottom: 10px;
}
}
.specifikke-fag .specifik-fag .specifik-fag-header .specifik-fag-header-buttons .dialog-in-page {
text-align: left;
}
.specifikke-fag .specifik-fag .specifik-fag-content {
padding: 16px 16px 0 16px;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-generel h2 {
margin-bottom: 16px;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-generel .specifik-fag-generel-navn {
margin-bottom: 18px;
}
@media (min-width: 768px) {
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-generel .specifik-fag-generel-navn .text-field-input {
max-width: 249px;
}
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-generel .specifik-fag-generel-formaal {
line-height: 20px;
}
@media (min-width: 768px) {
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-generel .specifik-fag-generel-formaal .text-field-input {
max-width: 490px;
}
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal {
position: relative;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal h2 {
margin-bottom: 16px;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-opret-box {
background-color: #E4EBEA;
border: 1px solid #cccccc;
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3);
padding: 16px;
margin: 16px 0;
animation: fade-in 0.3s;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-opret-box .specifik-fag-opret-box-header {
min-height: 55px;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-opret-box .specifik-fag-opret-box-header .specifik-fag-opret-box-header-buttons {
margin-top: 3px;
margin-bottom: 3px;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-opret-box .specifik-fag-opret-box-header .specifik-fag-opret-box-header-buttons .dialog-in-page {
line-height: normal;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-opret-box .specifik-fag-slider {
margin-bottom: 24px;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-opret-box .specifik-fag-opret-box-delete {
min-height: 34px;
margin-top: 16px;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-opret-box .specifikke-fag-genanvend-select {
padding: 8px;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-opret-box .specifikke-fag-genanvend-select select {
max-width: 430px;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-accordion {
box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3);
transition: max-height 0.3s ease;
margin-bottom: 16px;
margin-top: 8px;
animation: fade-in 0.3s;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-accordion .specifik-fag-accordion-edit-button {
margin-top: 1px;
margin-right: 1px;
border: none;
outline: none;
float: right;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-accordion .specifik-fag-accordion-edit-button .md-pencil {
margin-right: 10px;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-accordion .specifik-fag-accordion-edit-button.disabled {
opacity: 0.65;
cursor: not-allowed;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-accordion .collapsible {
border: 1px solid #cccccc;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-accordion .collapsible > span {
display: block;
border: none;
outline: none;
margin-left: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-accordion .specifik-fag-accordion-edit-button,
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-accordion .collapsible {
background-color: #E4EBEA;
line-height: 40px;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-accordion .collapse-content {
background-color: #ffffff;
padding: 8px 16px 8px;
line-height: normal;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-accordion .collapse-content .specifik-fag-accordion-beskrivelse {
word-wrap: break-word;
white-space: pre;
white-space: -moz-pre-wrap;
white-space: pre-wrap;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-accordion .collapse-content .specifik-fag-kompetenceliste-container {
display: -ms-flexbox;
display: flex;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-accordion .collapse-content .specifik-fag-kompetenceliste-container .specifik-fag-kompetencehjul-simple-container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 32px;
padding-bottom: 50px;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-accordion .collapse-content .specifik-fag-kompetenceliste-container .specifik-fag-kompetencehjul-simple-container ul {
padding-inline-start: 18px;
margin-block-start: 4px;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-accordion .collapse-content .specifik-fag-kompetenceliste-container .specifik-fag-kompetencehjul-simple-container .pulsate-in {
animation: pulsate-in 0.5s ease-in-out both;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-accordion .collapse-content .specifik-fag-kompetenceliste-container .specifik-fag-kompetencehjul-simple-container .recharts-wrapper {
margin-left: auto;
margin-right: auto;
}
.specifikke-fag .specifik-fag .specifik-fag-content .specifik-fag-kompetence-maal .specifik-fag-add-text {
margin-left: 8px;
}
.specifikke-fag .specifik-fag .specifik-fag-kompetencehjul {
padding: 0 16px 16px 16px;
}
.specifikke-fag .specifik-fag .specifik-fag-kompetencehjul .faelles-maal-selector {
animation: fade-in 0.3s;
}
.specifikke-fag .specifik-fag-list .fag-list {
position: relative;
min-height: 51px;
}
.specifikke-fag .specifik-fag-list .fag-list tbody tr:nth-child(odd) {
background-color: #eaf4f3;
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes pulsate-in {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.star.elev-large {
font-size: 2em;
color: #64aa59;
}
.star.laerer-large {
font-size: 2em;
color: #5480ae;
}
.star.info {
cursor: pointer;
}
.star.glyphicon-star,
.star.glyphicon-star-empty {
padding: 3px 2px;
}
.star.glyphicon-star:before,
.star.glyphicon-star-empty:before {
padding-left: 3px;
}
button.star {
border: 1px solid;
border-radius: 100%;
height: 32px;
width: 32px;
background: 0;
}
button.star.glyphicon-star {
background-color: #dee7f0;
}
button.star:hover {
color: #4d4d4d;
background-color: #d4d4d4;
}
.studievalgsportfolio-v1-box {
margin-top: 24px;
}
.studievalgsportfolio-v1-container {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.studievalgsportfolio-v1-sticky-container {
-ms-flex-item-align: end;
align-self: flex-end;
bottom: calc((400px - 20px) * -1);
}
.stylish-dropdown-wrapper.arrow-down-bold::before {
content: '\f0d7';
font-family: 'FontAwesome';
display: inline-block;
pointer-events: none;
position: absolute;
left: 12px;
top: 6px;
}
.stylish-dropdown-wrapper.arrow-down-bold .stylish-dropdown {
-webkit-appearance: button;
padding: 5px;
padding-left: 25px;
background: none;
border: none;
border-radius: 0;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
}
.table-of-contents {
width: 100%;
}
.table-of-contents .pencil {
margin-top: 70px;
width: 100%;
transform: rotate(7deg);
}
.tag {
display: inline-block;
padding: 2px 4px;
border-radius: 4px;
font-size: 11px;
color: #4d4d4d;
position: relative;
margin-right: 4px;
overflow: hidden;
max-width: 170px;
text-overflow: ellipsis;
white-space: nowrap;
cursor: default;
}
.tag:after {
content: '';
display: block;
border: 1px solid #4d4d4d;
width: 100%;
height: 100%;
box-sizing: border-box;
border-radius: 4px;
mix-blend-mode: difference;
opacity: 0.2;
position: absolute;
top: 0;
left: 0;
}
.tag.tag-default {
background-color: #f5f5f5;
}
.tag.tag-default .tag-close {
font-size: 11px;
padding: 0;
margin-left: 8px;
text-transform: lowercase;
}
.tag.tag-lm-opnaaet {
padding-left: 22px;
color: #b2a156;
background: url(/Node/assets/images/laeringsmaalOpnaaet-45aea7dea1.svg) no-repeat 5px, linear-gradient(to bottom, #efe2a7 0%, #efe2a7 50%, #eada95 51%, #eada95 100%);
background-size: contain;
box-shadow: inset 0px -2px 0px #b1a055, /*bottom internal shadow*/ inset 0px 0px 0px #fff8de, /*top internal highlight*/ inset 0px 0px 0px #eada95, /*top internal highlight*/ inset -2px 0px 0px #eada95;
}
.tag.tag-lm-alsidigt {
background-color: #98cece;
}
.tag.tag-lm-gruppemaal {
background-color: #f5a65b;
}
.tag.tag-lm-mangler-godkendelse {
background-color: #f5f5f5;
}
.tag.tag-pause {
background-color: #AAA;
}
.tag.tag-lm-tvaerfagligt {
background-color: #75bf86;
}
.tag.tag-new {
background-color: #ED6A66;
color: #FFFFFF;
}
.tag.tag-hold {
background-color: #AAA;
}
.tag.tag-genaabnet {
background-color: #e9967a;
}
.tag:last-child {
margin-right: 0;
}
.comment-box .comment {
min-height: 34px;
}
.comment-box .md-pencil {
color: black;
font-size: 12px;
}
.text-field textarea,
.text-field input[type="text"],
.text-field input[type="password"] {
width: 100%;
border: 1px solid;
border-radius: 2px;
border-color: #cccccc;
padding: 4px 5px;
}
.text-field textarea {
vertical-align: top;
}
.text-field-error {
color: #994444;
margin: 4px 0 0 0;
font-size: 12px;
}
.text-field-input.with-icon input {
padding-left: 30px;
}
.text-field-input .icon {
position: absolute;
margin: 8px;
}
.text-field-input .icon.loader {
margin: 16px -16px;
}
.text-field .form-control:focus,
.text-field textarea:focus {
border: 1px solid #366161;
}
.textarea-with-description {
background-color: #f5f5f5;
}
@media (min-width: 768px) {
.textarea-with-description {
display: -ms-flexbox;
display: flex;
}
}
.textarea-with-description .textarea-description {
-ms-flex-order: 2;
order: 2;
background-color: #f5f5f5;
border: 1px solid #eaebef;
}
@media (min-width: 768px) {
.textarea-with-description .textarea-description {
width: 250px;
}
}
@media (max-width: 767px) {
.textarea-with-description .textarea-description {
border-bottom: none;
}
}
.textarea-with-description .textarea-description .textarea-description-content {
padding: 8px 12px;
}
.textarea-with-description .textarea-input {
-ms-flex-positive: 1;
flex-grow: 1;
}
.textarea-with-description .textarea-input textarea {
min-height: 38px;
border: 1px solid #eaebef;
margin-right: -1px;
}
@media (min-width: 768px) {
.textarea-with-description .textarea-input textarea {
width: calc(100% + 1px);
}
}
.tile-picker .default-hover {
transform: scale(1.1);
}
.tile-picker .tiles {
min-height: 341px;
}
.tile-picker .tiles span.no-result {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.tile-picker .tile {
border: none;
margin: 1.5%;
width: 56px;
height: 56px;
cursor: pointer;
background-size: 70% auto;
background-repeat: no-repeat;
background-position: 50% 50%;
transition: transform 0.2s;
}
.tile-picker .tile:focus {
outline: none;
}
.tile-picker .tile:hover {
transform: scale(1.1);
}
.tile-picker .tile.active {
transform: scale(1.1);
box-shadow: 0px 0px 10px #777;
}
.tile-picker .navigation {
display: inline-block;
width: 100%;
text-align: center;
padding-top: 10px;
}
.tile-picker .navigation .arrow-icon {
background: none;
border: none;
color: #b3b0a9;
font-size: 22px;
}
.tile-picker .navigation .arrow-icon:disabled {
opacity: 0.5;
}
.tile-picker .navigation .right-arrow {
float: right;
padding-right: 15px;
background: none;
border: none;
color: #b3b0a9;
font-size: 22px;
}
.tile-picker .navigation .right-arrow:disabled {
opacity: 0.5;
}
.tile-picker .navigation .left-arrow {
float: left;
padding-left: 15px;
background: none;
border: none;
color: #b3b0a9;
font-size: 22px;
}
.tile-picker .navigation .left-arrow:disabled {
opacity: 0.5;
}
.tile-picker .navigation .slide-buttons {
display: inline-block;
vertical-align: top;
}
.tile-picker .navigation .slide-buttons .slide-button {
opacity: 0.6;
width: 12px;
height: 12px;
border: solid 2px #b3b0a9;
background: none;
padding: 4px;
margin: 0 3px;
border-radius: 6px;
display: inline-block;
}
.tile-picker .navigation .slide-buttons .slide-button:hover {
transform: scale(1.1);
}
.tile-picker .navigation .slide-buttons .slide-button.active {
background: #b3b0a9;
}
.time-select {
position: relative;
margin-top: 5px;
}
.time-select-hours-label,
.time-select-colon-label {
position: absolute;
top: 28px;
}
.inputStyle,
.time-select-minutes,
.time-select-hours {
width: 44px;
display: inline-block;
}
.inputStyle input::-webkit-outer-spin-button,
.inputStyle input::-webkit-inner-spin-button,
.time-select-minutes input::-webkit-outer-spin-button,
.time-select-minutes input::-webkit-inner-spin-button,
.time-select-hours input::-webkit-outer-spin-button,
.time-select-hours input::-webkit-inner-spin-button {
appearance: none;
margin: 0;
}
.inputStyle input[type="number"],
.time-select-minutes input[type="number"],
.time-select-hours input[type="number"] {
-moz-appearance: textfield;
appearance: textfield;
}
.time-select-minutes-container {
margin-left: 6px;
}
.time-select-hours-container {
margin-left: 18px;
margin-right: 4px;
}
.time-select-hours-container,
.time-select-minutes-container {
width: 43px;
text-align: center;
display: inline-block;
}
.toggle-checkbox:checked ~ label {
background: #37862a;
}
.toggle-checkbox:checked ~ label:after {
left: 22px;
background: #ffffff;
}
.toggle-checkbox:disabled ~ label {
background: #d5d5d5;
pointer-events: none;
}
.toggle-checkbox:disabled ~ label:after {
background: #bcbdbc;
}
.trivselsmaaling {
position: relative;
}
.trivselsmaaling .info-button {
color: #366161;
font-size: 35px;
padding: 0;
bottom: 7px;
position: relative;
}
.trivselsmaaling .popover {
max-width: 100%;
width: 400px;
}
.trivselsmaaling .controls {
margin-top: 60px;
}
.trivselsmaaling .toggle-row {
min-height: 40px;
}
.trivselsmaaling .toggle-row > span:first-child {
margin-right: 20px;
}
.trivselsmaaling .toggle-row .disabled {
color: #c2c4c7;
}
.trivselsmaaling .trivselsomraader {
min-height: 500px;
}
.trivselsmaaling .text-muted {
font-size: 12px;
color: #c2c4c7;
padding-left: 10px;
}
.trivselsmaaling .laerer-comment .evaluering-profile-image {
background-position: top;
width: 65px;
height: 142px;
}
.trivselsmaaling .comment-box {
margin: 40px 0 0 0;
}
.elevprofil-trivsel h1,
.elevprofil-trivsel h2 {
font-size: 22.4px;
}
.elevprofil-trivsel h2 {
margin-top: 30px;
}
.elevprofil-trivsel .info-button .fa-info-circle {
vertical-align: super;
}
.nationale-trivselsmaaling .dialog-header {
padding: 10px;
}
.nationale-trivselsmaaling .dialog-header .btn {
color: #3e8283;
}
.nationale-trivselsmaaling .dialog-header .indicator-score-button p {
font-weight: 600;
}
.nationale-trivselsmaaling .dialog-header h2 {
text-align: center;
margin-top: 60px;
}
.nationale-trivselsmaaling .dialog-header .description {
text-align: center;
max-width: 500px;
margin: auto;
}
.nationale-trivselsmaaling .spoergsmaal {
padding: 20px 30px;
width: 100%;
}
.nationale-trivselsmaaling .spoergsmaal .legend .beskrivelse {
padding-left: 10px;
vertical-align: super;
}
.nationale-trivselsmaaling .spoergsmaal .legend .beskrivelse.not-used {
color: #c2c4c7;
}
.nationale-trivselsmaaling .spoergsmaal .row {
padding-top: 10px;
}
.nationale-trivselsmaaling .spoergsmaal h4 {
font-weight: 400;
}
.ellipsis {
padding: 0;
}
.vurdering-edit .btn.btn-clean {
margin-right: 3px;
}
.eval-circle {
display: inline-block;
width: 32px;
height: 32px;
color: #4d4d4d;
background-color: #fff;
border-radius: 16px;
text-align: center;
line-height: 34px;
font-weight: 500;
font-size: 14px;
background-image: url(/Node/assets/images/circle-2d2b5b9a4a.svg);
background-position: center center;
background-repeat: no-repeat;
}
.vurdering {
position: relative;
}
.only-comment {
padding-left: 5px;
color: #4d4d4d;
}
.additional-comment {
position: absolute;
bottom: 0;
right: -5px;
}
.eval-circle-large {
border: 1px solid black;
border-radius: 50%;
width: 75px;
height: 75px;
white-space: normal;
margin-left: -20px;
}
.eval-circle-large .eval-smiley {
height: 75px;
}
.eval-circle-large .no-evaluering {
margin-top: 50%;
transform: translate(0, -50%);
font-size: 12px;
line-height: 16px;
}
.eval-smiley {
background-position: center center;
background-repeat: no-repeat;
}
.eval-smiley.eval-smiley-0 {
background-image: url(/Node/assets/images/smiley0-74dc7847bb.svg);
}
.eval-smiley.eval-smiley-1 {
background-image: url(/Node/assets/images/smiley1-96ec165d2c.svg);
}
.eval-smiley.eval-smiley-2 {
background-image: url(/Node/assets/images/smiley2-871d7bafe8.svg);
}
.eval-circle-large.vurdering > span {
line-height: 70px;
font-size: 28px;
}
.vurderings-dialog-header button {
float: right;
}
.vurderings-dialog-header h1 {
display: inline-block;
}
.vurderings-dialog-footer {
margin-top: 35px;
}
.vurderings-dialog-body {
padding: 30px 15px;
}
.vurderings-dialog-elev-row {
padding: 0 15px;
}
.vurderings-dialog-elev-status,
.vurderings-dialog-elev-navn,
.vurderings-dialog-elev-comment {
min-height: 70px;
padding: 5px 0 0;
}
.vurderings-dialog-elev-status textarea.error,
.vurderings-dialog-elev-navn textarea.error,
.vurderings-dialog-elev-comment textarea.error {
border-color: #a24037;
}
.vurderings-dialog-elev-status span.error,
.vurderings-dialog-elev-navn span.error,
.vurderings-dialog-elev-comment span.error {
color: #a24037;
}
.vurderings-dialog-elev-status {
text-align: center;
}
.vurderings-dialog-elev-status > div {
padding: 0;
}
.vurderings-dialog-elev-navn {
position: relative;
border-bottom: 1px solid #b3b0a9;
}
.vurderings-dialog-elev-navn p {
position: absolute;
bottom: 0;
left: 0;
margin-bottom: 19px;
}
.vurderings-dialog-elev-comment textarea {
width: 100%;
height: 58px;
padding: 12px;
}
.vurderings-dialog-button-status {
width: 58px;
height: 58px;
border-radius: 29px;
border: none;
cursor: pointer;
font-size: 11px;
margin: 0 5px;
vertical-align: middle;
text-align: center;
background-color: #f5f5f5;
}
.vurderings-dialog-button-status.active {
background-color: #366161;
color: #ffffff;
}
.vurderings-dialog-info {
margin-top: 25px;
}
.vurderings-dialog-radios {
padding: 0;
text-align: center;
}
@media (max-width: 767px) {
.vurderings-dialog-radios {
visibility: hidden;
}
}
.week-navigation {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[5];
grid-template-columns: repeat(5, 1fr);
color: #4d4d4d;
}
.week-navigation-day {
text-align: center;
border-radius: 4px;
padding: 4px;
background: none;
border: none;
outline: none;
}
.week-navigation-day:hover,
.week-navigation-day:focus {
background-color: #eaf4f3;
cursor: pointer;
}
.week-navigation-day-date {
color: #777;
}
.week-navigation-day-tasks {
font-size: 14px;
line-height: 8px;
min-height: 10px;
}
.week-navigation-day-tasks-indicator {
margin: 0 2px 0 2px;
font-size: 7px;
color: #777;
}
.week-navigation-day.selected {
background-color: #97cecf;
}
.week-navigation-day.selected * {
color: #ffffff;
}
.week-navigation-day.current-day * {
color: #c94a4a;
}
.week-navigation-day.current-day.selected {
background-color: #c94a4a;
}
.week-navigation-day.current-day.selected * {
color: #ffffff;
}
.week-note {
background-color: #f5f3ba;
box-shadow: 3px 3px rgba(0, 0, 0, 0.2);
margin-bottom: 16px;
padding-bottom: 8px;
min-height: 80px;
}
.week-note > .row {
padding: 0 8px 0 8px;
}
.week-note .week-note-header {
display: -ms-flexbox;
display: flex;
}
.week-note .week-note-header .col-grow {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.week-note .week-note-editor {
animation: fade-in 0.3s ease both;
}
.week-note .week-note-group-name {
font-weight: 600;
font-size: 12px;
opacity: 0.65;
padding-top: 8px;
min-height: 40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.week-note .week-note-view-buttons {
margin-right: 4px;
}
.week-note .week-note-view-buttons .md {
display: inline-block;
padding: 8px 4px;
font-size: 18px;
}
.week-note .week-note-buttons {
margin: 8px 0 8px 0;
}
.week-note .week-note-content {
white-space: pre-wrap;
overflow: auto;
}
.week-note .week-note-content img {
max-width: 100%;
}
.week-note .week-note-content table {
margin-bottom: 16px;
}
.week-note .week-note-content table tr > td {
padding: 7px;
vertical-align: top;
border: 1px solid #4d4d4d;
}
.week-note .remove-week-note {
margin-top: 16px;
}
.week-note .week-note-label {
font-weight: normal;
}
.week-note .week-note-group-select-wrapper {
max-width: 306px;
}
.week-note .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
max-height: 152px;
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.week-note-list-add-note-button {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 16px;
padding: 0;
}
.week-note-list-add-note-button button {
padding: 0;
}
.week-note-list-add-note-button-text {
margin-left: 8px;
}
.reload-week-notes-btn {
vertical-align: baseline;
padding: 0;
}
.wire-binding-box {
border: solid 8px #366161;
position: relative;
margin-top: 20px;
padding-top: 25px;
background-color: #FFFFFF;
box-shadow: 3px 3px 0px 0px #b2b2b2;
}
.wire-binding-box .wire-binding {
position: absolute;
left: 13px;
right: 13px;
height: 32px;
top: -16px;
background: url(/Node/assets/images/binder-top-54ff987179.svg);
background-repeat: space;
}
.wire-binding-modal {
height: 100%;
margin-top: 0;
padding: 0;
}
.wire-binding-modal .wire-binding-box {
margin-top: 0;
height: 100%;
}
.wire-binding-modal .wire-binding-modal-content {
height: 100%;
}
.wire-binding-modal .page-utility-button {
position: absolute;
right: -53px;
background: #366161;
color: white;
}
@media (min-width: 768px) {
.wire-binding-modal {
margin-top: 16px;
}
.wire-binding-modal .wire-binding-box {
height: calc(100vh - 150px);
margin-right: 45px;
margin-left: 40px;
margin-bottom: 20px;
}
}
.logo-viewer-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--ds-spacing-4x);
}
.logo-viewer-container .info-box {
background-color: var(--ds-color-functional-info-background);
border-radius: var(--ds-borderradius-1x);
padding: var(--ds-spacing-2x);
width: -moz-fit-content;
width: fit-content;
}
.sidebar {
overflow-x: hidden;
overflow-y: auto;
}
.sidebar.sidebar-fixed {
position: fixed;
top: 20px;
}
@media (max-width: 991px) {
.sidebar.sidebar-fixed {
max-width: 156px;
margin: -20px 15px 0 -15px;
}
}
@media (min-width: 992px) {
.sidebar.sidebar-fixed {
margin: -20px -15px 0;
padding-right: 33px;
}
}
.timeline {
position: relative;
background-color: rgba(171, 212, 214, 0.67);
margin-bottom: 40px;
padding-top: 35px;
padding-bottom: 12px;
}
.timeline .timeline-past {
position: absolute;
height: 100%;
background-color: #abd4d6;
padding: 10px 0 20px;
margin-bottom: 30px;
border-right: 1px solid #3776b9;
top: 0;
left: 0;
}
.timeline .timeline-past:before {
content: ' ';
display: block;
width: 11px;
height: 0;
position: absolute;
z-index: 1;
top: 0;
right: -6px;
border: 5px solid transparent;
border-top: 7px solid #3776b9;
}
.timeline .timeline-past:after {
content: ' ';
display: block;
width: 11px;
height: 0;
position: absolute;
z-index: 1;
bottom: 0;
right: -6px;
border: 5px solid transparent;
border-bottom: 7px solid #3776b9;
}
.timeline .timeline-row {
height: 40px;
position: relative;
}
.timeline .timeline-row .timeline-entry {
z-index: 1;
position: absolute;
display: inline-block;
background: #d0d0d0;
border: none;
color: #333;
font-weight: 300;
text-align: center;
height: 35px;
min-width: 30px;
line-height: 33px;
padding: 0 5px;
cursor: default;
}
.timeline .timeline-row .timeline-entry.event {
height: 36px;
min-width: 36px;
line-height: 34px;
border-radius: 18px;
color: #333;
border: 1px solid #000;
background: #fff center left no-repeat;
padding-left: 30px;
margin-left: -18px;
}
.timeline .timeline-row .timeline-entry.event + .tooltip div {
margin-bottom: 8px;
}
.timeline .timeline-row .timeline-entry.event0 {
background-image: url(/Node/assets/images/0-6a4ceac649.png);
}
.timeline .timeline-row .timeline-entry.event1 {
background-image: url(/Node/assets/images/1-daad16973f.png);
}
.timeline .timeline-row .timeline-entry.event2 {
background-image: url(/Node/assets/images/2-edd64ce941.png);
}
.timeline .timeline-row .timeline-entry.event3 {
background-image: url(/Node/assets/images/3-0a82ad23ba.png);
}
.timeline .timeline-row .timeline-entry.event4 {
background-image: url(/Node/assets/images/4-87ebadbf80.png);
}
.timeline .timeline-row .timeline-entry.event5 {
background-image: url(/Node/assets/images/5-26a1ac44be.png);
}
.timeline .timeline-row .timeline-entry.event6 {
background-image: url(/Node/assets/images/6-99d8df97a7.png);
}
.timeline .timeline-row .timeline-entry.event7 {
background-image: url(/Node/assets/images/7-b2a6fb008f.png);
}
.timeline .timeline-row .timeline-entry.timeline-entry-unfinished {
border-right: none;
}
.timeline .timeline-row .timeline-entry.timeline-entry-unfinished:after {
content: ' ';
position: absolute;
top: 0;
right: -20px;
width: 20px;
height: 100%;
background-color: inherit;
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #e5f7fd 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e5f7fd', GradientType=1);
/* IE6-9 */
}
.timeline .timeline-row .timeline-entry .badge {
position: absolute;
right: -4px;
bottom: -4px;
background-color: black;
color: white;
padding: 3px 6px;
}
.timeline .timeline-years {
position: absolute;
top: 0;
height: 100%;
width: 100%;
padding: 0 0 0 1px;
list-style: none;
z-index: 0;
}
.timeline .timeline-years li {
display: inline-block;
height: 100%;
padding: 5px;
margin: 0;
color: rgba(77, 77, 77, 0.83);
font-size: 18px;
font-weight: bold;
line-height: 16px;
border-right: 3px solid rgba(255, 255, 255, 0.4);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-width: 991px) {
.timeline .timeline-years li {
font-size: 16px;
}
}
.timeline .timeline-years li:last-child {
border-right: none;
}
.timeline .timeline-age {
position: absolute;
z-index: 5;
padding: 0;
height: 20px;
list-style: none;
width: 100%;
bottom: -30px;
}
.timeline .timeline-age li {
display: inline-block;
padding: 0;
margin: 0;
color: #999;
font-size: 12px;
line-height: 18px;
text-align: center;
border-right: 2px solid #eee;
font-weight: 300;
vertical-align: top;
height: 9px;
}
.timeline .status.status-background {
border: 1px solid #a1cbe4;
}
.timeline .status.status-background {
background-color: #fff;
color: #333333;
}
.timeline .status.status-background:hover {
background-color: #e6e6e6;
}
.timeline .status.status-igang.status-background {
background-color: #37862a;
color: #ffffff;
}
.timeline .status.status-igang.status-background:hover {
background-color: #275f1e;
}
.timeline .status.status-aftalt.status-background {
background-color: #569dd1;
color: #ffffff;
}
.timeline .status.status-aftalt.status-background:hover {
background-color: #3485c0;
}
.eventline-vejledning {
width: 720px;
margin: 0 auto;
}
.eventline-vejledning .eventline-vejledning-event {
width: 362px;
position: relative;
margin-top: -50px;
padding-top: 10px;
}
.eventline-vejledning .eventline-vejledning-event:first-child {
margin-top: 0;
}
.eventline-vejledning .eventline-vejledning-event:after {
content: ' ';
position: absolute;
top: 11px;
width: 32px;
height: 32px;
margin: 0 -18px;
border-radius: 50%;
display: block;
background-color: #969696;
border: 9px solid #fff;
}
.eventline-vejledning .eventline-vejledning-event.eventline-vejledning-event-left {
padding-right: 32px;
border-right: 4px solid #646464;
}
.eventline-vejledning .eventline-vejledning-event.eventline-vejledning-event-left:after {
right: 0;
}
.eventline-vejledning .eventline-vejledning-event.eventline-vejledning-event-left .eventline-vejledning-event-header {
border-right: none;
}
.eventline-vejledning .eventline-vejledning-event.eventline-vejledning-event-left .eventline-vejledning-event-header:before {
border-right: 1px solid #969696;
right: -6px;
transform: skew(35deg, 0);
}
.eventline-vejledning .eventline-vejledning-event.eventline-vejledning-event-left .eventline-vejledning-event-header:after {
border-right: 1px solid #969696;
right: -6px;
transform: skew(-35deg, 0);
}
.eventline-vejledning .eventline-vejledning-event.eventline-vejledning-event-right {
margin-left: 358px;
padding-left: 32px;
border-left: 4px solid #646464;
}
.eventline-vejledning .eventline-vejledning-event.eventline-vejledning-event-right:after {
left: 0;
}
.eventline-vejledning .eventline-vejledning-event.eventline-vejledning-event-right .eventline-vejledning-event-header {
border-left: none;
}
.eventline-vejledning .eventline-vejledning-event.eventline-vejledning-event-right .eventline-vejledning-event-header:before {
border-left: 1px solid #969696;
left: -6px;
transform: skew(-35deg, 0);
}
.eventline-vejledning .eventline-vejledning-event.eventline-vejledning-event-right .eventline-vejledning-event-header:after {
border-left: 1px solid #969696;
left: -6px;
transform: skew(35deg, 0);
}
.eventline-vejledning-event-header {
border: 1px solid #969696;
padding: 6px 6px 6px 15px;
position: relative;
color: #999;
background-color: #fff;
}
.eventline-vejledning-event-header:before {
content: ' ';
position: absolute;
height: 17px;
width: 15px;
border-top: 1px solid #969696;
top: -1px;
background-color: #fff;
}
.eventline-vejledning-event-header:after {
content: ' ';
position: absolute;
height: 17px;
width: 15px;
border-bottom: 1px solid #969696;
bottom: -1px;
background-color: #fff;
}
.eventline-vejledning-event-body {
background-color: #fff;
border: 1px solid #969696;
border-top: none;
}
.eventline-vejledning-event-header-igang {
background-color: #37862a;
color: #fff;
}
.eventline-vejledning-event-header-igang:after,
.eventline-vejledning-event-header-igang:before {
background-color: #37862a;
}
.eventline-vejledning-event-header-aftalt {
background-color: #569dd1;
color: #fff;
}
.eventline-vejledning-event-header-aftalt:after,
.eventline-vejledning-event-header-aftalt:before {
background-color: #569dd1;
}
.eventline-vejledning-event-section {
display: block;
padding: 15px 25px;
border: 0;
border-bottom: 1px solid #e3e3e3;
width: 100%;
background: #fff;
text-align: inherit;
}
.eventline-vejledning-event-section h3 {
margin: 0;
}
button.eventline-vejledning-event-section,
a.eventline-vejledning-event-section {
outline: none;
color: inherit;
}
button.eventline-vejledning-event-section:hover,
a.eventline-vejledning-event-section:hover,
button.eventline-vejledning-event-section:focus,
a.eventline-vejledning-event-section:focus {
background: #f0f0f0;
color: inherit;
text-decoration: none;
}
.eventline-vejledning-event-section:last-child {
border-bottom: none;
}
.eventline-vejledning-icon {
height: 36px;
min-width: 36px;
padding: 0px 1px;
border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
color: #333;
border: 1px solid #000;
}
.searchbox-suggestions {
max-height: 360px;
overflow-y: auto;
position: absolute;
border: 1px solid #eee;
top: 100%;
left: 0;
background: #fff;
list-style: none;
padding: 0;
margin-top: 1px;
width: 100%;
z-index: 200;
display: none;
border-color: #333333;
border-radius: 4px;
}
.searchbox-compact > .searchbox-suggestions {
max-height: 120px;
}
.open > .searchbox-suggestions {
display: block;
}
.searchbox-suggestions > li {
padding: 5px 10px;
border-bottom: 1px solid #eee;
cursor: pointer;
color: #333333;
}
.searchbox-suggestions > li:last-child {
border-bottom: none;
}
.searchbox-suggestions > li.active {
background-color: #F5F7F8;
}
.searchbox-container {
position: relative;
}
.searchbox-container .searchbox-loading {
position: absolute;
right: 6px;
top: -15px;
pointer-events: none;
opacity: 0;
transition: 0.3s opacity;
}
.searchbox-container .searchbox-loading.active {
opacity: 1;
transition: 0.5s opacity 0.3s;
}
.placeholder {
min-height: 20px;
position: relative;
}
.placeholder:before {
content: attr(data-placeholder);
position: absolute;
color: #777777;
padding: 5px;
display: inline-block;
opacity: 0;
transition: opacity 1s;
}
.placeholder:empty:before {
opacity: 1;
}
html.is-demonstration .is-sensitive {
color: #9ec0c1 !important;
background-color: #9ec0c1 !important;
}
/*# sourceMappingURL=minuddannelse-a7ff8f8529efde661fcb.css.map*/