body.ael *:not(main):not(main *):not(.swal2-container):not(.swal2-container *):not(.loadingoverlay):not(.loadingoverlay *),
body.ael .block-team,
body.ael .post-content-share-container {
display: none !important;
}
body.ael .block-content .col-post-content {
padding-left: initial;
padding-right: initial;
}
body.ael h2 {
font-size:27px;
font-weight: 700;
margin-bottom:15px;
}
body.ael h3 {
font-size:20px !important;
font-weight: 700;
margin-bottom:15px;
}
body.ael form h2 {
margin-bottom:25px;
}
body.ael .login-wrapper .inners {
max-width:400px;
width:100%;
}
body.ael .login-wrapper {
width:100%;
background-size:cover;
border-radius:15px;
margin-top:30px;
display: flex;
align-items: center;
justify-content: center;
padding-top:50px;
padding-bottom:50px;    
}
body.ael input[type="text"], body.ael input[type="email"], body.ael input[type="password"] {
border:1px solid #B4B4B4;
width: 100%;
padding: 26px;
line-height: 50px;
height: 50px;
-webkit-appearance: none;
outline: none;
border-radius: 3px;
margin-bottom:15px;
padding-left:15px;    
}
body.ael .question textarea {
border-radius: 3px;
border:1px solid #000;
padding:17px 17px !important;
padding-top:14px !important;
}
body.ael .login-wrapper .inner {
background-color:#fff;
border-radius:15px;
padding:30px 40px;
}
body.ael .inner.b {
margin-top:30px;
}
.button.blue {
background-color:#00519E !important;
}
.button.full {
width:100% !important;
text-align:center;
}
.ael-outer-wrapper {
margin-top:30px;
}
body.ael img.ael-logo {
width:184px;
height:auto;
margin-left:40px;
border:0 !important;
left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
}
body.ael .sub-btn-text {
width:100%;
display:block;
margin-top:15px;
text-decoration: none !important;
color:#000;
text-align:center;
}
body.ael .sub-btn-text:hover {
text-decoration: underline !important;
}
body.ael .card-d-wrapper {
background-color:#FBFBFB;
border-radius:5px;
margin-top:30px;
}
body.ael .card-d-wrapper .inner {
padding:40px;
}
body.ael .ael-top-bar {
display: flex;
justify-content: space-between;
align-items: center;    
}
body.ael a.logout {
display:block;
position: relative;
font-size:18px;
color:#000;
text-decoration: none !important;
font-weight: 700;
text-transform: uppercase;
margin-right:40px;
padding-left:30px;
}
body.ael a.logout:before {
content:'';
position: absolute;
width:21px;
height:18px;
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/logout.svg);
background-size:cover;
left:0px;
top:0;
bottom:0;
margin:auto;
}
.ael-module-wrapper .cc {
max-width:1000px;
width:100%;
position: relative;
}
body.ael .ael-layout-a a.logout {
position: absolute;
right:-200px;
}
body.ael .button.has-icon {
position: relative;
padding-left:60px;
}
body.ael .button.has-icon:before {
content:'';
position: absolute;
width:24px;
height:24px;
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/modules.svg);
background-size:cover;
left:20px;
top:0;
bottom:0;
margin:auto;    
}
body.ael .button.has-icon.literatuur {
padding-left:40px;
padding-right:20px;
margin-right:10px;
}
body.ael .button.has-icon.literatuur:before {
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/literatuur.svg);
width:24px;
height:21px;   
}
body.ael .ael-contents h1 {
font-size:35px;
}
body.ael .def-p .card-d-wrapper {
background-color:transparent;
}
body.ael .ael-top-bar img.ael-logo {
margin-left:0;
}
body.ael .ael-nav-bar {
margin-top:35px;
margin-bottom:20px;
}
body.ael .ael-nav-bar a {
position: relative;
font-size:15px;
font-weight: 700;
color:#00519E;
text-decoration: none !important;
}
body.ael .ael-nav-bar a:hover {
text-decoration: underline !important;
}
body.ael .ael-nav-bar a:before {
content: '';
display: inline-block;
width: 13px;
height: 13px;
background-image: url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/arrow.svg);
background-size: cover;
margin-right: 7px;  
position: relative;
top: 2px;   
}
body.ael .ael-nav-bar a.c:before {
display:none;
}
body.ael .ael-nav-bar a.c:after {
transform: rotate(180deg);
content: '';
display: inline-block;
width: 13px;
height: 13px;
background-image: url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/arrow.svg);
background-size: cover;
margin-left:7px;  
position: relative;
top: 2px; 
}
body.ael .ael-nav-bar a.c {
float:right;
display:none;
}
body.ael .module-pos-1 .ael-nav-bar a.c {
display:inline-block;
}
.ael-contents a:not(.button) {
color:#00519E !important;
text-decoration: none !important;
}
.ael-contents a:not(.button):hover {
text-decoration: underline !important;
}
.ael-modules-wrapper .item-wrapper .img {
width:100%;
height:210px;
background-size:cover;
border-radius:5px;
position: relative;
}
.ael-modules-wrapper .item-wrapper .img .ael-status-a {
width:40px;
height:40px;
background-color:#fff;
border-radius:50%;
position: absolute;
right:20px;
top:20px;
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/icon-complete-2.svg);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center center;
}
.ael-modules-wrapper .item-wrapper .img .ael-status-a.saved {
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/icon-pause.svg);
background-size: 16px 16px; 
}
.ael-modules-wrapper .item-wrapper .img .ael-status-a.ter_beoordeling {
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/wacht.svg);
background-size: 20px 20px; 
}
.ael-modules-wrapper .item-wrapper .img .ael-status-a.closed {
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/icon-closed.svg);
background-size: 16px 16px; 
}
.ael-modules-wrapper .item-wrapper .img .ael-status-a.open {
background-image:url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/icon-open.svg);
background-size: 19px 20px; 
}
.ael-modules-wrapper .item-wrapper {
display:block;
text-decoration: none !important;
color:#000;
}
.ael-modules-wrapper .item-wrapper h3 {
margin-top:15px;
margin-bottom:15px;
height: 50px;
overflow: hidden;
}
.ael-modules-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
.ael-contents h1 {
margin-top:35px;
}
.ael-contents {
margin-bottom:90px;
}
.ael-contents .goto-questions {
margin-top:30px;
}
.ael-contents .intro {
margin-bottom:30px;
}
.ael-contents h2:first-of-type {
margin-top: 40px;
}
.ael-contents h2:not(:first-of-type) {
margin-top: 70px;
}
.images-box.two-images {
display: flex;
gap:30px;
justify-content: center;
}
.images-box.two-images img {
max-width: 100% !important;
height: auto !important;
width: 100%;
object-fit: cover;
object-position: center;
border-radius:5px;
}
.images-box {
margin-top: 35px;
margin-bottom: 30px;
}
.ael-contents iframe {
width:100%;
height:650px;
}
.ael .question .title {
font-weight: 700;
font-size:17px;
margin-bottom:7px;
}
.ael .question {
margin-top:40px;
} .f-group.radio-b input {
position: absolute;
opacity: 0;
pointer-events: none;
} .f-group.radio-b label {
position: relative;
padding-left: 32px; cursor: pointer;
font-size: 16px;
line-height: 20px;
} .f-group.radio-b label::before {
content: "";
position: absolute;
left: 0;
top: -1px;
width: 18px;
height: 18px;
border: 1px solid black;
border-radius: 50%;
background-color: white;
box-sizing: content-box;
} .f-group.radio-b input:checked + label:after {
content: "";
position: absolute;
left: 5px;
top: 4px;
width: 10px;
height: 10px;
background-color: #00519E;
border-radius: 50%;
}
.ael .question.open-q a {
color:#000 !important;
text-decoration: underline !important;
}
.ael .question.open-q .intro-q {
margin-bottom:10px; 
}
.ael .questions-btns-c {
margin-top:50px;
}
.ael .questions-btns-c a.button.a {
margin-right:15px;
}
a.button.a {
border:1px solid #F1870F !important; 
}
a.button.trans {
background-color:#fff !important;
color:#000 !important;
border:1px solid #000 !important; 
}
.ael .ael-status {
background-color:#EAF7EC;
border-radius:20px;
padding:8px 20px;
font-size:17px;
position: relative;
}
.ael .ael-status.saved {
background-color:#FBF3EA;
}
.ael .ael-status.closed, .ael .ael-status.open, .ael .ael-status.ter_beoordeling, .ael .ael-status.beoordeeld_onvoldoende {
background-color:#fff;
}
.ael .ael-status:before {
content: '';
display: inline-block;
width: 17px;
height: 17px;
background-image: url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/icon-complete.svg);
background-size: cover;
margin-right: 9px;  
position: relative;
top: 2px;      
}
.ael .ael-status.saved:before {
background-image: url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/icon-pause.svg);     
}
.ael .ael-status.beoordeeld_onvoldoende:before {
background-image: url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/icon_vlag.svg);     
}
.ael .ael-status.ter_beoordeling:before {
background-image: url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/wacht.svg);     
}
.ael .ael-status.open:before {
background-image: url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/icon_start-module.svg);  
width: 14px;
height: 17px;       
}
.ael .ael-status.closed:before {
background-image: url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/icon-closed.svg);
width: 14px;
height: 16px;         
}
.ael-modules-wrapper {
margin-top:25px;
}
.ael .question span.wrong-answer {
color:#B82020;
font-weight: 500;
}
.ael .question {
position: relative;
}
.ael .status-antwoord-top:not(.not-reviewed) {
width:20px;
height:20px;
background-image: url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/module-check.svg);
position: absolute;
left:-35px;
top:1px;
background-size:cover;
}
.ael-modules-wrapper .item-wrapper .img .ael-status-a.beoordeeld_onvoldoende {
background-image: url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/icon_vlag.svg); 
}
.ael .status-antwoord-top:not(.not-reviewed).not-correct {
background-image: url(//sociaalplanbureaugroningen.nl/wp-content/plugins/app-e-learning/includes/Controller/../../assets/images/module-failed.svg);
}
.ael-module-wrapper[data-status="completed"] form label, .ael-module-wrapper[data-status="completed"] form textarea {
pointer-events:none;
} 
.ael-module-wrapper[data-status="beoordeeld_onvoldoende"] form label, .ael-module-wrapper[data-status="beoordeeld_onvoldoende"] form textarea {
pointer-events:none;
} 
.ael .review-comments-wrapper a {
color:#000 !important;
text-decoration: underline !important;
}
.ael .review-comments-wrapper {
padding:20px;
padding-top:14px;
padding-bottom:0px;
border-radius:3px;
margin-top:16px;
}
.ael .review-comments-wrapper:not(.not-reviewed).wrong {
border:1px solid #B82020;
background-color:#f8e9e9;
}
.ael .review-comments-wrapper:not(.not-reviewed).right {
border:1px solid #00BA00;
background-color:#e5f8e5;
}
.ael .review-comments-wrapper.not-reviewed {
background-color:#EFF5F9;
border:1px solid #000; 
}
.ael-module-wrapper[data-status="completed"] form textarea {
background-color:#F9F9F9;
border:1px solid #000;
border-radius:3px;
}
body.ael .card-d-wrapper .intro p:last-of-type {
margin:0;
padding:0;
}
body.ael .card-d-wrapper.b .inner {
padding:20px 40px;
}
body.ael .card-d-wrapper {
width:calc(100% + 60px);
margin-left:-30px;
} .ael-table {
width: 100%;
border-collapse: collapse;
font-family: Arial, sans-serif;
margin: 0 auto; 
} .ael-thead .ael-th {
background-color:#DBE5EF;
font-weight: bold;
padding: 10px;
text-align: left;
}
.ael-thead .ael-th:first-child {
border-radius:25px 0 0 25px;
padding-left:20px;
}
.ael-thead .ael-th.status {
border-radius:0 25px 25px 0;
} .ael-td, 
.ael-th {
padding: 10px;
vertical-align: middle;
}
.ael-td {
padding-top:15px;
padding-bottom:15px;
border-bottom:1px solid #DBE5EF;
}
.ael-td.action {
border:0;
} .ael-beoordeling-link {
color: #F1870F;
text-decoration: none;
margin-left: 5px;
font-weight: bold;
}
.ael-beoordeling-link:hover {
text-decoration: underline;
}
.ael .is-beoordeling .status-antwoord-top {
display:none;
}
.ael-module-wrapper.is-beoordeling[data-status="completed"] form textarea {
background-color: #EFF5F9;
border: 1px solid #000;
}
.ael-module-wrapper.is-beoordeling .review-comments-wrapper {
display:none;  
}
.ael .radios-g {
display: flex;
gap: 15px;
padding:15px 0px;
}
.ael .beoordeling-question-wrap input, .ael .beoordeling-question-wrap label, .ael .beoordeling-question-wrap textarea {
pointer-events:auto !important;
}
.ael .beoordeling-question-wrap textarea {
background-color:#fff !important;
}
.ael .space {
height:45px;
}
.ael .ael-table.archive .action a {
color:#00519E !important;
}
.ael .content-b ul {
margin-left:35px;
}
.ael .extra-uitleg-vraag {
padding:20px;
background-color:#e6edf5;
border:1px solid #576687;
border-radius:2px;
padding-top:15px;
margin-bottom:17px;
margin-top:7px;
padding-bottom:9px;
}
.ael .extra-uitleg-vraag ul, .ael .extra-uitleg-vraag ol {
margin-left:30px;
}
.ael .extra-uitleg-vraag li {
padding-bottom:3px;
}
.ael .extra-uitleg-vraag p {
margin-bottom:6px;
}
.ael blockquote {
border:1px solid #ddd;
padding:20px;
margin-top:25px;
margin-bottom:15px;
}
.ael blockquote p { 
padding:0;
margin:0;
}