@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans&display=swap);
@import url(https://p.typekit.net/p.css?s=1&k=ccj0zso&ht=tk&f=608.609.612.613.616.617.620.621&a=36934359&app=typekit&e=css);
@import url(https://fonts.googleapis.com/css2?family=Assistant&display=swap);
@import 'intl-tel-input/build/css/intlTelInput.css';
.iti {
  --iti-path-flags-1x: url('path/to/flags.webp');
  --iti-path-flags-2x: url('path/to/flags@2x.webp');
  --iti-path-globe-1x: url('path/to/globe.webp');
  --iti-path-globe-2x: url('path/to/globe@2x.webp');
}
@charset "UTF-8";

.split_grid {display: grid;grid-template-columns: 45% 45%;gap: 10%;}
.split_grid .box {width: unset;}

.feedback_popup {width: 300px;position: fixed;z-index: 999999;border: 1px solid;border-radius: 15px;overflow: hidden;background-color: #fff;height: -moz-fit-content;height: fit-content;display: flex;flex-wrap: wrap;justify-content: center;right: 1%;bottom: 15%;}
.feedback_popup p {padding: 15px;}
.popup_face {position: fixed;right: 5%;bottom: 5%;z-index: 9999;}
.popup_face img {width: 60px;border-radius: 20%;border: 2px solid #efefef;animation-name: feedback;animation-direction: alternate-reverse;animation-duration: 1000ms;animation-iteration-count: infinite;}
.popup_clicked {border: 2px solid #D0A84F !important;}
.readonly input {background-color: #c1c1c1;}
.feedback_popup textarea {width: 100%;height: 150px;border-radius: 0;opacity: 0.9;color: #000 !important;}
.feedback_popup textarea:focus-visible {outline: none !important;}
.feedback_popup textarea::-moz-placeholder {opacity: 0.4;}
.feedback_popup textarea::placeholder {opacity: 0.4;}
.send_test_feedback {margin: 15px;}
.open_feedback {cursor: pointer;position: fixed;right: 0px;bottom: 0px;width: 30px;height: 30px;z-index: 99999999;font-size: 20px;color: #fff;background-color: #EEDCB5;padding: 10px;border-radius: 20px 0 0 0;}
.e_feedback {z-index: 9999999;position: fixed;bottom: 0px;right: 0px;display: flex;justify-content: center;align-items: flex-start;width: 300px;background-color: #fff;border-radius: 5px;border-top: 1px solid rgba(201, 166, 85, 0.6784313725);border-left: 1px solid rgba(201, 166, 85, 0.6784313725);}
.e_feedback_inner {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;max-width: 250px;}

@keyframes bang {
  from {transform: translate3d(0, 0, 0);opacity: 1;}
}
.send_test_feedback {width: 140px;text-align: center;padding: 10px 0;cursor: pointer;position: relative;}
.send_test_feedback span {color: #333;font-size: 0.9em;}
.send_test_feedback i {position: absolute;display: block;left: 50%;top: 0;width: 3px;height: 8px;background: red;opacity: 0;}

@keyframes feedback {
  from {border: 2px solid #D0A84F;}
  to {border: 2px solid #fff;}
}

body {padding: 0;margin: 0;background-repeat: no-repeat;background-size: cover;height: 100%;box-sizing: border-box;background-image: url("/resources/img/bgnils1.png");}

/* *{
  color: #393939 !important;
} */

.leeromgeving-nils {display: grid;grid-template-columns: 20% 80%;width: 100%;margin: auto auto;border: 2px solid #E1E1E1;border-radius: 10px;transition: 300ms grid-template-columns;}
.leeromgeving-nils.login_within {grid-template-columns: 100%;padding-left: 0px;}
.login.content-container {width: 100%;height: 100%;min-height: 50vh;}
.login.content-container input {border: 1px solid #E1E1E1;border-radius: 8px;padding-left: 5px;}
hr {margin: 25px 0;opacity: 0.2;}
.width_fix {width: 100%;}
ul {list-style-type: none;}
ul > *, h1, h2, h3, h4, h5, h6, p, a, label, form, input, span, .vraag_input {font-family: "Assistant";text-decoration: none;color: #515151;font-size: 18px;}
.monitoring_system {padding: 5px 10px;border-radius: 5px;background-image: linear-gradient(90deg, #C59E47 0%, #DDCF9E 100%);color: #fff;}

@keyframes top_message {
  from {top: 0;}
  to {top: -20%;}
}
.top_message {position: absolute;right: 0px;top: 0px;display: flex;justify-content: center;align-items: center;width: 300px;background-color: rgb(218, 233, 205);border-radius: 0 0 0 10px;padding: 20px;z-index: 99999;animation: top_message 1s linear 3s 1 normal forwards;}
.top_message_inner {display: flex;justify-content: space-evenly;align-items: center;width: 100%;}
.top_message img {width: 20px;-o-object-fit: contain;object-fit: contain;}
.top_message span {color: #294a0c;padding-left: 10px !important;}
@keyframes top_update {
  from {top: -20%;}
  to {top: 0;}
}
.elearning_update_application {position: absolute;top: 0px;right: 0px;display: flex;justify-content: center;align-items: center;width: 25%;padding: 10px;background-color: #EEDCB5;border-radius: 0 0 0 10px;animation: top_update 1s linear 0s 1 normal forwards;z-index: 1;}
.elearning_update_application_inner {display: flex;justify-content: flex-end;align-items: center;flex-direction: row;width: 100%;}
.elearning_update_application_inner form {display: flex;justify-content: flex-end;align-items: center;flex-direction: row;width: 100%;}
.elearning_update_application_inner p {font-style: italic;font-size: 14px;color: #d19c29;padding-right: 10px;}
.release_notes {display: flex;justify-content: center;align-items: center;width: 100%;background-color: #EEDCB5;border-radius: 10px;font-family: "Assistant";}
.release_notes_inner {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 100%;padding: 20px;}
.elearning_popup_inner {display: flex;flex-direction: column;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 455px;height: 265px;background-color: #fff;padding: 20px;z-index: 9999999;border-radius: 8px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.0901960784);}
.elearning_popup_inner h1 {color: #767676;font-size: 18px;}
.elearning_popup_inner form {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;}
.elearning_popup_inner form input {width: 100%;border: none;border-bottom: 1px solid #DCDCDC !important;color: #C1C1C1;padding: 10px;padding-top: 12px;outline: none;}
.elearning_popup_inner form select {width: 100%;border: none;border-bottom: 1px solid #DCDCDC !important;color: #C1C1C1;padding: 10px;padding-top: 12px;outline: none;}
.elearning_popup_inner input[type=file] {display: none;}
.elearning_popup_inner .custom-file-upload {border-bottom: 1px solid #E8E8E8;display: flex;flex-direction: row;justify-content: space-between;align-items: center;width: 80%;cursor: pointer;color: #858585 !important;}
.elearning_popup_inner .custom-file-upload .file_upload {background-color: #C1C1C1;padding: 5px;color: #fff;}
.elearning_popup_inner_course {display: flex;flex-direction: column;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 455px;height: 265px;background-color: #fff;padding: 20px;z-index: 9999999;border-radius: 8px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.0901960784);}
.elearning_popup_inner_course h1 {color: #767676;font-size: 18px;}
.elearning_popup_inner_course form {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;}
.elearning_popup_inner_course form input {width: 100%;border: none;border-bottom: 1px solid #DCDCDC !important;color: #C1C1C1;padding: 10px;padding-top: 12px;outline: none;}
.elearning_popup_inner_course form select {width: 100%;border: none;border-bottom: 1px solid #DCDCDC !important;color: #C1C1C1;padding: 10px;padding-top: 12px;outline: none;}
.elearning_popup_inner_course input[type=file] {display: none;}
.elearningelearning_popup_inner_course_popup_inner .custom-file-upload {border-bottom: 1px solid #E8E8E8;display: flex;flex-direction: row;justify-content: space-between;align-items: center;width: 80%;cursor: pointer;color: #858585 !important;}
.elearning_popup_inner_course .custom-file-upload .file_upload {background-color: #C1C1C1;padding: 5px;color: #fff;}

/* a.cta {-webkit-appearance: button;-moz-appearance: button;appearance: button;} */
.cta, a.cta  {border: 1px solid #D0A84F;background: #FFFFFF;border-radius: 25px;padding: 10px 24px;font-size: 17px;color: #515151;cursor: pointer;transition: all 0.3s ease-in-out;}
.cta:hover , a.cta:hover{border: 1px solid rgba(208, 167, 79, 0);background: #F1EADC;transition: all 0.3s ease-in-out;}
.cta_full {border: 1px solid #F1EADC;background: #F1EADC;border-radius: 25px;padding: 10px 24px;font-size: 17px;cursor: pointer;color: #515151;transition: all 0.3s ease-in-out;}
.cta_full:hover {background: #FFFFFF;border: 1px solid #D0A84F;transition: all 0.3s ease-in-out;}
.cta_delete {border: 1px solid rgba(203, 106, 106, 0.3294117647);background: rgba(203, 106, 106, 0.3294117647);border-radius: 25px;padding: 10px 25px;font-size: 17px;cursor: pointer;color: #515151;transition: all 0.3s ease-in-out;}
.cta_delete:hover {background: rgba(203, 106, 106, 0.6117647059);border: 1px solid rgba(203, 106, 106, 0.9921568627);color: #b35a5a;transition: all 0.3s ease-in-out;}

.right_top {position: absolute;right: 30px; top: 65px;}

.elearningtheme_auth {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_auth_inner {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 1200px;}
.elearningtheme_auth_logo {position: absolute;top: 60px;left: 143px;width: 224px;height: 42px;-o-object-fit: contain;object-fit: contain;}
.elearningtheme_authscreen {display: flex;justify-content: center;align-items: center;width: 100%;min-height: 100vh;font-family: "Plus Jakarta Sans", sans-serif !important;}
.elearningtheme_authscreen_inner {display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 100%;}
.elearningtheme_authscreen_inner .left {display: flex;justify-content: center;align-items: center;width: 50%;}
.elearningtheme_authscreen_inner .left_inner {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 485px;}
.elearningtheme_authscreen_inner .left_inner .tip_day {background-color: rgba(255, 255, 255, 0.6980392157);border-radius: 8px;padding: 20px;margin-left: 30px;}
.elearningtheme_authscreen_inner .left_inner .tip_day h1 {color: #515151;font-size: 38px;font-weight: lighter;font-family: "Plus Jakarta Sans", sans-serif !important;}
.elearningtheme_authscreen_inner .left_inner .tip_day p {color: #767676;font-size: 16px;font-family: "Plus Jakarta Sans", sans-serif !important;}
.elearningtheme_authscreen_inner .left_inner .tip_day .person {display: flex;justify-content: flex-start;align-items: center;width: 100%;margin-top: 10px;}
.elearningtheme_authscreen_inner .left_inner .tip_day .person_inner {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 100%;}
.elearningtheme_authscreen_inner .left_inner .tip_day .person_inner .info {margin-left: 12px;}
.elearningtheme_authscreen_inner .left_inner .tip_day .person_inner .info .name {color: #767676;font-size: 18px;}
.elearningtheme_authscreen_inner .left_inner .tip_day .person_inner .info .function {color: #B8B8B8;font-size: 14px;}
.elearningtheme_authscreen_inner .left_inner .tip_day .person img {width: 47px;height: 47px;border-radius: 50%;}
.elearningtheme_authscreen_inner .left_inner .tip_day .contact {display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 100%;margin-top: 20px;}
.elearningtheme_authscreen_inner .left_inner .tip_day .contact a {color: #B8B8B8;font-size: 14px;font-family: "Plus Jakarta Sans", sans-serif !important;}
.elearningtheme_authscreen_inner .right {display: flex;justify-content: center;align-items: center;width: 50%;min-height: 100vh;background-color: #fff;}
.elearningtheme_authscreen_inner .right_inner {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;width: 100%;max-width: 500px;}
.elearningtheme_authscreen_inner .right_inner h1 {margin: 0 0 40px;font-size: 38px;font-weight: lighter;font-family: "Plus Jakarta Sans", sans-serif !important;}
.elearningtheme_authscreen_inner .right_inner .input {outline: none;border: none;border-bottom: 1px solid #D0D0D0;width: 300px;padding: 10px;opacity: 0.6;transition: all 0.3s ease-in-out;margin-bottom: 10px;font-family: "Plus Jakarta Sans", sans-serif !important;}
.elearningtheme_authscreen_inner .right_inner .input:focus {opacity: 1;transition: all 0.3s ease-in-out;}
.elearningtheme_authscreen_inner .right_inner .fa-eye-slash {position: relative;right: 30px;color: #C2C2C2;cursor: pointer;}
.elearningtheme_authscreen_inner .right_inner a {color: #515151;font-weight: bold;font-size: 14px;}
.elearningtheme_authscreen_inner .right_inner .checkbox {display: flex;justify-content: flex-start;align-items: center;margin: 20px 0;color: #515151;}
.elearningtheme_authscreen_inner .right_inner .login_button {border: 1px solid #D0A84F;background: #FFFFFF; border-radius: 25px; padding: 10px 25px; font-size: 18px; color: #515151; cursor: pointer; transition: all 0.3s ease-in-out;}
.elearningtheme_authscreen_inner .right_inner .login_button:hover {border: 1px solid rgba(208, 167, 79, 0);background: #F1EADC;transition: all 0.3s ease-in-out;}
.elearningtheme_authscreen_inner .right_inner .register_button {border: 1px solid #F1EADC;background: #F1EADC;border-radius: 25px;padding: 10px 25px;font-size: 18px;cursor: pointer;color: #515151;transition: all 0.3s ease-in-out;}
.elearningtheme_authscreen_inner .right_inner .register_button:hover {background: #FFFFFF;border: 1px solid #D0A84F;transition: all 0.3s ease-in-out;}
.buttongroup_inner p img {position: relative;right: 10px;width: 40px !important;}
.products_message img {display: none !important;}
.products_message_show {display: flex;}
.tox .tox-editor-container {z-index: 10;}

.content-container {width: 100%;min-height: 100vh;height: 100%;box-sizing: border-box;padding: 26px;padding-left: 320px;transition: all 0.3s ease-in-out;}
.content-container-small {width: 100%;height: 100%;box-sizing: border-box;padding: 26px;overflow: hidden;padding-left: 190px !important;transition: all 0.3s ease-in-out;}
.elearningtheme_contentblock {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;}
.elearningtheme_contentblock_inner {display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;width: 100%;max-width: 98%;border-radius: 8px;background-color: rgba(255, 255, 255, 0.64);box-shadow: 0 0 7px 2px rgba(57, 57, 57, 0.05);}
.elearning_usersinfo_inner {padding: 20px;}
.elearning_usersinfo_inner .title {font-family: "Assistant";text-decoration: none;color: #515151;font-size: 18px;font-weight: bold;}
.gegevens .color_choice {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearning_usersinfo_inner .color_choice_inner {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 100%;}
.elearning_usersinfo_inner .color_choice_inner img {width: 50px;height: 50px;}
.elearning_usersinfo_inner .color_choice_inner p {margin: 0px;}
.elearning_usersinfo_inner .color_choice_inner .moon {cursor: pointer;transition: all 0.3s ease-in-out;width: 80px;height: 80px;text-align: center;padding: 20px;background-image: linear-gradient(90deg, #C59E47 0%, #DDCF9E 100%);box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1607843137);border-radius: 5px;}
.elearning_usersinfo_inner .color_choice_inner .moon:hover {opacity: 0.8;transition: all 0.3s ease-in-out;}
.elearning_usersinfo_inner .color_choice_inner .moon i {font-size: 40px;color: #D5BF81;}
.elearning_usersinfo_inner .color_choice_inner .moon p {color: #fff;}
.elearning_usersinfo_inner .color_choice_inner .sun {cursor: pointer;transition: all 0.3s ease-in-out;width: 80px;height: 80px;text-align: center;padding: 20px;background-color: #fff;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1607843137);border-radius: 5px;margin-right: 15px;}
.elearning_usersinfo_inner .color_choice_inner .sun:hover {opacity: 0.8;transition: all 0.3s ease-in-out;}
.elearning_usersinfo_inner .color_choice_inner .sun i {font-size: 40px;color: #fff;}
.elearning_usersinfo_inner {padding: 20px 0 20px 20px;width: 100%;}

.company_logo_parent {height: 60px;margin: 20px 0;}
.elearningtheme_sidebar .company_logo {width: 200px;height: 100%;-o-object-fit: contain;object-fit: contain;z-index: 1;}
.elearningtheme_sidebar_inner_small .company_logo {width: 100px;height: 100%;-o-object-fit: contain;object-fit: contain;z-index: 1;}
.elearningtheme_sidebar {overflow: hidden;position: fixed;display: flex;justify-content: center;align-items: flex-start;width: 300px;height: 100vh;background-color: white;font-family: "Assistant";overflow-y: scroll;transition: all 0.3s ease-in-out;scrollbar-width: none;}
.elearningtheme_sidebar::-webkit-scrollbar {display: none;}
.elearningtheme_sidebar_inner {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;width: 250px;transition: all 0.3s ease-in-out;}
.elearningtheme_sidebar_inner .menu_item .item {position: relative;}
.elearningtheme_sidebar_inner .menu_item.active .item::after {position: absolute;content: " ";right: -65%;height: 42px;width: 100px;border-radius: 11px 0 0 11px;background-color: rgba(235, 212, 162, 0.79);}
.elearningtheme_sidebar_profile {display: flex;justify-content: center;align-items: center;width: 100%;margin-bottom: 25px;transition: all 0.3s ease-in-out;}
.elearningtheme_sidebar_profile_inner {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 261px;padding: 22px;margin: 15px 0 15px -5px;background-color: #fff;box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.12);border-radius: 20px;}
.elearningtheme_sidebar_profile_inner .block {display: flex;justify-content: center;flex-direction: column;height: 68px;margin-left: 15px;}
.elearningtheme_sidebar_profile_inner .block .active {color: #515151;}
.elearningtheme_sidebar_profile_inner .block p {color: #C1C1C1;margin: 0px;}
.elearningtheme_sidebar_profile_inner img {width: 68px;height: 68px;border-radius: 50%;}
.elearningtheme_sidebar_inner .item {display: flex;justify-content: flex-start;align-items: center;width: 200px;height: 42px;margin: 0 0 0px 15px;color: #515151;font-size: 20px;}
.elearningtheme_sidebar_inner .item .count {display: flex;align-items: center;justify-content: center;width: 100%;position: relative;left: -23px;top: -10px;width: 20px;height: 20px;font-size: 12px;border-radius: 50%;background-color: #3187FF;color: #fff;margin-right: -18px;}
.elearningtheme_sidebar_inner .item img {width: 24px;height: 24px;padding-right: 26px;}
.elearningtheme_sidebar_inner .align {display: flex;height: 70vh;}
.elearningtheme_sidebar_inner .align_inner {display: flex;justify-content: space-between;flex-direction: column;align-items: center;width: 100%;}
.elearningtheme_sidebar_inner .bottom {display: flex;width: 100%;flex-direction: column;}
.elearningtheme_sidebar_inner .bottom .switcher {display: flex;margin-left: 15px;}
.elearningtheme_sidebar_inner .bottom .switcher_inner a {display: flex;justify-content: flex-start;align-items: center;flex-direction: row;position: relative;}
.elearningtheme_sidebar_inner .bottom .switcher_inner label {margin-right: -10px;margin-bottom: 10px;}
.click_overlay {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 99999;}
.elearningtheme_sidebar_inner .switch {position: relative;display: inline-block;width: 60px;height: 34px;}
.elearningtheme_sidebar_inner .switch input {opacity: 0;width: 0;height: 0;}
.elearningtheme_sidebar_inner .slider {position: absolute;cursor: pointer;height: 45px;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(118, 118, 118, 0.2);transition: 0.4s;width: 26px;}
.elearningtheme_sidebar_inner .slider:before {position: absolute;content: "";height: 18px;width: 18px;left: 4px;bottom: 4px;background-color: #d0a84f;transition: 0.4s;}
.elearningtheme_sidebar_inner input:checked + .slider {background-color: rgb(241, 234, 220);}
.elearningtheme_sidebar_inner input:focus + .slider {box-shadow: 0 0 1px #D0A84F;}
.elearningtheme_sidebar_inner input:checked + .slider:before {transform: translateY(-19px);}
.elearningtheme_sidebar_inner .slider.round {border-radius: 34px;}
.elearningtheme_sidebar_inner .slider.round:before {border-radius: 50%;}
.elearningtheme_sidebar_small {position: fixed;display: flex;justify-content: center;align-items: flex-start;width: 170px;min-height: 100vh;height: 100%;background-color: #fff;box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);font-family: "Assistant";overflow-y: scroll;scrollbar-width: none;}
.elearningtheme_sidebar_small::-webkit-scrollbar {display: none;}
.elearningtheme_sidebar_inner_small {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 150px;}
.elearningtheme_sidebar_inner_small .item .active {position: relative;left: 63px;height: 42px;width: 14px;border-radius: 11px 0 0 11px;background-color: rgba(235, 212, 162, 0.79);}
.elearningtheme_sidebar_profile_small {display: flex;justify-content: center;align-items: center;width: 100%;margin-bottom: 65px;}
.elearningtheme_sidebar_profile_inner_small {display: flex;justify-content: space-around;align-items: center;max-width: 261px;padding: 22px;margin: 15px 0 15px -5px;background-color: #fff;box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.12);border-radius: 20px;}
.elearningtheme_sidebar_profile_inner_small img {width: 68px;height: 68px;border-radius: 50%;}
.elearningtheme_sidebar_inner_small .item {display: flex;justify-content: center;align-items: flex-start;width: 100%;height: 42px;padding: 0 0 40px 0;color: #515151;font-size: 20px;}
.elearningtheme_sidebar_inner_small .item .count {display: flex;align-items: center;justify-content: center;width: 100%;position: relative;left: -35px;top: -10px;width: 20px;height: 20px;font-size: 12px;border-radius: 50%;background-color: #3187FF;color: #fff;margin-right: -18px;}
.elearningtheme_sidebar_inner_small .item img {width: 30px;height: 30px;}
.elearningtheme_title {display: flex;justify-content: center;align-items: center;width: 30%;margin-bottom: 20px;}
.elearningtheme_title_inner {display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;width: 100%;max-width: 100%; margin-top: 15px;}
.elearningtheme_title_inner h1 {color: #515151;font-weight: normal;font-size: 38px;letter-spacing: 0;margin: 10px 0;}
.elearningtheme_title_inner p {margin: 0px;font-size: 18px;}

.elearningtheme_dashboard_parent {display: flex;align-items: flex-start;justify-content: space-between;width: 100%;}
.elearningtheme_dashboard {display: flex;justify-content: center;align-items: flex-start;width: 1122px;height: 227px;background-color: #fff;margin: 0px -26px 0 0;padding: 25px;border-radius: 0 0 0 8px; box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.04)}
.elearningtheme_dashboard_inner {min-height: 190px;display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;width: 100%;max-width: 100%;border-radius: 0 0 0 8px;background-color: #FFFFFF;;}
.elearningtheme_dashboard_inner .title {display: flex;justify-content: center;align-items: center;width: 100%;margin-bottom: 14px;}
.elearningtheme_dashboard_inner .title_inner {display: flex;justify-content: flex-start;align-items: center;flex-direction: row;width: 100%;max-width: 100%;}
.elearningtheme_dashboard_inner .title_inner h5 {font-weight: lighter;margin: 0;font-size: 18px;padding-right: 10px;color: #515151;}
.elearningtheme_dashboard_inner .title_inner p {width: 15px;height: 15px;text-align: center;border-radius: 50%;margin: 0;background-color: #3187FF;padding: 3px;color: #fff;line-height: 15px;}
.elearningtheme_dashboard_notifications {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_dashboard_notifications_inner {display: flex;align-items: flex-start;flex-direction: column;flex-wrap: wrap;width: 100%;max-width: 100%;}
.elearningtheme_dashboard_notifications_inner .item {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;width: 100%;font-family: "Assistant";padding: 10px;margin: 0px;border-radius: 8px;box-shadow: 0 0 7px rgba(0, 0, 0, 0.0901960784);}
.elearningtheme_dashboard_notifications_inner .item .top {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_dashboard_notifications_inner .item .top_inner {display: flex;justify-content: flex-start;width: 100%;}
.elearningtheme_dashboard_notifications_inner .item .top_inner .center .name {color: #767676;}
.elearningtheme_dashboard_notifications_inner .item .top_inner .center .time {color: #ACACAC;}
.elearningtheme_dashboard_notifications_inner .item .top_inner .center {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;}
.elearningtheme_dashboard_notifications_inner .item .top_inner .right {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;}
.elearningtheme_dashboard_notifications_inner .item .top_inner .right .look_dont_show {display: none;}
.elearningtheme_dashboard_notifications_inner .item .top_inner .right .look_show {display: block;}
.elearningtheme_dashboard_notifications_inner .item .top_inner .notifications_menu {width: 3px;height: 13px;}
.elearningtheme_dashboard_notifications_inner .item .top_inner img {width: 48px;height: 48px;border-radius: 50%;padding: 0 10px;}
.elearningtheme_dashboard_notifications_inner .item .bottom {display: -webkit-box;margin: 8px 0;font-size: 16px;color: #767676;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.elearningtheme_dashboard_notifications_inner .hoverNotification:hover {background-color: #F9F6F1;border-radius: 8px;}
.elearningtheme_dashboard_notifications_inner .hoverNotification {display: inline-block;width: 28%;margin: 8px;padding-right: 21px;}

.message_all {display: flex;justify-content: center;align-items: center;width: 100%;}
.message_all_inner {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;width: 100%;max-width: 100%;padding: 20px 0 20px 20px;border-left: 2px solid #EEDCB5;}
.message_all_inner .message_item {position: relative;display: flex;justify-content: flex-start;align-items: flex-start;width: auto;min-width: 20%;padding: 20px;background-color: #fff;border-radius: 8px;box-shadow: 0 0 7px 2px rgba(57, 57, 57, 0.05);border-left: 5px solid #EEDCB5;margin-right: 20px;margin-bottom: 20px;border-right: 1px solid #EEDBB4;border-top: 1px solid #EEDBB4;border-bottom: 1px solid #EEDBB4;}
.message_all_inner .message_item .left {display: flex;justify-content: flex-start;align-items: center;flex-direction: column;margin-right: 20px;}
.message_all_inner .message_item .left h1 {margin: 0px;color: #C1C1CD;font-weight: lighter;font-size: 14px;margin-top: 10px;}
.message_all_inner .message_item .left img {width: 50px;height: 50px;border-radius: 50%;}
.message_all_inner .message_item .right {display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;width: 80%;}
.message_all_inner .message_item .right p {margin: 0px;}
.message_all_inner .message_item .right i {margin: 10px 0;}
.message_all_inner .message_item .right .date {color: #C1C1CD;font-weight: lighter;font-size: 14px;}
.message_all_inner .message_item .time_send_or_get {position: absolute;bottom: 5px;right: 10px;color: #D4D4DC;font-size: 11px;}
.message_all_inner .message_item .left .second_person {background-color: #fff;border-radius: 50%;position: absolute;top: 16px;left: 22px;}
.message_all_inner .message_item .title_from_to {margin-top: 20px !important;}
.message_item.read {background-color: #EDFFE9 !important;border-left: 5px solid #d0ffc5;border-right: 1px solid #d0ffc5;border-top: 1px solid #d0ffc5;border-bottom: 1px solid #d0ffc5;}
.message_item #messageButtons {display: flex;flex-direction: column;}

.elearningtheme_sidebar {
  box-shadow: 5px 75px 20px 5px rgba(165, 165, 165, 0.2);
}

.headerTop{
  float: right;
  width: 100vw;
  display: flex;
  height: 50px;
  justify-content: flex-end;
  background-color: white;
  box-shadow: 0px 0px 6px 6px rgba(165, 165, 165, 0.2);
}

.headerTop a i, .headerTop a i::before {
  font-size: 20px;
  width: 25px;
  margin-right: 20px;
  margin-top: 13px;
}



.elearningtheme_dashboard_centerblocks {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_dashboard_centerblocks_inner {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;width: 100%;max-width: 100;}
.elearningtheme_dashboard_centerblocks_inner .centerblock_title {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_dashboard_centerblocks_inner .centerblock_title_inner {display: flex;justify-content: space-between;align-items: center;flex-direction: row;width: 100%;}
.elearningtheme_dashboard_centerblocks_inner .centerblock_title_inner .title_item {display: flex;justify-content: flex-end;align-items: center;width: 100%;padding-right: 50px;}
.elearningtheme_dashboard_centerblocks_inner .centerblock_title_inner .title_item_inner {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;max-width: 50px;}
.elearningtheme_dashboard_centerblocks_inner .centerblock_title_inner .title_item_inner a {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;max-width: 50px;}
.elearningtheme_dashboard_centerblocks_inner .centerblock_title_inner .title_item_inner .add_task_icon {font-size: 12px;color: #D2B877;background-color: #F1EADC;border-radius: 50%;padding: 12px;margin-left: 7px;margin-right: 7px;}
.elearningtheme_dashboard_centerblocks_inner h4 {margin: 0px;margin-top: -10px;font-weight: lighter;}
.elearningtheme_dashboard_centerblocks_inner a {color: #8d8d8d;font-size: 14px;margin: 0px;}
.elearningtheme_dashboard_centerblocks_inner .left {min-height: 220px;display: flex;justify-content: flex-start;align-items: center;flex-direction: column;width: 30%;padding: 20px;border-radius: 8px;background-color: rgb(255, 255, 255);box-shadow: 0 0 7px 2px rgba(57, 57, 57, 0.05);}
.elearningtheme_dashboard_centerblocks_inner .left .top {display: flex;justify-content: center;align-items: center;width: 100%;margin: 20px 0;}
.elearningtheme_dashboard_centerblocks_inner .left .top_inner {display: flex;justify-content: space-between;align-items: flex-start;flex-direction: row;width: 100%;max-width: 100%;}
.elearningtheme_dashboard_centerblocks_inner .left .top_inner .item {margin: 0px;font-size: 14px;color: #767676;border-radius: 8px;background-color: #FFFFFF;}
.elearningtheme_dashboard_centerblocks_inner .left .top_inner .item p {margin: 0px;font-size: 14px;color: #767676;line-height: 1.2;}
.elearningtheme_dashboard_centerblocks_inner .left .top_inner .item .topitem {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_dashboard_centerblocks_inner .left .top_inner .item .topitem_inner {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;}
.elearningtheme_dashboard_centerblocks_inner .left .top_inner .item .topitem_inner a {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;}
.elearningtheme_dashboard_centerblocks_inner .left .top_inner .item .topitem_inner .calendar_icon {font-size: 16px;color: #D2B877;background-color: #F1EADC;border-radius: 50%;padding: 10px;margin-right: 7px;border: 1px solid #CBA85A;}
.elearningtheme_dashboard_centerblocks_inner .left .top_inner .item .topitem_inner .add_task_icon {font-size: 12px;color: #D2B877;background-color: #F1EADC;border-radius: 50%;padding: 5px;margin-left: 7px;}
.elearningtheme_dashboard_centerblocks_inner .left .bottom {display: flex;justify-content: flex-start;align-items: center;width: 100%;flex-direction: column;}
.elearningtheme_dashboard_centerblocks_inner .left .bottom label {font-size: 16px;color: #767676;padding-left: 10px;max-width: 200px;}


input[type=checkbox] {position: relative;width: 0.9em;height: 0.9em;color: #363839;border: 1px solid #bdc1c6;border-radius: 4px;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: 0;cursor: pointer;transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);}
input[type=checkbox]::before {position: absolute;content: "";display: block;top: 0px;left: 4px;width: 5px;height: 10px;border-style: solid;border-color: #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
input[type=checkbox]:checked {color: #fff;border-color: #8CD04F;background: #8CD04F;}
input[type=checkbox]:checked::before {opacity: 1;}
input[type=checkbox].send_mail_vinkje::before{left: 6px; top: 2px;} 
input[type=checkbox].send_mail_vinkje{width: 10px; height: 3px; border: 1px solid #bdc1c6;}
label:not(.exclude) {opacity: 1 !important;}

.dashboard_tasks {display: flex;justify-content: center;align-items: center;width: 100%;}
.dashboard_tasks_inner {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 100%;}
.dashboard_tasks_inner .item {display: flex;align-items: flex-start;justify-content: flex-start;width: 100%;padding: 5px 0;}
.dashboard_tasks_inner .item label {line-height: 18px;}

.elearningtheme_dashboard_centerblocks_inner .right {min-height: 220px; display: flex;flex-direction: column;width: 30%;padding: 20px;border-radius: 8px;background-color: rgb(255, 255, 255);box-shadow: 0 0 7px 2px rgba(57, 57, 57, 0.05);}
.elearningtheme_dashboard_centerblocks_inner .center {display: flex;flex-direction: column;width: 30%;padding: 20px;border-radius: 8px;background-color: rgb(255, 255, 255);box-shadow: 0 0 7px 2px rgba(57, 57, 57, 0.05);height: 220px;}
.elearningtheme_dashboard_slider {display: flex;justify-content: center;align-items: center;width: 100%;margin-top: 72px;}
.elearningtheme_dashboard_slider_inner {display: flex;justify-content: center;align-items: center;flex-direction: row;flex-wrap: wrap;gap: 14px;width: 100%; flex-direction: column;}
.elearningtheme_dashboard_slider_inner .item {display: flex;justify-content: center;align-items: center;flex-direction: column;border: 1.98px solid #F9F6F1;border-radius: 7.92px;padding: 10px;}
.elearningtheme_dashboard_slider_inner .item h4 {margin: 0px;font-size: 25px;color: #767676;}
.elearningtheme_dashboard_slider_inner .item p {margin: 0px;font-size: 12px;color: #767676;}
.elearningtheme_dashboard_slider_inner .bottom {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_dashboard_slider_inner .bottom_inner {display: flex;justify-content: space-between;align-items: flex-start;flex-direction: column;width: 100%;}
.elearningtheme_dashboard_slider_inner .bottom_inner .item_day {display: flex;justify-content: flex-start;align-items: center;width: 100%;font-family: "Assistant";margin-bottom: 15px;}
.elearningtheme_dashboard_slider_inner .bottom_inner .item_day .time {padding-right: 18px;color: #ACACAC;font-size: 14px;font-weight: 300;}
.elearningtheme_dashboard_slider_inner .bottom_inner .item_day .activity {color: #767676;font-size: 16px;}
.elearningtheme_dashboard_slider_inner .bottom1 {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_dashboard_slider_inner .bottom_inner1 {display: flex;justify-content: space-between;align-items: flex-start;flex-direction: column;width: 100%;}
.elearningtheme_dashboard_slider_inner .bottom_inner1 .item_day {padding: 0 20px;display: flex;justify-content: flex-start;align-items: center;width: 100%;font-family: "Assistant";margin-bottom: 15px;}
.elearningtheme_dashboard_slider_inner .bottom_inner1 .item_day .time {padding-right: 18px;color: #ACACAC;font-size: 14px;font-weight: 300;}
.elearningtheme_dashboard_slider_inner .bottom_inner1 .item_day .activity {color: #767676;font-size: 16px;}

.between_line_parent {display: flex;justify-content: center;align-items: center;width: 100%;margin: 20px 0;}
.between_line {width: 90%;height: 3px;background-color: #F9F6F1;}

.main-carousel .ball {display: none;}

.flickity-slider .carousel-cell, .item_right, .table-row {animation: cellSlide 1s forwards;opacity: 0;top: 100%;}
@keyframes cellSlide {
  from {opacity: 0;top: 100%;}
  to {opacity: 1;top: 0%;}
}

.elearningtheme_dashboard_admin_bottomblocks {display: flex;justify-content: center;align-items: center;width: 100%;font-family: "Assistant";}
.elearningtheme_dashboard_admin_bottomblocks h4 {margin: 0px;margin-top: -10px;font-weight: lighter;}
.elearningtheme_dashboard_admin_bottomblocks_inner {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;max-width: 100%; margin-top: 15px}
.elearningtheme_dashboard_admin_bottomblocks_inner .bottomblocks_left {display: flex;justify-content: center;align-items: center;width: 32%;}
.elearningtheme_dashboard_admin_bottomblocks_inner .bottomblocks_left .bottomblocks_left_inner {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;max-width: 100%;}
.elearningtheme_dashboard_admin_bottomblocks_inner .bottomblocks_left .bottomblocks_left_inner .bottomblock_left_inner_item {display: flex;flex-direction: column;width: 42%;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.0901960784);background-color: #fff;border-radius: 8px; height: 350px;}
.elearningtheme_dashboard_admin_bottomblocks_inner .bottomblocks_right {display: flex;justify-content: center;align-items: center;width: 32%;}
.elearningtheme_dashboard_admin_bottomblocks_inner .bottomblocks_right .bottomblock_right_inner {min-height: 300px;display: flex;justify-content: flex-start;align-items: center;flex-direction: column;width: 100%;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.0901960784);background-color: #fff;border-radius: 8px; height: 350px;}
.elearningtheme_dashboard_admin_bottomblocks .bottomblocks_center{width:30%; height: 400px; background-color: #fff;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.0901960784);background-color: #fff;border-radius: 8px;padding: 20px; height: 350px;}
.elearningtheme_dashboard_admin_bottomblocks .centerblock_title {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_dashboard_admin_bottomblocks .centerblock_title_inner {display: flex;justify-content: space-between;align-items: center;flex-direction: row;width: 100%;}
.elearningtheme_dashboard_admin_bottomblocks .centerblock_title_inner .title_item {display: flex;justify-content: flex-end;align-items: center;width: 100%;padding-right: 20px;color: #515151;font-size: 18px;}
.elearningtheme_dashboard_admin_bottomblocks .centerblock_title_inner .title_item_inner {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;max-width: 50px;}
.elearningtheme_dashboard_admin_bottomblocks .centerblock_title_inner .see_more_dashboard_admin {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;max-width: 80px;font-size: 14px;color: #8d8d8d;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks {display: flex;justify-content: center;align-items: center;width: 100%;margin-top: 20px;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;width: 100%;max-width: 100%;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item {display: flex;justify-content: center;flex-direction: column;align-items: center;width: 45%;background-color: #fff;border-radius: 8px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1098039216);padding: 5px;margin-bottom: 20px;margin-top: 10px;transition: all 0.1s ease-in-out;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item:hover {width: 45%;transition: all 0.1s ease-in-out;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item:hover .icon {top: 10px;transform: scale(1.01);transition: all 0.1s ease-in-out;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item .icon {position: relative;transition: all 0.1s ease-in-out;top: -26px;margin-bottom: -20px;display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;background-color: #fff;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1098039216);border-radius: 50%;text-align: center;vertical-align: middle;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item .icon i {font-size: 30px;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item .icon img {width: 30px;height: 30px;-o-object-fit: contain;object-fit: contain;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item p {margin: 5px 0;font-size: 16px;color: #767676;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item a {margin: 2px 0;font-size: 12px;color: #B8B8B8;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item_right {display: flex;justify-content: center;flex-direction: column;align-items: center;width: 45%;background-color: #fff;border-radius: 8px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1098039216);padding: 10px;margin-bottom: 20px;transition: all 0.1s ease-in-out;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item_right:hover {transform: scale(1.03);transition: all 0.1s ease-in-out;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item_right_inner {display: flex;justify-content: flex-start;flex-direction: column;align-items: flex-start;width: 100%;max-width: 100%;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item_right_inner .top_right {display: flex;justify-content: center;align-items: flex-start;width: 100%;max-width: 100%;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item_right_inner .top_right .top_right_inner {display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 100%;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item_right_inner .top_right .top_right_inner h5 {margin: 0px;color: #767676;font-size: 14px;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item_right_inner .top_right .top_right_inner p {margin: 0px;color: #C1C1C1;font-size: 14px;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item_right_inner .top_right .top_right_inner .user_img {width: 48px;height: 48px;border-radius: 50%;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item_right_inner .top_right .top_right_inner .user_img_dot {font-size: 8px;position: relative;right: -14px;top: -38px;border-radius: 50%;border: 2px solid #fff;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item_right_inner .top_right .top_right_inner .playfor_img {width: 32px;height: 32px;border-radius: 50%;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item_right_inner .top_right .top_right_inner .user {display: flex;justify-content: center;align-items: center;flex-direction: row;width: 100%;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item_right_inner .top_right .top_right_inner .user_inner {display: flex;justify-content: flex-start;align-items: center;flex-direction: row;width: 100%;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item_right_inner .bottom_right {margin-top: 10px;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item_right_inner .bottom_right h4 {margin: 0px;color: #767676;font-size: 18px;}
.elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item_right_inner .bottom_right p {margin: 0px;color: #B8B8B8;font-size: 14px;}

.flickity-prev-next-button.next {right: -50px !important;}
.flickity-prev-next-button.previous {left: -50px !important;}
.flickity-button {background: #F1EADC !important;color: #E2C98B !important;}
.flickity-prev-next-button {width: 30px !important;height: 28px !important;}
.flickity-prev-next-button .flickity-button-icon {left: 30% !important;width: 40% !important;}

.main-carousel {width: 100% !important;max-width: 80%;}
.main-carousel .birthdate {position: absolute;top: 0px;left: -2px;width: 15px;}
.main-carousel .notify {position: absolute;top: 0px;right: -2px;width: 18px;background-color: #3187FF;color: #fff;border-radius: 50px;text-align: center;}
.carousel-cell {width: 23%;margin-right: 10px;border-radius: 5px;}
.tasks {width: 10%;margin-right: 10px;border-radius: 5px;border-radius: 5px;}
.carousel-cell .item {background-color: #F9F6F1;}
.is-selected .item {background-color: #fff;}
.carousel-cell:before {display: block;text-align: center;color: white;}

.elearningtheme_dashboard_centerblocks_inner .center .bottom {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_dashboard_centerblocks_inner .center .bottom_inner {display: flex;justify-content: space-between;align-items: flex-start;flex-direction: column;width: 100%;}
.elearningtheme_dashboard_centerblocks_inner .center .bottom_inner .item_day {display: flex;justify-content: flex-start;align-items: center;width: 100%;font-family: "Assistant";margin-bottom: 15px;}
.elearningtheme_dashboard_centerblocks_inner .center .bottom_inner .item_day .time {padding-right: 18px;color: #ACACAC;font-size: 14px;font-weight: 300;}
.elearningtheme_dashboard_centerblocks_inner .center .bottom_inner .item_day .activity {color: #767676;font-size: 16px;}
.elearningtheme_dashboard_centerblocks_inner .right .item {margin-top: 10px;color: #C1C1C1;font-size: 14px;font-family: "Assistant";}
.elearningtheme_dashboard_centerblocks_inner .right .item img {width: 100%;height: 70px;border-radius: 10px;-o-object-fit: cover;object-fit: cover;border: 1px solid lightgray;}
.elearningtheme_dashboard_centerblocks_inner .right .item h4 {color: #515151;font-size: 18px;}
.elearningtheme_dashboard_centerblocks_inner .right .item .item_calendar {color: #F1EADC;}

.elearningtheme_dashboard_bottom_blocks {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_dashboard_bottom_blocks_inner {justify-content: center; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; margin-top: 10px;}
.elearningtheme_dashboard_bottom_blocks_inner .left {display: flex;align-items: flex-start;flex-direction: column;width: 30%;border-radius: 8px;box-shadow: 0 0 7px 2px rgba(57, 57, 57, 0.05);padding: 20px; height: 360px;background-color: rgb(255, 255, 255);}
.elearningtheme_dashboard_bottom_blocks_inner .bottomblock_left_title {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_dashboard_bottom_blocks_inner .bottomblock_left_title_inner {display: flex;justify-content: space-between;align-items: center;flex-direction: row;width: 100%;}
.elearningtheme_dashboard_bottom_blocks_inner .bottomblock_left_title_inner .title_item {display: flex;justify-content: flex-end;align-items: center;width: 100%;padding-right: 50px;}
.elearningtheme_dashboard_bottom_blocks_inner .bottomblock_left_title_inner .title_item_inner {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;max-width: 50px;}
.elearningtheme_dashboard_bottom_blocks_inner .center {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;width: 30%;border-radius: 8px;box-shadow: 0 0 7px 2px rgba(57, 57, 57, 0.05);padding: 20px; height: 360px;background-color: rgb(255, 255, 255);}
.elearningtheme_dashboard_bottom_blocks_inner .bottomblock_left_title_inner a {color: #8d8d8d;font-size: 14px;margin: 0px;}
/* .elearningtheme_dashboard_bottom_blocks_inner .left h1 {color: #515151;font-size: 20px;margin: 0px;margin-bottom: 20px;}
.elearningtheme_dashboard_bottom_blocks_inner .left a {display: flex;justify-content: center;align-items: center;width: 100%;background-color: #fff;}
.elearningtheme_dashboard_bottom_blocks_inner .left .item {display: flex;justify-content: center;align-items: center;width: 100%;background-color: #fff;}
.elearningtheme_dashboard_bottom_blocks_inner .left .item_inner {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.elearningtheme_dashboard_bottom_blocks_inner .left .item_inner .left_inner img {width: 130px;border-radius: 8px 0 0 8px;-o-object-fit: cover;object-fit: cover;}
.elearningtheme_dashboard_bottom_blocks_inner .left .item_inner .right {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 30%;}
.elearningtheme_dashboard_bottom_blocks_inner .left .item_inner .play_cursus {font-size: 16px;color: #D2B877;background-color: #F1EADC;border-radius: 50%;padding: 10px;}
.elearningtheme_dashboard_bottom_blocks_inner .left .item_inner .right h2 {color: #767676;font-size: 18px;}
.elearningtheme_dashboard_bottom_blocks_inner .left .item_inner .right div:not(.p_bar, .p_bar_fill) {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 0 20px;}
.elearningtheme_dashboard_bottom_blocks_inner .left .item_inner .right .right_right {color: #ACACAC;font-size: 14px;}
.elearningtheme_dashboard_bottom_blocks_inner .left .item_inner .right .progressbar {width: 100%;padding-left: 0px !important;background-color: #DBCC99;height: 12px;}
.elearningtheme_dashboard_bottom_blocks_inner .left .title {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_dashboard_bottom_blocks_inner .left .title_inner {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.elearningtheme_dashboard_bottom_blocks_inner .left .title_inner h1 {color: #515151;font-size: 20px;margin: 0px;margin-bottom: 20px;}
.elearningtheme_dashboard_bottom_blocks_inner .left .title_inner a {color: #B8B8B8;font-size: 14px;} */
.elearningtheme_dashboard_bottom_blocks_inner .left .item {display: flex;justify-content: center;align-items: center;width: 100%;border-radius: 8px;background-color: rgba(255, 255, 255, 0.64);box-shadow: 0 0 7px 2px rgba(57, 57, 57, 0.05);padding: 20px;margin: 10px;transition: all 0.1s ease-in-out;}
.elearningtheme_dashboard_bottom_blocks_inner .left .item:hover {transform: scale(1.02);transition: all 0.1s ease-in-out;}
.elearningtheme_dashboard_bottom_blocks_inner .left .intro {display: flex;justify-content: center;align-items: center;width: 100%;border-radius: 8px;background-color: rgba(255, 255, 255, 0.64);box-shadow: 0 0 7px 2px rgba(57, 57, 57, 0.05);padding: 20px;margin: 10px;transition: all 0.1s ease-in-out;}
.elearningtheme_dashboard_bottom_blocks_inner .left .item_inner {display: flex;justify-content: flex-start;align-items: center;width: 100%;}
.elearningtheme_dashboard_bottom_blocks_inner .left .item_inner img {width: 49px;height: 49px;}
.elearningtheme_dashboard_bottom_blocks_inner .left .item_inner h3 {margin: 0px;color: #767676;font-size: 18px;}
.elearningtheme_dashboard_bottom_blocks_inner .left .item_inner p {margin: 0px;color: #B8B8B8;font-size: 14px;}
.elearningtheme_dashboard_bottom_blocks_inner .left .item_inner .item_right {padding-left: 20px;}
.elearningtheme_dashboard_bottom_blocks_inner .right {display: flex; align-items: center;flex-direction: column;width: 30%;border-radius: 8px;box-shadow: 0 0 7px 2px rgba(57, 57, 57, 0.05);padding: 20px; height: 360px;background-color: rgb(255, 255, 255);}
.elearningtheme_dashboard_bottom_blocks_inner .right .title {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_dashboard_bottom_blocks_inner .right .title_inner {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.elearningtheme_dashboard_bottom_blocks_inner .right .title_inner h1 {color: #515151;font-size: 20px;margin: 0px;margin-bottom: 20px;}
.elearningtheme_dashboard_bottom_blocks_inner .right .title_inner a {color: #B8B8B8;font-size: 14px;}
.elearningtheme_dashboard_admin_bottomblocks_inner .bottomblocks_left .bottomblocks_left_inner .bottomblock_left_inner_item, .elearningtheme_dashboard_admin_bottomblocks_inner .bottomblock_right_inner{ padding:20px}
.elearningtheme_dashboard_admin_bottom_blocks {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_dashboard_admin_bottom_blocks_inner {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;gap: 20px;width: 100%;max-width: 100%;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .left {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;width: 60%;border-radius: 8px;background-color: rgba(255, 255, 255, 0.64);box-shadow: 0 0 7px 2px rgba(57, 57, 57, 0.05);padding: 20px;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .left h1 {color: #515151;font-size: 20px;margin: 0px;margin-bottom: 20px;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .left a {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .left .item {display: flex;justify-content: center;align-items: center;width: 100%;margin-bottom: 22px;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .left .item_inner {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .left .item_inner .left_inner img {height: 135px;width: 130px;border-radius: 8px 0 0 8px;-o-object-fit: cover;object-fit: cover;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .left .item_inner .right {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .left .item_inner .play_cursus {font-size: 16px;color: #D2B877;background-color: #F1EADC;border-radius: 50%;padding: 10px;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .left .item_inner .right h2 {color: #767676;font-size: 18px;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .left .item_inner .right div:not(.p_bar, .p_bar_fill) {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 0 20px;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .left .item_inner .right .right_right {color: #ACACAC;font-size: 14px;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .left .item_inner .right .progressbar {width: 100%;padding-left: 0px !important;background-color: #DBCC99;height: 12px;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .right {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 30%;border-radius: 8px;background-color: rgba(255, 255, 255, 0.64);box-shadow: 0 0 7px 2px rgba(57, 57, 57, 0.05);padding: 20px;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .right .title {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .right .title_inner {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .right .title_inner h1 {color: #515151;font-size: 20px;margin: 0px;margin-bottom: 20px;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .right .title_inner a {color: #B8B8B8;font-size: 14px;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .centerblock_title {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .centerblock_title_inner {display: flex;justify-content: space-between;align-items: center;flex-direction: row;width: 100%;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .centerblock_title_inner .title_item {display: flex;justify-content: flex-end;align-items: center;width: 100%;padding-right: 20px;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .centerblock_title_inner .title_item_inner {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;max-width: 50px;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .centerblock_title_inner .title_item_inner a {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;max-width: 50px;}
.elearningtheme_dashboard_admin_bottom_blocks_inner .centerblock_title_inner .title_item_inner .add_task_icon {font-size: 12px;color: #D2B877;background-color: #F1EADC;border-radius: 50%;padding: 5px;margin-left: 18px;}

.centerblock_title_inner p {margin: 0px !important;}

.feedback_waiting_count {font-size: 15px;width: 15px;height: 15px;text-align: center;border-radius: 50%;margin: 0;background-color: #3187FF;padding: 3px;color: #fff;line-height: 15px;}

.media_box {display: flex;justify-content: flex-start;box-sizing: border-box;flex-wrap: wrap;gap: 0% 2%;border-radius: 15px;padding: 15px;margin: 10px 0;margin-right: 10px;}
.media_box .media {width: 200px;box-sizing: inherit;padding: 0 15px;margin: 0 0 25px 0;max-width: 250px;}
.media_box .media > div {width: 100%;background-color: rgba(255, 255, 255, 0.64);display: flex; flex-direction: column;align-items: center;height: 223px;max-height: 320px;border-radius: 15px;padding: 10px;cursor: pointer;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.0784313725);}
.media_box .media > div img {-o-object-fit: scale-down;object-fit: scale-down;height: 130px;border-radius: 10px;}
.media_box .media > div span {font-size: 14px;text-align: center;padding: 5px;font-weight: lighter;}
.media_box .media > div span.title {max-width: 90%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;height: 31px;}
.media_button_delete {display: flex;justify-content: center;align-items: center;width: 100%;margin-top: 10px;}
.media_button_delete_inner {display: flex;justify-content: flex-end;align-items: center;width: 100%;max-width: 100%;padding: 0 20px;}

.under_media {display: flex;flex-direction: column;}
.under_media .cta_full {width: 200px;}
.media.selected > div {border: 2px solid #D0A84F;}
.media_library {width: 100%;}
.media_library .paginate {display: flex;justify-content: center;align-items: center;width: 100%;}
.media_library .paginate_inner {display: flex;justify-content: center;align-items: center;flex-direction: row;width: 100%;}
.media_library span .relative {display: none;}
.media_library nav {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;}

.elearningtheme_addmedia {display: flex;justify-content: center;align-items: center;width: 70%;background-color: rgba(221, 215, 215, 0.06);padding: 20px;border-radius: 15px;box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.06);}
.elearningtheme_addmedia_inner {display: flex;justify-content: center;align-items: center;flex-direction: row;width: 100%;}
.elearningtheme_addmedia_inner form {display: flex;justify-content: flex-start;gap: 10px;align-items: center;flex-direction: row;width: 100%;}
.elearningtheme_addmedia .title {width: 100%;height: 40px;padding: 5px 10px;outline: none;background-color: rgba(255, 255, 255, 0.6705882353);border-radius: 15px;border: 1px dashed #D0A84F;transition: all 0.3s ease-in-out;}
.elearningtheme_addmedia .title:focus {background-color: rgba(250, 245, 240, 0.7529411765);transition: all 0.3s ease-in-out;}

.coursetemp_add_media {display: flex;justify-content: center;align-items: center;width: 100%;}
.coursetemp_add_media_inner {display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 100%;padding: 20px 0 0 20px;}
.coursetemp_add_media_inner .right_media {display: flex;justify-content: center;align-items: center;width: 70%;}
.coursetemp_add_media_inner .right_media input {border: none;border-bottom: 1px solid #DCDCDC !important;color: #767676;padding: 10px;padding-top: 12px;outline: none;width: 100%;}
.coursetemp_add_media_inner .right_media_inner {display: flex;justify-content: flex-end;flex-direction: column;align-items: flex-end;width: 100%;}
.coursetemp_add_media_inner .add_media_slide_in {cursor: pointer;}

.elearningtheme_cursus_block {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_cursus_block_inner {display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;width: 100%;max-width: 100%;scrollbar-width: none;}
.elearningtheme_cursus_block_inner .top {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_cursus_block_inner .top_inner {display: flex;justify-content: flex-start;align-items: center;width: 100%;height: 100px;overflow: auto;white-space: nowrap;}
.elearningtheme_cursus_block_inner .top_inner .nav_item {height: 39px;margin-right: 30px;padding: 5px 10px 0 10px;background-color: #fff;cursor: pointer;}
.elearningtheme_cursus_block_inner .top_inner .nav_item_crumb h2 {font-weight: lighter;color: #566C82;margin-right: 10px;font-size: 16px;}
.elearningtheme_cursus_block_inner .top_inner .nav_item_crumb i {margin-right: 10px;}
.elearningtheme_cursus_block_inner .top_inner .nav_item h2 {margin: 0px;font-size: 20px;color: #515151;font-weight: lighter;}
.elearningtheme_cursus_block_inner .top_inner .nav_item .underline {background-color: #EEDCB5;width: 100%;height: 3px;margin-top: 2px;}

.module_list .underline {position: relative;background-color: #EEDCB5;width: 100%;height: 4px;margin-bottom: -5px;}

.elearningtheme_cursus_block_inner .contentSlide {width: 90%;}
.elearningtheme_cursus_block_inner .navButtons {width: 100%;display: flex;justify-content: flex-start;flex-direction: row;}

.crumb_items {display: flex;justify-content: center;align-items: center;width: 100%;}
.crumb_items_inner {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 100%;font-weight: lighter;}
.crumb_items_inner i {font-size: 16px;padding: 0 10px;}
.crumb_items_inner .right_items {margin-left: auto;display: flex;}
form .button-style {border: 1px solid #EEDCB5;border-radius:5px; height:35px;cursor: pointer;margin-right:10px;font-size:13px; font-family: arial;background-color:#F0f0f0;padding:5px;}
.elearningtheme_cursus_block_inner .center {display: flex;justify-content: center;align-items: center;width: 100%;border-bottom: 1px solid #F3F3F3;}
.elearningtheme_cursus_block_inner .center_inner {display: flex;justify-content: flex-start;align-items: center;overflow: auto;white-space: nowrap;width: 100%;}
.elearningtheme_cursus_block_inner .center_inner::-webkit-scrollbar {height: 13px;}
.elearningtheme_cursus_block_inner .center_inner::-webkit-scrollbar-thumb {border-radius: 5px;}
.elearningtheme_cursus_block_inner .center_inner::-webkit-scrollbar-track {background-color: #f7f7f7;}
.elearningtheme_cursus_block_inner .center_inner .nav_item {padding: 5px 20px 5px 20px;cursor: pointer;}
.module_list .nav_item_full {background-color: red;}
.elearningtheme_cursus_block_inner .center_inner .nav_item h2 {margin: 2px;font-size: 20px;color: #515151;font-weight: lighter;}
.elearningtheme_cursus_block_inner .center_inner .nav_item .underline {background-color: #EEDCB5;width: 100%;height: 3px;margin-top: 5px;}
.elearningtheme_cursus_block_inner .bottom {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_cursus_block_inner .bottom_inner {display: flex;box-sizing: border-box;justify-content: space-between;align-items: flex-start;width: 100%;max-width: 100%;border-radius: 0px 0px 10px 10px;padding: 20px;background-color: rgba(243, 243, 243, 0.7019607843);}
.elearningtheme_cursus_block_inner .bottom_inner .left {max-width: 40%;}
.elearningtheme_cursus_block_inner .bottom_inner .left .item {display: flex;justify-content: center;align-items: center;width: 100%;border-radius: 8px;background-color: rgba(255, 255, 255, 0.64);box-shadow: 0 0 7px 2px rgba(57, 57, 57, 0.05);padding: 20px;margin: 10px;transition: all 0.1s ease-in-out;}
.elearningtheme_cursus_block_inner .bottom_inner .left .item:hover {transform: scale(1.02);transition: all 0.1s ease-in-out;}
.elearningtheme_cursus_block_inner .bottom_inner .left .intro {display: flex;justify-content: center;align-items: center;width: 100%;border-radius: 8px;background-color: rgba(255, 255, 255, 0.64);box-shadow: 0 0 7px 2px rgba(57, 57, 57, 0.05);padding: 20px;margin: 10px;transition: all 0.1s ease-in-out;}
.elearningtheme_cursus_block_inner .bottom_inner .left .item_inner {display: flex;justify-content: flex-start;align-items: center;width: 100%;}
.elearningtheme_cursus_block_inner .bottom_inner .left .item_inner img {width: 49px;height: 49px;}
.elearningtheme_cursus_block_inner .bottom_inner .left .item_inner h3 {margin: 0px;color: #767676;font-size: 18px;}
.elearningtheme_cursus_block_inner .bottom_inner .left .item_inner p {margin: 0px;color: #B8B8B8;font-size: 14px;}
.elearningtheme_cursus_block_inner .bottom_inner .left .item_inner .item_right {padding-left: 20px;}
.elearningtheme_cursus_block_inner .bottom_inner .right {max-width: 60%;}
.elearningtheme_cursus_block_inner .bottom_inner .right .top {display: flex;justify-content: center;align-items: center;width: 100%;}
.elearningtheme_cursus_block_inner .bottom_inner .right .top_inner_items {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 10px;width: 100%;max-width: 100%;height: 65px;margin-top: 10px;}
.elearningtheme_cursus_block_inner .bottom_inner .right .top_inner_items .item {display: flex;flex-direction: row;border-radius: 8px;background-color: #FFFFFF;padding: 10px;width: 28%;box-shadow: 0 0 7px 2px rgba(57, 57, 57, 0.05);}
.elearningtheme_cursus_block_inner .bottom_inner .right .top_inner_items .item p {color: #767676;font-size: 14px;margin: 0px;line-height: 14px;}
.elearningtheme_cursus_block_inner .bottom_inner .right .top_inner_items .item img {width: 42px;height: 42px;}
.elearningtheme_cursus_block_inner .navButtons .navBtn {display: flex;align-items: center;margin: 1em;}
.elearningtheme_cursus_block_inner .navButtons .nextBtn i {margin-left: 10px;}
.elearningtheme_cursus_block_inner .navButtons .previousBtn i {margin-right: 10px;}
.iframe_video {width: 100%;height: 500px;}
.elearningtheme_cursus_block_inner ::-webkit-scrollbar {width: 5px;height: 3px;cursor: ew-resize !important;}
.elearningtheme_cursus_block_inner ::-webkit-scrollbar-thumb {background: #F1EADC;}
.elearningtheme_cursus_block_inner ::-webkit-scrollbar-thumb:hover {background: #D6C185;}



.choices {display: flex;justify-content: center;align-items: center;width: 100%;}
.choices_inner {display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;width: 100%;max-width: 100%;}
.choices_inner .choice {width: 100%;}
.choices_inner .choice input {border: none;border-bottom: 1px solid #D0A84F !important;padding: 10px;}

.vraag_in_container textarea {height: 80px;font-size: 18px;font-weight: bold;padding: 10px;}

.vragenlijst .wrapper {display: flex;justify-content: space-between;}
.vragenlijst .wrapper .box {border: 1px solid #ddac5b;width: 45%;padding: 20px;}
.vragenlijst .wrapper .box ul {list-style-type: none;padding: 0;margin: 0;}
.vragenlijst .wrapper .box ul li {padding: 10px;cursor: pointer;background: #F3F3F3;margin-bottom: 5px;}
.vragenlijst .wrapper .box ul li:hover {background-color: #dde2e2;}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {top: 3em !important;left: 0.7em !important;width: 1.3em !important;}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {top: 2.375em !important;right: 0.2em !important;width: 2.9375em !important;}
.swal2-container {z-index: 999999 !important;}
.swal2-html-container {font-family: "Assistant" !important;}

.tox:not(.tox-tinymce-inline) .tox-editor-header {z-index: -2 !important;}
.tox .tox-notification--in {opacity: 0 !important;}

.berichten_container {padding: 20px;}

.tips {display: flex;justify-content: center;align-items: center;width: 100%;padding-left: 20px;padding-bottom: 20px;}
.tips_inner {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;width: 100%;max-width: 100%;}
.tips_inner .item {display: flex;width: 25%;max-width: 25%;height: 300px;min-height: 300px;justify-content: space-between;align-items: flex-start;flex-direction: column;}
.tips_inner .item form {display: flex;justify-content: flex-start;flex-direction: column;align-items: flex-start;width: 100%;max-width: 100%;}
.tips_inner .time {display: flex;justify-content: flex-start;align-items: center;width: 100%;}
.tips_inner .time_inner {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 90%;}
.tips_inner .time_inner p {padding: 10px;margin-right: 20px;border-bottom: 1px solid #D3D3D3;color: #C1C1C1;}
.tips_inner .message {max-width: 80%;padding: 10px;border-radius: 5px;border-bottom: 1px solid #D3D3D3;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;overflow: hidden;}
.tips_inner .underline {width: 95%;height: 2px;background-color: rgba(208, 167, 79, 0.3411764706);margin: 20px 0;}
.tips_inner input {border: none;border-bottom: 1px solid #D4D4D4 !important;color: #C3C1C1;outline: none;padding: 5px;border-radius: 5px;}
.tips_inner form input#session-date {display: inline-block;position: relative;}
.tips_inner form input[type=datetime-local]::-webkit-calendar-picker-indicator {background: transparent;bottom: 0;color: transparent;cursor: pointer;height: auto;left: 0;position: absolute;right: 0;top: 0;width: auto;}
.tips_inner form input[type=datetime-local] {width: 140px;}
.tips_inner textarea {border: none;border-bottom: 1px solid #D4D4D4 !important;outline: none;padding: 5px;border-radius: 5px;color: #C3C1C1;}
.title_archief {padding-left:20px; margin-top:250px;}
.tips_archief {display: flex;justify-content: flex-start;align-items: center;width: 100%;padding-left: 20px;padding-bottom: 20px;}
.tips_inner_archief {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: nowrap;width: 95%;max-width: 100%;overflow-x: scroll;}
.tips_inner_archief .item {display: flex;width: 25%;max-width: 25%;min-width: 25%;height: 300px;min-height: 300px;justify-content: space-between;align-items: flex-start;flex-direction: column;}
.tips_inner_archief .item form {display: flex;justify-content: flex-start;flex-direction: column;align-items: flex-start;width: 100%;max-width: 100%;}
.tips_inner_archief .time {display: flex;justify-content: flex-start;align-items: center;width: 100%;}
.tips_inner_archief .time_inner {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 90%;}
.tips_inner_archief .time_inner p {padding: 10px;margin-right: 20px;border-bottom: 1px solid #D3D3D3;color: #C1C1C1;}
.tips_inner_archief .message {max-width: 80%;padding: 10px;border-radius: 5px;border-bottom: 1px solid #D3D3D3;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;overflow: hidden;}
.tips_inner_archief .underline {width: 95%;height: 2px;background-color: rgba(208, 167, 79, 0.3411764706);margin: 20px 0;}
.tips_inner_archief input {border: none;border-bottom: 1px solid #D4D4D4 !important;color: #C3C1C1;outline: none;padding: 5px;border-radius: 5px;}
.tips_inner_archief form input#session-date {display: inline-block;position: relative;}
.tips_inner_archief form input[type=datetime-local]::-webkit-calendar-picker-indicator {background: transparent;bottom: 0;color: transparent;cursor: pointer;height: auto;left: 0;position: absolute;right: 0;top: 0;width: auto;}
.tips_inner_archief form input[type=datetime-local] {width: 140px;}
.tips_inner_archief textarea {border: none;border-bottom: 1px solid #D4D4D4 !important;outline: none;padding: 5px;border-radius: 5px;color: #C3C1C1;}
.tips_archief ::-webkit-scrollbar {width: 5px;height: 8px;cursor: ew-resize !important;}
.tips_archief ::-webkit-scrollbar-thumb {background: #F1EADC;}
.tips_archief ::-webkit-scrollbar-thumb:hover {background: #D6C185;}

.tipsadd_inner form input#session-date {display: inline-block;position: relative;}
.tipsadd_inner form input[type=datetime-local]::-webkit-calendar-picker-indicator {background: transparent;bottom: 0;color: transparent;cursor: pointer;height: auto;left: 0;position: absolute;right: 0;top: 0;width: auto;}
.tips_inner p {margin: 5px 0;}
.tips_inner h1 {margin: 10px 0 10px 0;}
.tips_inner a {cursor: pointer;}
.tipsadd {display: flex;justify-content: center;align-items: center;width: 100%;padding: 20px 0 20px 20px;}
.tipsadd_inner {display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;width: 100%;max-width: 100%;}
.tipsadd_inner form {display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;width: 100%;max-width: 100%;}
.tipsadd_inner form input {border: none;border-bottom: 1px solid #D0A84F !important;background-color: rgba(224, 224, 224, 0.3215686275);outline: none;width: 90%;padding: 5px;border-radius: 5px;}
.tipsadd_inner form textarea {border: none;border-bottom: 1px solid #D0A84F !important;background-color: rgba(224, 224, 224, 0.3215686275);outline: none;width: 90%;font-size: 18px;border-radius: 5px;font-family: "Assistant";padding: 5px;}

li.parts_order {list-style: none;}
.parts_order_show {display: flex;}
.parts_order_dont_show {display: none;}

.media_library .delete_image {position: relative;left: 60px;color: #000;overflow: hidden;transition: all 0.2s ease-in-out;}
.media_library .delete_image:hover {color: red;transition: all 0.2s ease-in-out;}

.swal2-styled.swal2-default-outline:focus {box-shadow: none !important;}
.swal2-styled.swal2-confirm:focus {box-shadow: none !important;}
/* .swal2-styled.swal2-confirm {background-color: #FF315E !important;  color: white !important;} */

/* .swal2-styled.swal2-cancel{ background-color: #E1E1E1 !important; color: #515151;} */

.hidden_library {position: absolute;top: 10%;display: none;left: 50%;transform: translateX(-50%);width: 80%;height: 80%;border-radius: 25px;background-color: #fff;border: 2px solid #E1E1E1;overflow: auto;padding: 20px;box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;}

.blur {filter: blur(3px);}

.settings {display: flex;justify-content: center;align-items: center;width: 100%;}
.settings_inner {display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 100%;}
.settings_inner .item {color: #767676;margin-bottom: 25px;}
.settings_inner .item img {width: 100%;-o-object-fit: contain;object-fit: contain;margin-bottom: 10px;}
.settings_inner .item .title {margin-bottom: 5px;}
.settings_inner form {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;max-width: 100%;}
.settings_inner form input {border: none;border-bottom: 1px solid #DCDCDC !important;color: #767676;padding: 5px;outline: none;width: 100%;}
.settings_inner form select {border: none;border-bottom: 1px solid #DCDCDC !important;color: #767676;padding: 5px;outline: none;width: 100%;cursor: pointer;}
.settings_inner form textarea {border: none;border-bottom: 1px solid #DCDCDC !important;color: #C1C1C1;padding: 5px;outline: none;width: 100%;font-family: "Assistant";height: 150px;margin-top: 10px;}
.settings_inner .left {display: flex;justify-content: center;align-items: center;width: 30%;}
.settings_inner .left_inner {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;}
.settings_inner .left_inner .left_items {width: 100%;}
.settings_inner .setting_pf {display: flex;justify-content: center;align-items: center;width: 100%;}
.settings_inner .setting_pf_inner {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 100%;}
.settings_inner .setting_pf_inner input {width: auto !important;margin: 10px;}
.settings_inner .left_inner .left_items .color_choice {display: flex;justify-content: center;align-items: center;width: 100%;}
.settings_inner .left_inner .left_items .color_choice_inner {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 100%;}
.settings_inner .left_inner .left_items .color_choice_inner img {width: 50px;height: 50px;}
.settings_inner .left_inner .left_items .color_choice_inner p {margin: 0px;}
.settings_inner .left_inner .left_items .color_choice_inner .moon {cursor: pointer;transition: all 0.3s ease-in-out;width: 80px;height: 80px;text-align: center;padding: 20px;background-image: linear-gradient(90deg, #C59E47 0%, #DDCF9E 100%);box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1607843137);border-radius: 5px;}
.settings_inner .left_inner .left_items .color_choice_inner .moon:hover {opacity: 0.8;transition: all 0.3s ease-in-out;}
.settings_inner .left_inner .left_items .color_choice_inner .moon i {font-size: 40px;color: #D5BF81;}
.settings_inner .left_inner .left_items .color_choice_inner .moon p {color: #fff;}
.settings_inner .left_inner .left_items .color_choice_inner .sun {cursor: pointer;transition: all 0.3s ease-in-out;width: 80px;height: 80px;text-align: center;padding: 20px;background-color: #fff;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1607843137);border-radius: 5px;margin-right: 15px;}
.settings_inner .left_inner .left_items .color_choice_inner .sun:hover {opacity: 0.8;transition: all 0.3s ease-in-out;}
.settings_inner .left_inner .left_items .color_choice_inner .sun i {font-size: 40px;color: #fff;}
.settings_inner .left_inner .left_items .color_choice_inner .sun p {color: #B8B8B8;}
.settings_inner .left_inner .left_items .tip_date {display: flex;justify-content: center;align-items: center;width: 100%;}
.settings_inner .tip_date_inner {display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 100%;}
.settings_inner .tip_date_inner input {width: 50%;}
.settings_inner .custom-file-upload {border-bottom: 1px solid #E8E8E8;display: flex;flex-direction: row;justify-content: space-between;align-items: center;width: 80%;cursor: pointer;color: #C1C1C1 !important;}
.settings_inner .custom-file-upload .file_upload {background-color: #F1EADC;padding: 5px;color: #767676;}
.settings_inner #file-upload {display: none;}
.settings_inner .right {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;width: 65%;}
.settings_inner .right_inner {display: flex;justify-content: flex-start;align-items: flex-start;width: 100%;flex-wrap: wrap;gap: 20px;}
.setting_shapes {display: flex;justify-content: flex-start;align-items: center;width: 100%;}
.setting_shapes_inner {display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 100%;}
.setting_shapes_inner label {margin: 10px;padding: 10px;}
.settings_inner .right_inner [type=radio] {position: absolute;opacity: 0;width: 0;height: 0;}
.settings_inner .right_inner [type=radio] + img {cursor: pointer;width: 50px;height: 50px;-o-object-fit: contain;object-fit: contain;padding: 10px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;background: #fff;border-radius: 10px;}
.settings_inner .right_inner [type=radio]:checked + img {outline: 1px solid #D9C78F;}
.settings_inner .right_inner label p {margin: 0px !important;text-align: center;color: #B8B8B8;}
.settings_inner .right_inner .item_color {width: 22%;}
.settings_inner .right_inner .right_items_left {width: 70%;}
.settings_inner .right_inner .right_items_left .input_colors {padding: 0px !important;}
.settings_inner .setting_birth {display: flex;justify-content: center;align-items: center;width: 100%;margin-top: 10px;}
.settings_inner .setting_birth_inner {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 100%;}
.settings_inner .setting_birth_inner div {display: flex;justify-content: flex-start;align-items: center;flex-direction: row;max-width: 100%;margin-right: 10px;}
.settings_inner .setting_birth_inner div input {padding-right: 10px;}
.settings_inner .right_inner .right_items_right {display: flex;justify-content: flex-end;align-items: flex-end;flex-direction: column;width: 100%;}
.settings_inner input[type=radio] {accent-color: #707070;}
.clr-field button {width: 16px !important;height: 50% !important;}


.mail_send {outline: none;border: none;border-bottom: 1px solid #D0D0D0;padding: 10px;transition: all 0.3s ease-in-out;margin-bottom: 10px;}

.user_overview {display: flex;justify-content: center;align-items: center;width: 100%;font-family: "Assistant";}
.user_overview_table {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;max-width: 100%;}

.filterDropdown {border: none;border-bottom: 1px solid #E6E5E5;outline: none;padding: 10px;padding-right: 20px;border-radius: 5px;font-size: 14px !important;color: #C1C1C1;}

/* Table topbar */
.default_table_inner_top {display: flex;justify-content: center;align-items: center;width: 100%;}
.default_table_inner_top_inner {display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 100%;padding-top: 15px;}
.fa-magnifying-glass {position: relative;right: 30px;color: #C1C1C1;}
.default_table_inner_search {border: none;border-bottom: 1px solid #E6E5E5;outline: none;padding: 10px;border-radius: 5px;font-size: 14px !important;color: #C1C1C1;}
.default_table_inner_filter_button {background-color: #fff;padding: 10px;border: 1px solid rgb(216, 215, 215);color: rgba(0, 0, 0, 0.7294117647);height: 35px;text-decoration: none;border-radius: 5px;margin-left: 10px;font-size: 14px;cursor: pointer;}
.default_table_inner_center {display: flex;justify-content: center;align-items: center;width: 100%;}
.default_table_inner_center_inner {display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 100%;margin-bottom: -20px;}
.default_table_inner_center_inner .left {display: flex;justify-content: center;align-items: center;width: 50%;margin-bottom: 20px;}
.default_table_inner_center_inner .left_inner {display: flex;justify-content: flex-start;align-items: center;width: 100%;}
.default_table_inner_center_inner .left_inner .item {padding-right: 20px;border-radius: 20px;}
.default_table_inner_center_inner .left_inner .item i {padding-left: 10px;}
.default_table_inner_center_inner .left_inner .item .item_cursus {padding: 5px 10px;background-color: #F1EADC;color: #767676;border-radius: 20px;}
.default_table_inner_center_inner .left_inner .item .item_status {padding: 5px 10px;background-color: #CACACA;color: #fff;border-radius: 20px;}
.default_table_inner_center_inner .right p {color: #B8B8B8;font-size: 14px;}

/* Filterbox */
.default_table_filterbox {display: none;justify-content: center;align-items: center;width: 100%;border-radius: 10px;margin-top: 10px;margin: 10px 20px 0 20px;background-color: rgba(237, 238, 239, 0.7529411765);}
.default_table_filterbox_inner {display: flex;justify-content: space-between;align-items: center;flex-direction: row;flex-wrap: wrap;width: 100%;max-width: 100%;padding: 20px;}
.default_table_filterbox_inner .item {width: 20%;padding: 5px;border-radius: 5px;margin: 0 5px 10px 5px;background-color: #fff;}
.default_table_filterbox_inner input {cursor: pointer;}

.default_table_inner_top_inner .left select {border: none;border-bottom: 1px solid #E6E5E5;outline: none;padding: 10px;padding-right: 20px;border-radius: 5px;font-size: 14px !important;color: #C1C1C1;}
.default_table_inner_top_inner .right .add_button_table {background-color: #fff;padding: 10px;border-radius: 5px;}
.default_table_inner_top_inner .add_task_icon {position: relative;top: -30px;font-size: 12px;color: #D2B877;background-color: #F1EADC;border-radius: 50%;padding: 5px;margin-left: 7px;}

/* Table zelf */
.main-wrapper {width: 100%;overflow-x: auto;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.0901960784);border-radius: 8px;margin: 20px;}
.responsive-table {display: inline-block;min-width: 100%;}
.responsive-table > table {width: 100%;border-collapse: collapse;}
.responsive-table > table thead {background-color: #FFFFFF;color: #767676;}
.responsive-table > table a, p {color: #767676; text-decoration: none;}
.responsive-table > table .delete {color: var(--red);text-decoration: none;cursor: pointer;}
.responsive-table > table td, th {border-bottom: 1px solid #F8F8F8;padding: 8px;text-align: left;font-weight: lighter;color: #767676;}
.responsive-table > table td {color: #767676;}
.responsive-table > table td i {font-size: 12px;padding-left: 5px;}
.responsive-table > table td .status {display: flex;justify-content: flex-start;align-items: center;}
.responsive-table > table td .fa-circle {font-size: 10px !important;padding-right: 5px !important;}
.responsive-table > table .table-row .table_person {display: flex;justify-content: flex-start;align-items: center;}
.responsive-table > table .table-row .table_person img {padding-right: 10px;border-radius: 50%;padding-right: 20px;}
.responsive-table > table .table-row:hover {background-color: rgba(213, 215, 216, 0.2549019608);}

.block_goals {display: flex;justify-content: center;align-items: center;width: 100%;}
.block_goals_inner {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;max-width: 100%;}
.goal_group_block {background: #f8f8f8;padding: 15px;border-radius: 15px;margin: 0 0 20px;}
.block_goals_inner .right {width: 49%;height: 75vh;overflow-y: scroll;scrollbar-width: none;}
.block_goals_inner .right .block {background-color: rgba(255, 255, 255, 0.6901960784);box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.0901960784);border-radius: 8px;padding: 10px;margin-bottom: 35px;}
.block_goals_inner .right .block h5 {padding-bottom: 5px;margin: 0px;color: #515151;font-weight: lighter;}
.block_goals_inner .right .block p {color: #C1C1C1;}
.block_goals_inner .left {width: 49%;font-family: "Assistant";max-height: 75vh;overflow-y: scroll;scrollbar-width: none;}
.block_goals_inner ::-webkit-scrollbar {width: 5px;height: 8px;cursor: ew-resize !important;}
.block_goals_inner ::-webkit-scrollbar-thumb {background: #F1EADC;border-radius: 10px;}
.block_goals_inner ::-webkit-scrollbar-thumb:hover {background: #D6C185;}
.block_goals_inner .left .block {background-color: rgba(255, 255, 255, 0.6901960784);box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.0901960784);border-radius: 8px;padding: 10px;margin-bottom: 15px;transition: 300ms;}
.goal_content.button_pushed {box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.0901960784) !important;}
.block_goals_inner .left .block h5 {padding-bottom: 5px;margin: 0px;color: #515151;font-weight: lighter;}
.block_goals_inner .left .block p {color: #C1C1C1;}
.block_goals_inner .left .block .goals_button_group {position: relative;top: -30px;display: flex;justify-content: center;align-items: center;width: 100%;}
.block_goals_inner .left .block .goals_button_group_inner {display: flex;justify-content: flex-end;align-items: center;width: 100%;max-width: 100%;}
.block_goals_inner .left .block .goals_button_group_inner .goal_button {padding: 10px;background-color: #fff;border-radius: 8px;margin-right: 10px;}
#name_and_buttons {display: flex;flex-direction: row;}
#goal_group_buttons {display: flex;flex-direction: column;}
.block_goals_goal {display: flex;justify-content: center;align-items: center;width: 100%;}
.block_goals_goal_inner {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;width: 100%;max-width: 100%;}
.block_goals_goal_inner .block {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 45%;}
.block_goals_goal_inner .block_inner {display: flex;justify-content: space-between;align-items: center;flex-direction: column;width: 100%;max-width: 100%;}
.block_goals_goal_inner .block .top {display: flex;justify-content: flex-start;align-items: center;width: 100%;}
.block_goals_goal_inner .block_inner .top .circle {text-align: center;padding-right: 30px;}
.block_goals_goal_inner .block_inner .top .circle_inner {display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 50%;background-color: #E6F4D8;color: #80C73F;font-size: 17px;}
.block_goals_goal_inner .block_inner .top .content {font-size: 20px;}
.block_goals_goal_inner .block_inner .top .content h1 {font-size: 34px;margin: 0px;font-weight: lighter;}
.block_goals_goal_inner .block_inner .top .edit a {position: relative;top: -30px;font-size: 14px;color: #B8B8B8;}
.block_goals_goal_inner .block_inner .bottom {display: flex;justify-content: flex-start;align-items: center;width: 100%;margin-top: 10px;}
.block_goals_goal_inner .block_inner .bottom .item_green {background-color: #E6F4D8;border-radius: 20px;padding: 5px 10px;color: #80C73F;font-size: 16px;}
.block_goals_goal_inner .block_inner .bottom .item_red {background-color: #FFD6DF;border-radius: 20px;padding: 5px 10px;color: #FF315E;font-size: 16px;}
#goal_content:hover {transition: all 0.2s ease-in-out;background-color: rgba(211, 228, 252, 0.3882352941);}
#goal_content {cursor: pointer;transition: all 0.2s ease-in-out;}
.chart_content.show {transform: translateX(0%);}
.chart_content {transform: translateX(150%);transition: 500ms;overflow-x: hidden;}
.goals_processbar {display: flex;justify-content: center;align-items: center;width: 100%;margin-top: 20px;}
.goals_processbar_inner {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;max-width: 100%;}
.goals_processbar_inner .top {display: flex;justify-content: center;align-items: center;width: 100%;}
.goals_processbar_inner .top_inner {display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 100%;color: #B8B8B8;}
.goals_processbar_inner .progressbar {display: flex;justify-content: center;align-items: center;width: 100%;}
.goals_processbar_inner .progressbar_inner {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 100%;}

.progress_months {position: relative;background-color: #fff;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);padding: 5px 10px;border-radius: 20px;color: #B8B8B8;}
.progress_months:after, .progress_months:before {top: 100%;left: 65%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.progress_months:after {border-color: rgba(136, 183, 213, 0);border-top-color: #fff;border-width: 10px;margin-left: -30px;}
.progress_months:before {border-color: rgba(194, 225, 245, 0);border-top-color: #c2e1f5;border-width: 0px;margin-left: -36px;}
.p_bar {width: 100%;background: #D3E4FC;height: 12px;overflow: hidden;border-radius: 15px;margin-top: 10px;margin-bottom: 20px;}
.p_bar_fill {height: 100%;background-color: #3187FF;width: 0;border-radius: inherit;transition: 300ms;}
@keyframes growProgressBar {
  0%, 33% {--pgPercentage: 0;}
  100% {--pgPercentage: var(--value);}
}
@property --pgPercentage {syntax: "<number>";inherits: false;initial-value: 0;}
div[role=progressbar] {--fg: #80C73F;--bg: #fff;--pgPercentage: var(--value);animation: growProgressBar 3s 1 forwards;width: 60px;height: 60px;border-radius: 50%;display: grid;place-items: center;background: radial-gradient(closest-side, white 80%, transparent 0 90%, white 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);font-family: Helvetica, Arial, sans-serif;color: var(--fg);}
div[role=progressbar]::before {display: flex;justify-content: center;align-items: center;height: 100%;counter-reset: percentage var(--value);content: counter(percentage) "%";width: 40px;border-radius: 50%;background: #E6F4D9;height: 40px;font-size: 14px;}
div[role=progressbarred] {--fg: #FF3E68;--bg: #fff;--pgPercentage: var(--value);animation: growProgressBar 3s 1 forwards;width: 60px;height: 60px;border-radius: 50%;display: grid;place-items: center;background: radial-gradient(closest-side, white 80%, transparent 0 90%, white 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);font-family: Helvetica, Arial, sans-serif;color: var(--fg);}
div[role=progressbarred]::before {display: flex;justify-content: center;align-items: center;height: 100%;counter-reset: percentage var(--value);content: counter(percentage) "%";width: 40px;border-radius: 50%;background: #FFD6DF;height: 40px;font-size: 14px;}
.block_goals_goal_inner .block_inner .top .content_archief {text-decoration: line-through;color: #5F5F5F;}
.block_goals_goal_inner .block_inner .top .content_archief h1 {font-size: 34px;margin: 0px;font-weight: lighter;}
div[role=progressbar_archief] {--fg: #7B7B7B;--bg: #fff;--pgPercentage: var(--value);animation: growProgressBar 3s 1 forwards;width: 60px;height: 60px;border-radius: 50%;display: grid;place-items: center;background: radial-gradient(closest-side, white 80%, transparent 0 90%, white 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);font-family: Helvetica, Arial, sans-serif;color: var(--fg);text-decoration: line-through;}
div[role=progressbar_archief]::before {display: flex;justify-content: center;align-items: center;height: 100%;counter-reset: percentage var(--value);content: counter(percentage) "%";width: 40px;border-radius: 50%;background: #E1E1E1;height: 40px;font-size: 14px;}

.add_task_icon {background-color: #F1EADC;font-size: 12px;color: #D2B877;background-color: #F1EADC;border-radius: 50%;padding: 5px;width: 10px;height: 11px;}

.elearning_usersinfo {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;width: 100%;}
.elearning_usersinfo input[type=file] {display: none;}
.elearning_usersinfo .custom-file-upload {border-bottom: 1px solid #E8E8E8;display: flex;flex-direction: row;justify-content: space-between;align-items: center;width: 80%;cursor: pointer;color: #C1C1C1 !important;}
.elearning_usersinfo .custom-file-upload .file_upload {background-color: #F1EADC;padding: 5px;color: #767676;}
.elearning_userinfo_button {display: flex;justify-content: flex-end;align-items: center;width: 98%;padding-bottom: 20px;}
.elearning_usersinfo h3 {padding-left: 20px;}
.elearning_usersinfo p {margin-top: 0;}
.elearning_usersinfo_inner {display: flex;justify-content: space-between;align-items: flex-start;flex-direction: row;flex-wrap: wrap;width: 100%;max-width: 100%;padding: 20px 0 20px 20px;}
.elearning_usersinfo_inner .remember_me {display: flex;}
.elearning_usersinfo_inner label {color: #767676;}
.elearning_usersinfo_inner .item {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;margin-bottom: 20px;}
.elearning_usersinfo_inner .item .readonly {background-color: rgba(170, 170, 170, 0.2549019608);cursor: no-drop;}
.elearning_usersinfo_inner .item label {font-size: 18px;color: #767676;}
.elearning_usersinfo_inner .item input {width: 80%; color: #C1C1C1;border: none;border-bottom: 1px solid #E8E8E8;outline: none;padding: 5px;}
.elearning_usersinfo_inner .item input::-moz-placeholder {color: #C1C1C1;}
.elearning_usersinfo_inner .item input::placeholder {color: #C1C1C1;}
.elearning_usersinfo_inner input[type=date] {width: auto;height: 40px;border: none;outline: none;background-color: #f2f2f2;padding: 0 10px;font-size: 16px;color: #333;transition: all 0.3s ease;}
.elearning_usersinfo_inner input[type=date]:hover, .elearning_usersinfo_inner input[type=date]:focus {background-color: #e6e6e6;}
.elearning_usersinfo_inner input[type=date]:focus {box-shadow: 0 0 5px #999;}
.elearning_usersinfo_inner input[type=date]::-webkit-calendar-picker-indicator {filter: invert(1);}
.elearning_usersinfo_inner #start-date {animation: slideInFromLeft 0.5s ease both;}
.elearning_usersinfo_inner #end-date {animation: slideInFromRight 0.5s ease both;}
.elearning_usersinfo_inner .left {width: 30%;}
.elearning_usersinfo_inner .center {width: 30%;}
.elearning_usersinfo_inner .right {width: 30%;}

.password-container {
  position: relative;
}

.password_eye{
  font-size: 75%;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #ccc !important;
}

.userinfo_password_input{
  padding-right: 30px !important; /* Adjust the padding to create space for the eye icon */ 
  width: 100% !important;
}
.forget_password{color:#515151; font-weight: bold; font-size: 14px;}

.admin_courses {display: flex;justify-content: center;align-items: center;width: 100%; font-family: "Assistant";}
.admin_courses_inner {display: flex;justify-content: space-between;align-items: flex-start;flex-direction: row;flex-wrap: wrap;width: 100%;max-width: 100%;}
.admin_courses_inner .left {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;width: 65%;background-color: rgba(255, 255, 255, 0.64);border-radius: 8px;}
.admin_courses_inner .left .topbar {display: flex;justify-content: center;align-items: center;width: 100%;border-bottom: 1px solid #F9F8F4;}
.admin_courses_inner .left .topbar_inner {display: flex;justify-content: flex-start;align-items: center;width: 100%; white-space: nowrap; overflow: auto;}
.admin_courses_inner .left .topbar_inner::-webkit-scrollbar {height: 13px; width: 5px; cursor: ew-resize;}
.admin_courses_inner .left .topbar_inner::-webkit-scrollbar-thumb{background: #F1EADC; border-radius: 5px;}
.admin_courses_inner .left .topbar_inner::-webkit-scrollbar-thumb:hover{background: #D6C185;}
.admin_courses_inner .left .topbar_inner .module_list {display: flex; justify-content: center; height: 55px;}
.admin_courses_inner .left .topbar_inner a {text-decoration: none;color: inherit;}
.admin_courses_inner .left .topbar_inner .item {font-size: 20px;color: #515151;padding: 5px 15px 5px 15px;z-index: 1;border-bottom: none !important;}
.admin_courses_inner .left .topbar_inner .item li {list-style: none;}
.admin_courses_inner .left .bottom {display: flex;justify-content: center;align-items: center;width: 100%;}
.admin_courses_inner .left .bottom_inner {display: flex;justify-content: space-between;align-items: flex-start;max-width: 100%;width: 100%;padding: 20px;padding-top: 0px;}
.admin_courses_inner .left .bottom_inner .left_bottom {width: 65%;}
.admin_courses_inner .left .bottom_inner .left_bottom .item {display: flex;justify-content: space-between;max-width: 100%;width: 100%;background-color: #fff;border-radius: 8px;margin-bottom: 20px;height: 100px;}
.admin_courses_inner .left .bottom_inner .left_bottom .item .left_bottom_item img {height: 100%;width: 130px;-o-object-fit: cover;object-fit: cover;border-radius: 8px 0 0 8px;}
.admin_courses_inner .left .bottom_inner .left_bottom .item .right_bottom_item {display: flex;justify-content: space-between;align-items: flex-start;flex-direction: column;width: 100%;padding: 10px 25px;border: 1px solid whitesmoke;border-radius: 0 5px 5px 0;}
.admin_courses_inner .left .bottom_inner .left_bottom .item .right_bottom_item h1 {margin: 0px;color: #767676;font-weight: lighter;}
.admin_courses_inner .left .bottom_inner .left_bottom .item .right_bottom_item p {margin: 0px;color: #B8B8B8;}
.admin_courses_inner .left .bottom_inner .left_bottom .item .right_bottom_item .top {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;}
.admin_courses_inner .left .bottom_inner .left_bottom .item .right_bottom_item .bottom {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;gap: 10px;width: 100%;}
.admin_courses_inner .left .bottom_inner .left_bottom .item .right_bottom_item div {display: flex;justify-content: center;align-items: flex-end;}
.admin_courses_inner .left .bottom_inner .left_bottom .item .right_bottom_item i {padding-right: 10px;color: #767676;font-size: 14px;}
.admin_courses_inner .left .bottom_inner .right_bottom {display: flex;justify-content: center;align-items: center;width: 30%;}
.admin_courses_inner .left .bottom_inner .right_bottom_inner {display: flex;justify-content: flex-end;align-items: flex-start;width: 100%;max-width: 100%;}
.admin_courses_inner .left .bottom_inner .right_bottom_inner .item {width: 40%;background-color: #FFFFFF;border-radius: 8px;padding: 5px;margin: 5px;}
.admin_courses_inner .left .bottom_inner .right_bottom_inner .item button {border: none;cursor: pointer;background-color: #fff;text-align: left;border-radius: 8px;font-family: "Assistant";text-decoration: none;color: #515151;font-size: 18px;}
.truncate {display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 15ch;}
.admin_courses_inner .right {display: flex;justify-content: flex-start;align-items: center;flex-direction: column;width: 30%;background-color: rgba(255, 255, 255, 0.64);border-radius: 8px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.0901960784);padding: 10px;}
.admin_courses_inner .right .top {display: flex;justify-content: center;align-items: center;width: 100%;}
.admin_courses_inner .right .top_inner {display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 100%;}
.admin_courses_inner .right .top_inner h1 {font-size: 18px;color: #515151;font-weight: lighter;margin-top: 0px;}
.admin_courses_inner .right .top_inner a {font-size: 14px;color: #B8B8B8;}
.medaille_leaderboard {height: 22px;width: 22px;border-radius: 50%;color: #fff;background-color: #FFBA57;text-align: center;vertical-align: middle;margin-left: 10px;}
.open_course_menu {padding: 0px;width: 4px;padding-top: 8px;cursor: pointer;transition: all 0.3s ease-in-out;}
.open_course_menu:hover {transform: scale(1.5);transition: all 0.3s ease-in-out;}
.edit_course_popup a {color: #e9b546;}

.courses_inner_admin {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;}
.button_course_inner {position: absolute;bottom: 50px;right: 30px;}
.courses_inner_admin_inner {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;width: 100%;max-width: 100%;}
.courses_inner_admin_inner .m_part {border-radius: 20px;}
.item_course_inner_module {display: flex;justify-content: center;align-items: center;width: 100%;}
.item_course_inner_module_inner {background-color: #fff;display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 100%;}
.item_course_inner_module_inner .title {color: #7D7779;font-weight: bold;font-size: 20px;}
.item_course_inner_module_inner .item_course_module {display: flex;align-items: center;margin-right: 10px;padding: 5px;}
.courses_inner_admin_inner .item_course_inner {display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;width: 45%;margin-bottom: 20px;}
.courses_inner_admin_inner .the_extra_module_items {border-radius: 10px;}
.courses_inner_admin_inner .item_course_inner label {color: #767676;font-size: 18px;margin-bottom: 5px;}
.courses_inner_admin_inner .item_course_inner checkbox {width: 5px;}
.courses_inner_admin_inner .item_course_inner textbox {background-color: #fff;width: 100%;color: #767676;font-size: 18px;border: none;outline: none;border-bottom: 1px solid #E7E7E7;padding: 5px;}
.courses_inner_admin_inner .item_course_inner textarea {background-color: #fff;font-family: "Assistant";width: 100%;color: #767676;font-size: 18px;border: none;outline: none;border-bottom: 1px solid #E7E7E7;padding: 5px;height: 140px;}
.courses_inner_admin_inner .item_course_inner .button_course_under {margin-top: 20px;}
.courses_inner_admin_inner .item_course_inner .button_course_under .add_module_parts {margin-top: 20px;}
.courses_inner_admin_inner .item_course_inner .button_course_under .fa-plus {font-size: 13px}
.courses_inner_admin_inner .box_img {display: flex;justify-content: center;align-items: center;width: 100%;}
.courses_inner_admin_inner .box_img_inner {display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column-reverse;width: 100%;max-width: 100%;}
.courses_inner_admin_inner .box_img_inner .media_image_current {display: flex;align-items: center;justify-content: center;-o-object-fit: cover;object-fit: cover;height: 80px;width: 80px;color: #C1C1C1;margin-right: 20px;cursor: pointer;border-radius: 10px;}
.courses_inner_admin_inner .box_img_inner .open_media_library {cursor: pointer; flex-direction: row;}
.new_module_onderdeel_button {background-color: #F1F3F4;width: 95%;cursor: pointer;padding: 10px;border-radius: 5px;}
.templates {display: flex;flex-direction: row;box-sizing: border-box;}
a.template {width: 20%;border: 1px solid #E1E1E1;display: flex;justify-content: center;align-items: center;height: 150px;margin: 20px;flex-direction: column;box-sizing: border-box;}
.template {display: flex;justify-content: center;align-items: center;width: 100%;}
.template_inner {display: flex;justify-content: flex-start;flex-wrap: wrap;width: 100%;max-width: 95%;padding: 20px;margin-left:-5%; background: #F1F3F4;}
/* .template_inner a {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 22%;margin-right: 10px;background-color: #fff;border-radius: 8px;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.0784313725);padding: 10px;margin-bottom: 10px;} */
.template_inner .module_item {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 22%;margin-right: 10px;background-color: #fff;border-radius: 8px;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.0784313725);padding: 10px;margin-bottom: 10px;}
.template_inner .module_item h1 {color: #515151;font-size: 20px;}
.template_inner .module_item input {width: 100%;color: #767676;font-size: 18px;border: none;outline: none;border-bottom: 1px solid #E7E7E7;padding: 5px;}
.elearning_feedback {display: flex;justify-content: center;align-items: flex-start;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.0901960784);background-color: rgba(255, 255, 255, 0.3215686275);border-radius: 8px;height: 75vh;}
.elearning_feedback_inner {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;max-width: 100%;}
.elearning_feedback_inner .left {width: 37%;background-color: #fff;padding: 20px;border-radius: 8px;overflow-y: scroll;height: 69vh;scrollbar-width: none;}
.elearning_feedback_inner .left::-webkit-scrollbar {display: none;}
.elearning_feedback_inner .left .left_item {display: flex;justify-content: flex-start;align-items: center;width: 100%;padding: 10px;border-bottom: 1px solid #F8F8F8;transition: all 0.1s ease-in-out;}
.elearning_feedback_inner .left .left_item:hover, .elearning_feedback_inner .left .left_item.active {transition: all 0.1s ease-in-out;border-bottom: 8px solid #EFDDB6;border-radius: 0 0 11px 11px;}
.elearning_feedback_inner .left .left_item p {margin: 0px;color: #C1C1C1;font-size: 14px;}
.elearning_feedback_inner .left .left_item h1 {margin: 0px;color: #767676;font-size: 18px;padding-bottom: 5px;}
.elearning_feedback_inner .left .left_item .person {padding-right: 20px;}
.elearning_feedback_inner .left .left_item .person_info_bottom {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.elearning_feedback_inner .left .left_item .person img {border-radius: 50%;}
.elearning_feedback_inner .left .left_item .person_info_bottom p {padding-right: 10px;}
.elearning_feedback_inner .left .left_item .person_info_bottom i {padding-right: 5px;}
.left_item.complete {background-color: #EDFFE9;}
.left_item.incomplete {background-color: #FFF0F0;}
.elearning_feedback_inner .right {display: flex;justify-content: space-between;flex-direction: column;width: 75%;height: 69vh;padding: 20px 20px 0 20px;}
.elearning_feedback_inner .right .right_top_item {display: flex;justify-content: flex-start;align-items: center;width: 95%;padding: 10px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.0901960784);background-color: #fff;border-bottom: 1px solid #F8F8F8;border-radius: 10px;}
.elearning_feedback_inner .right .right_top_item .person_info_bottom p {margin: 0px;color: #C1C1C1;font-size: 14px;}
.elearning_feedback_inner .right .right_top_item .person_info_top h1 {margin: 0px;color: #767676;font-size: 18px;padding-bottom: 5px;}
.elearning_feedback_inner .right .right_top_item .person {padding-right: 20px;}
.elearning_feedback_inner .right .right_top_item .person img {border-radius: 50%;}
.elearning_feedback_inner .right .right_top_item .person_info_bottom {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.elearning_feedback_inner .right .right_top_item .person_info_bottom {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.elearning_feedback_inner .right .right_top_item .person_info_bottom p {padding-right: 10px;}
.elearning_feedback_inner .right .right_top_item .person_info_bottom i {padding-right: 5px;}
.elearning_feedback_inner .right .right_top_item .rightinfo {margin-left: 20px;}
.elearning_feedback_inner .right .right_top_item .rightinfo p {margin: 0px;line-height: 1.4;color: #B8B8B8;font-size: 14px;}
.elearning_feedback_inner .right .right_bottom_item {height: 45vh;padding: 20px 0;overflow-y: scroll;scrollbar-width: none;}
.elearning_feedback_inner .right .right_bottom_item::-webkit-scrollbar {display: none;}
.elearning_feedback_inner .right .right_bottom_item h1 {margin: 0px;color: #767676;font-size: 18px;}
.elearning_feedback_inner .right .right_bottom_item p {margin: 5px;margin-top: 12px;color: #C1C1C1;font-size: 18px;margin-left: 20px;}
.elearning_feedback_inner .right .right_bottom_parent {display: flex;justify-content: center;align-items: center;background-color: #fff;border-radius: 10px;}
.elearning_feedback_inner .right .right_bottom {display: flex;justify-content: flex-end;padding: 20px;width: 95%;}
.elearning_feedback_inner .right .right_bottom button {margin-left: 10px;}
.elearning_feedback_question h2 {margin: 0px;color: #767676;}
.elearning_feedback_question p {margin: 0px;}
.elearning_feedback_question {margin-bottom: 10px;background-color: #FFFFFF;padding: 10px;border-radius: 8px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.0901960784);margin: 10px;}
.blogs {display: flex;justify-content: center;align-items: center;width: 100%;}
.blogs_inner {display: flex;align-items: flex-start;flex-wrap: wrap;width: 100%;max-width: 100%;}
.blogs_inner .item {margin: 10px;width: 23%;position: relative;overflow: hidden;border-radius: 10px;background-color: #fff;}
.blogs_inner .item .img {width: 100%;height: 250px;background-repeat: no-repeat;background-size: cover;transform: scale(1);background-position: center;-o-object-fit: cover;object-fit: cover;border-radius: 0px;transition: all 0.3s ease-in-out;}
.blogs_inner .item .img:hover {transition: all 0.3s ease-in-out;transform: scale(1.05);overflow: hidden;}
.blogs_inner .item .date {display: flex;justify-content: flex-start;padding-left: 10px;}
.blogs_inner .item .date p {background-color: rgba(179, 179, 179, 0.1098039216);border-radius: 20px;padding: 5px;font-weight: bold;font-size: 16px;}
.blogs_inner .item .title {text-align: left; font-weight: bold;color: #1B0E4B;margin-top: -10px;padding: 10px;}
.blog_detail {display: flex;justify-content: center;align-items: center;width: 100%;font-family: "Assistant";}
.blog_detail .text h1 {font-size: 2em;}
.blog_detail .text h2 {font-size: 1.5em;}
.blog_detail .text h3 {font-size: 1.17em;}
.blog_detail .text h4 {font-size: 1em;} 
.blog_detail .text h5 {font-size: 0.83em;}
.blog_detail .text h6 {font-size: 0.67em;}
.blog_detail_inner {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;width: 100%;padding: 20px;background-color: #fff;max-width: 100%;border-radius: 20px;}
.blog_detail_inner .img {display: flex;justify-content: center;align-items: flex-start;width: 400px;border-radius: 20px;height: 400px;background-repeat: no-repeat;background-size: contain;background-position: center;-o-object-fit: contain;object-fit: contain;}
.blog_detail_inner .title {font-size: 22px;font-weight: bold;color: #1B0E4B;margin: 10px 0;}
.blog_detail_inner .author {font-weight: bold;color: #1B0E4B;margin-top: 20px;}
.blog_detail_inner .author span {font-style: italic;font-size: 14px;color: #000;}
.blogs_add {display: flex;justify-content: center;align-items: center;width: 100%;}
.blogs_add h1 {font-size: 2em;}
.blogs_add h2 {font-size: 1.5em;}
.blogs_add h3 {font-size: 1.17em;}
.blogs_add h4 {font-size: 1em;} 
.blogs_add h5 {font-size: 0.83em;}
.blogs_add h6 {font-size: 0.67em;}
.blogs_add_inner {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 100%;}
.blogs_add_inner form {display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;width: 100%;max-width: 100%;}
.blogs_add_inner .item {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;width: 100%;}
.blogs_add_inner input {width: 100%;color: #767676;font-size: 18px;border: none;outline: none;border-bottom: 1px solid #E7E7E7;padding: 5px;}
.blogs_add_inner img {width: 80px;height: 80px;-o-object-fit: cover;object-fit: cover;margin-right: 20px;cursor: pointer;}
.blogs_add_inner a {cursor: pointer;}
.blogs_add_inner .box_img {display: flex;justify-content: flex-start;align-items: center;width: 100%;margin-bottom: 10px;}
.blogs_add_inner .box_img img {border-radius: 10px;}
.blogs_add_inner .box_img_inner {display: flex;justify-content: flex-start;align-items: center;width: 100%;max-width: 1200px;}
.elearning_send_message {display: flex;justify-content: center;align-items: center;width: 98%;margin-bottom: 20px;border-radius: 8px;}
.elearning_send_message_inner {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;width: 100%;max-width: 100%;padding: 20px;background-color: #fff;border-radius: 8px;}
.elearning_send_message_inner form {display: flex;justify-content: center;align-items: flex-start;flex-direction: column;width: 100%;max-width: 100%;padding: 20px;}
.elearning_send_message_inner form input {margin-bottom: 10px;width: 90%;color: #767676;font-size: 18px;border: none;outline: none;border-bottom: 1px solid #E7E7E7;padding: 5px;border-radius: 8px;}
.elearning_send_message_inner form textarea {margin-bottom: 10px;width: 90%;color: #767676;font-size: 18px;height: 80px;border: none;outline: none;border-bottom: 1px solid #E7E7E7;padding: 5px;border-radius: 8px;}
.elearning_send_message_inner form select {margin-bottom: 10px;color: #767676;font-size: 18px;border: none;outline: none;border-bottom: 1px solid #E7E7E7;padding: 5px;}
.open_elearning_popup_messages {display: none;}
.select2-container--default .select2-selection--multiple {border: none !important;border-bottom: 1px solid #E7E7E7 !important;}
.select2 {width: 100% !important;}
.elearning_send_message_bottom {position: relative;display: flex;justify-content: flex-start;align-items: flex-end;flex-direction: column;width: 98%;margin-bottom: 20px;border-radius: 8px;}
.elearning_send_message_inner_bottom {position: fixed;bottom: 0px;display: flex;justify-content: center;align-items: flex-start;flex-direction: row;width: 70%;max-width: 100%;padding: 20px;background-color: #fff;border-radius: 8px;box-shadow: 0 0 7px 2px rgba(57, 57, 57, 0.05);}
.elearning_send_message_inner_bottom form {display: flex;justify-content: space-between;align-items: flex-start;flex-direction: row;width: 100%;max-width: 100%;padding: 20px;}
.elearning_send_message_inner_bottom form .item {width: 30%;}
.elearning_send_message_inner_bottom form input {margin-bottom: 10px;width: 90%;color: #767676;font-size: 18px;border: none;outline: none;background-color: #FAFAFA;padding: 15px;border-radius: 50px;}
.elearning_send_message_inner_bottom form textarea {margin-bottom: 10px;width: 90%;color: #767676;font-size: 18px;height: 80px;border: none;outline: none;border-bottom: 1px solid #E7E7E7;padding: 5px;border-radius: 8px;}
.elearning_send_message_inner_bottom form select {margin-bottom: 10px;color: #767676;font-size: 18px;border: none;outline: none;border-bottom: 1px solid #E7E7E7;padding: 5px;}
.select2-container--default .select2-selection--multiple {border: none !important;background-color: #FAFAFA !important;padding: 10px !important;border-radius: 50px !important;}
.select2-container .select2-search--inline .select2-search__field {margin-bottom: 0px !important;}

.tiny {z-index: -1 !important;}
path.one, path.two, path.three {transition: 300ms;}
path.one {transform-origin: center;transform: translate(0%, -30%);transition: 300ms;}
path.two {transition: 300ms;}
path.three {transform-origin: center;transform: translate(0%, 30%);transition: 300ms;}
.open path.one {transform-origin: center;transform: rotate(45deg) translate(0%, 0%);transition: 300ms;}
.open path.two {opacity: 0;transition: 300ms;}
.open path.three {transform-origin: center;transform: rotate(-45deg) translate(0%, 0%);transition: 300ms;}
.invisible {display: none;}
.dashboard-menu svg {padding: 0px 5px;vertical-align: bottom;}
.dashboard-menu li {margin: 30px 0px;font-size: 18px;}
.dashboard-menu .icon {display: inline-block;position: relative;margin: auto;}
.icon > svg {width: 25px;}
.dashboard-menu .icon::before {content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -5px;width: 0;height: 2px;transition: 300ms ease-in-out;background-color: #8B8B8B;}
.dashboard-menu li:hover .icon::before {width: 40%;background-color: #D0A84F;}
.dashboard-menu li .icon svg > g > g, svg g#Group-6 > *, .dashboard-menu li:hover .icon svg > path, .dashboard-menu li:hover .icon svg > g:not(#E-learning) {transition: 300ms ease-in-out;}
.dashboard-menu li:hover .icon svg #Styleguide:not(g.cursussen), .dashboard-menu li:hover .icon svg > path, .dashboard-menu li:hover .icon svg > g:not(#E-learning) {fill: #D0A84F;}
.dashboard-menu li:hover svg g.cursussen {stroke: #D0A84F;}
.dashboard-menu li:hover svg g#Group-6 > * {stroke: #D0A84F;}
.delete svg {height: 100%;}
.delete:hover svg g > g {stroke: red;}
.hoofdstuk:not(.active) ul {display: none;}
.hoofdstuk.active ~ .hoofdstuk * {color: #C1C1C1 !important;}
.hoofdstuk > ul > li {margin: 15px 0px 15px 10px;}
.dashboard_layout {display: grid;grid-template-columns: 50% 40%;grid-column-gap: 10%;}
.dashboard_continue {width: 100%;}
.dashboard_continue .course {width: 100%;margin: unset;}
.traject_container > div {background-color: #fff;padding: 15px;border-radius: 15px;}
.traject_progress {background-color: #e1e1e1;height: 10px;border-radius: 15px;overflow: hidden;}
.traject_progress .prog {height: 100%;background-color: #D0A84F;transition: 300ms;}
.excerpt {display: -webkit-inline-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: inherit;width: 95%;height: 60px;-webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);mask-image: linear-gradient(to bottom, black 50%, transparent 100%);}
.excerpt > p {font-size: inherit;margin: 0;}
.feedback_solo {background: #fff;padding: 15px;font-size: 14px;width: 75%;padding-left: 30px;position: relative;}
.feedback_solo > .fb_grid {display: grid;grid-template-columns: 70% 30%;}
.feedback_solo > .fb_grid > div:last-child {align-self: end;}
.feedback_solo span {font-size: inherit;color: #c1c1c1;}
.feedback_solo:first-of-type {border-top-left-radius: 25px;border-top-right-radius: 25px;}
.feedback_solo:last-of-type {border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;}
.feedback_solo:not(.feedback_solo:last-child) {border-bottom: 2px solid #E1E1E1;}
.login_top, .login_bottom, .login_remember, .login_button {display: flex;flex-wrap: wrap;justify-content: center;gap: 0%;margin: 20px; margin-left: 0px;}
.login_top > *, .login_bottom > * {width: 150px;}
.login_top > input, .login_bottom > input {border: 1px solid #E1E1E1;border-radius: 8px;width: 290px;}
.login_container {margin: 15%;}
.login_container h4 {text-align: center;}
.btn-link {display: flex;flex-wrap: wrap;justify-content: center;gap: 0%;margin: 20px;}
.page_title {display: grid;grid-template-columns: 90% 10%;}
.intro_left, .intro_right {padding: 15px;}
.module-parts {padding-inline-start: 10px;}
.admin .module-part {display: grid;grid-template-columns: 5% 80% 15%;}
a.excerpt_admin_media {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.introductie_close {display: grid;grid-template-columns: 75% 25%;}
.close_all {text-align: center;font-size: 14px;color: #D0A84F;cursor: pointer;}
.close_single > svg {transform: rotate(180deg);width: 40%;vertical-align: middle !important;}
.close_single > svg > g > g {stroke: #D0A84F;}
.close_single {display: flex;justify-content: center;align-items: center;width: 350px;margin-top: -20px;}
.doelen input, .gegevens input, .gegevens_new input, .doelen .select, .gegevens select, .update_goal input, .input-containers input, .input-containers textarea {border: 1px solid #E1E1E1;border-radius: 8px;padding-left: 5px;}
.doelen label, .gegevens label, .update_goal label, .gegevens select, .update_goal input:not(input[type=submit]), .gegevens input:not(input[type=submit]) {display: inline-block;width: 100%;box-sizing: border-box;}
.containers {display: grid;grid-template-columns: repeat(4, 20%);gap: 5%;}

.gegevens .input-containers, .label-containers {width: 100%;box-sizing: border-box;}
.select_fields {padding: 5px;margin: 5px 0;font-family: "Assistant";text-decoration: none;color: #515151;font-size: 18px;border-radius: 15px;border: 1px solid #e1e1e1;}
.input-omschrijving {font-family: inherit;font-size: 18px;}
label:not(.exclude) {opacity: 0.6;}
.typeOfMaterial {background-color: #F1F3F4 !important;border: none;padding: 5px;}
.admin_vragen input {border: none;border-bottom: 1px solid #D0A84F !important;padding: 10px;background-color: rgba(224, 224, 224, 0.3215686275);}
.admin_vragen textarea {width: 100%;font-family: "Assistant";}
textarea:focus-visible {outline: none;}
#vragen_list {padding: 25px 0px;}
#vragen_list > .vraag_container {width: 100%;background-color: rgba(0, 0, 0, 0.041);border-radius: 10px;padding: 20px;margin: 20px 0;}
#vragen_list > .vraag_container > .vraag_top {display: grid;grid-template-columns: 5% 95%;}
#vragen_list h3 {color: #767676;font-size: 18px;}
.vraag_in_container textarea {color: #767676 !important;font-size: 18px;font-weight: normal;}
#vragen_list > .vraag_container > .vraag_top a {cursor: pointer;}
#vragen_list > .vraag_container > .vraag_top img {width: 40%;align-self: center;height: 40%;}
#vragen_list > .vraag_container textarea {box-sizing: border-box;font-family: "Assistant";resize: none;}
.slider {width: 100%;height: 15px;border-radius: 5px;background: #D0A84F;outline: none;opacity: 0.7;transition: opacity 0.2s;}
.slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 25px;height: 25px;border-radius: 50%;background: #D0A84F;cursor: pointer;}
.slider::-moz-range-thumb {width: 25px;height: 25px;border-radius: 50%;background: #D0A84F;cursor: pointer;position: relative;}
.doel.containers input[type=radio] {position: absolute;opacity: 0;width: 0;height: 0;}
.image_list {display: grid !important;grid-template-columns: 15% 15% 15%;text-align: center;}
.image_list img {vertical-align: -webkit-baseline-middle;}

/* IMAGE STYLES */
[type=radio] + img {cursor: pointer;opacity: 0.6;transition: 300ms;}

/* CHECKED STYLES */
[type=radio]:checked + img {border-radius: 10px;opacity: 1;}
.doel.containers {margin: 25px 0px;}
.goal {width: 40%;background: #fff;padding: 15px;border-radius: 15px;cursor: pointer;position: relative;overflow: hidden;}
.goal > *, .goal_chart > * {-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.goal_group {display: flex;flex-wrap: wrap;gap: 20px 20px;padding: 20px;}
.goal_group > h2 {width: 100%;}
.goal .progress_overlay {background-color: #D0A84F;height: 100%;}
.goal .link {width: 100%;display: block;height: 100%;position: absolute;top: 0;left: 0;}
.doelen_page .goal {width: 15%;}
.doelen_page {margin-bottom: 50px;width: 100%;}
.goal_type_selector > div > span + span {text-align: center;}
.goal_type_selector > div {background: #fff;border-radius: 25px;width: 100%;padding: 15px;display: grid;grid-template-columns: 70% 15%;-moz-column-gap: 15%;column-gap: 15%;font-weight: bold;}
.goal_type_selector > div.active {box-shadow: 0px 0px 0px 2px inset #D0A84F;}
.goal_type_selector {display: grid;grid-template-columns: 45% 45%;gap: 10%;width: 50%;}
.sub_goal_fields, .doel.containers {display: grid;grid-template-columns: 20% 40%;row-gap: 5px;}
.sub_goal_fields input, .doel.containers input {height: 35px;}
.sub_goal_fields label, .doel.containers label {align-self: center;}
.goal_group.chart {justify-content: center;}
.goal_chart {background-color: #fff;border-radius: 15px;cursor: pointer;padding: 5px 20px;box-sizing: border-box;}
.goal_chart.active {border: 2px solid #D0A84F;}
.after_course_goals .goal_group {border-radius: 25px;overflow: hidden;justify-content: center;margin: 0 0 50px;}
.after_course_goals .goal_group > h2 {background: #fefefe;margin: 0px;text-align: center;padding: 15px;}
.update_goal_overlay {position: fixed;height: 100%;width: 100%;left: 0;top: 0;-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);}
.update_goal {position: absolute;background: #fff;top: 25%;left: 50%;transform: translate(-50%);border: 1px solid #e1e1e1;padding: 15px;border-radius: 15px;}
.dw_goal {font-size: 20px;font-weight: bold;line-height: 18px;display: block;margin: 15px 0px;}
.dw_value {font-size: 16px;line-height: 18px;display: block;}
.dw_naam {font-size: 18px;line-height: 23px;margin: 10px 5px;vertical-align: top;}
.dw_target {font-size: 12px;}
.verlopen {color: red;}
.all_courses.course {width: 80%;}
.course_right_grid {display: grid;grid-template-columns: 80% 20%;}
.start_course_anchor {align-self: flex-end;margin-left: auto;}
.page_course > div {width: 80%;padding: 15px;box-sizing: border-box;}
.course {display: flex;flex-wrap: wrap;width: 50%;border-radius: 20px;background: #fff;margin: 20px auto 20px 0px;overflow: hidden;border: 1px solid rgba(0, 0, 0, 0.0588235294);}
.course_titel {margin: 0 0 0 0;}
.course-left > a > img {width: 100%;}
.course-left > a {width: 100%;}
.course-left {width: 20%;}
.course_bottom {display: flex;width: 100%;}
.course .hervatten {margin: 0 0 0 auto;}
.elearning_add_course {position: absolute;right: 20px;top: 50px;}
span.char_count {opacity: 0.5;}
.pdf_block {margin-bottom: 25px;}
.hide {display: none;}
.admin_page .page_course h3 {text-overflow: ellipsis;overflow: hidden;width: 80%;white-space: nowrap;}
.c_img_container {width: 20%;align-self: center;overflow: hidden;height: 150px;}
.link {color: #515151;font-size: 18px;letter-spacing: 0;line-height: 23px;display: block;margin-bottom: 8px;}
.module_text {opacity: 0.4;}
.pdf_titel {width: 100%;}
.pdf {display: flex;flex-wrap: wrap;}
.media_left {display: inline-block;width: 50%;box-sizing: border-box;margin: 0 5% 0 0;}
.media_right > * {width: 85%;}
.media_right {display: inline-block;width: 40%;vertical-align: top;position: relative;}
.prev_page.first {display: none;}
button.send_answers {margin: 15px 0px;}
.next_page {margin-left: 20px !important;}
#audio-player {width: 85%;background: #fff;padding: 20px;border-radius: 15px;}
#audio-player #controls {margin-bottom: 15px;margin-top: 50px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
#audio-player #controls #playButton {border-radius: 50%;padding: 10px;background-color: #f3f3f3;}
#audio-player #controls #playButton:hover {background-color: #e1e1e1;}
#audio-player #controls #playButton div {height: 24px;width: 24px;}
.top-player {display: flex;justify-content: center;gap: 30%;}
.top-player h3 {margin: 0;}
.timers {display: flex;justify-content: center;gap: 70%;}
.timers > svg {display: inline-block;}
#audio-play {display: inline;border-radius: 50%;}
#audio-play * {transition: 300ms;}
#audio-play:hover {transform: scale(1.1);}
svg {-webkit-user-select: none;-moz-user-select: none;user-select: none;}

.sort-options {
  margin-right: 20px; 
  position: relative; 
}

.sort-options select {
  width: 150px; 
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  background-color: white;
  cursor: pointer;
}

.sort-options select::-webkit-scrollbar {
  width: 10px; 
}

.sort-options select::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 10px;
}

.sort-options select::-webkit-scrollbar-thumb {
  background: #888; 
  border-radius: 10px;
}

.sort-options select::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.p_bar_2 {width: 100%;background: #e1e1e1;height: 28px;overflow: hidden;position: absolute;left: 0;bottom: 0;}
.p_bar_2_fill {height: 100%;background: #D0A84F;padding-right: 0%;width: 0;border-radius: 15px;transition: 300ms;}
.week_questions .cta {margin-top: 15px;}
.vraag_input, .week_question {padding: 15px;border-radius: 5px;border: 1px solid #e1e1e1;color: #c1c1c1 !important;font-size: 16px;line-height: 19px;width: 94%;height: 150px;resize: none;}
.week_question {height: 100px;}
.vragenlijst .vraag:not(.vraag1), .vragen .vraag:not(.vraag1) {display: none;}
.vragenlijst {width: 90%;}
/* .vragenlijst .active {min-height: 240px;padding: 20px;border-radius: 10px;background-color: #fff;}
.vragenlijst .active p {font-weight: bold;} */
.vragenlijst label {display: flex;cursor: pointer;font-weight: 500;position: relative;overflow: hidden;margin-bottom: 0.375em;}
.vragenlijst label input {position: absolute;left: -9999px;}
.vragenlijst label input:checked + span {background-color: #ccccdb;}
.vragenlijst label input:checked + span:before {box-shadow: inset 0 0 0 0.4375em #00005C;}
.vragenlijst label span {display: flex;align-items: center;padding: 0.375em 0.75em 0.375em 0.375em;border-radius: 10px;transition: 0.25s ease;width: 100%;background-color: #F3F3F3;}
.vragenlijst label span:hover {background-color: rgba(92, 92, 151, 0.3708235294);}
.vragenlijst label span:before {display: flex;flex-shrink: 0;content: "";background-color: #F3F3F3;width: 1.5em;height: 1.5em;border-radius: 50%;margin-right: 0.375em;transition: 0.25s ease;box-shadow: inset 0 0 0 0.125em #00005C;}

.q_swapper {margin: 25px 0 50px;}
.question_swap {-webkit-user-select: none;-moz-user-select: none;user-select: none;cursor: pointer;}

.rotate-left {transform: rotate(-90deg);}
.rotate-right {transform: rotate(90deg);}

.ball {border: 1px solid #D0A84F;background: #fff;border-radius: 50%;height: 20px;display: inline-block;width: 20px;text-align: center;font-size: 10px;vertical-align: middle;margin: 5px;display: inline-flex;justify-content: center;}
.filledBall {border: 1px solid #e1e1e1;background: #e1e1e1;}
.activeball {border: 1px solid #afafaf !important;background: #e1e1e1 !important;}
.balltext {align-self: center;}
.gebruiker {padding: 20px;}
.gebruiker.containers label, input {margin-bottom: 5px;box-sizing: border-box;}
.gegevens label, .update_goal label, .gegevens select, .update_goal input:not(input[type=submit]), .gegevens input:not(input[type=submit]) {width: 50%;}
.profiel-foto h2 {margin-top: 40px;}
.profiel-foto {margin-bottom: 40px;}
.profiel-foto ::-webkit-file-upload-button {margin: 5px;cursor: pointer;background-image: linear-gradient(90deg, #C59E47 0%, #DDCF9E 100%);color: #fff;padding: 10px;border-radius: 5px;border: none;font-size: 14px;}

.doelen h2 {margin-top: 40px;}
.doelen {margin-bottom: 25px;width: 100%;padding: 20px 0 20px 20px;}
.acties_container input {height: 40px;display: inline-block;border-radius: 8px;border: 1px solid #E1E1E1;width: auto;}
.dashboard_agenda_container {width: 100%;}
.today {text-transform: capitalize;font-size: 14px;}
.calendar > .week {display: grid;position: relative;grid-template-columns: 15% 15% 15% 15% 15% 15% 15%;}
.calendar.in_module > .week {margin-bottom: 100px;grid-template-columns: 8% 8% 8% 8% 8% 8% 8% 8%;width: 100%;padding: 20px;}
.in_module {width: 100%;}
.agenda_top {padding: 0 20px;}
.calendar .active {border: 1px solid #D0A84F;}
.add_taak_url {display: flex;justify-content: center;align-self: center;}
.dashboard_layout .active .taken {width: 95%;}
.taken-list {display: block;font-weight: 400;width: 100%;background-color: #fff;box-sizing: border-box;border-radius: 15px;transition: 300ms;}
.taken {display: none;position: absolute;background: #fff;top: 100%;width: 100%;left: 0%;text-align: left;padding-left: 15px;border-radius: 10px;z-index: 1;}
.progress-ring__circle {transform: rotate(-90deg);transform-origin: 50% 50%;}
path.calendar_icon_progress {transform: translate(30%, 25%);}
.taak:not(.taak:last-child) {border-bottom: 1px solid #E1E1E1;}
.taak {padding: 5px;}
.day {box-sizing: content-box;display: flex;flex-wrap: wrap;justify-content: center;width: 50px;text-align: center;height: 50px;background: #fff;border-radius: 10px;font-weight: 900;align-content: center;}
.day span {display: block;width: 100%;}
.taken_pagina {width: 100%;padding: 20px 0 20px 20px;}
.acties_container {width: 100%;padding: 20px 0 20px 20px;}
.taken_pagina .calendar {width: 50%;}
.finished {text-decoration-line: line-through;opacity: 0.5;color: #294a0c;}
.takenTable {background: #fff;border-radius: 0px;padding: 5px;border-collapse: collapse;font-family: "Assistant";width: 90%;}
.takenTable td, .takenTable th {padding: 15px;text-align: left;}
.date_day {font-size: 18px;}
.dow {font-weight: 400;font-size: 14px;}
.day.heeft_taak .icon_container {position: relative;left: 10%;top: 0;}
.day.heeft_taak .icon_container::before {content: "";position: absolute;width: 5px;height: 5px;background-color: #D0A84F;top: 0;left: 0;border-radius: 50%;}
.day.heeft_verjaardag .icon_container {position: relative;left: 10%;top: 0;width: 100%;}
.day.heeft_verjaardag .icon_container::after {content: "🎈";position: absolute;top: 0;border-radius: 50%;right: 10%;border-radius: 50%;transform: rotateY(180deg);}
.feedback_solo.heeft_feedback::before {content: "";position: absolute;width: 5px;height: 5px;background-color: #D0A84F;top: 13%;left: 5%;border-radius: 50%;}

.choice-menu > a {display: block;text-align: left;}
.choice-menu {display: none;position: absolute;text-align: center;background: #f3f3f3;border: 1px solid black;padding: 10px;border-radius: 5px;}
a.excerpt_admin_media[contenteditable=true] {overflow: visible;white-space: normal;}
.module_grid {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 20px;padding: 20px;}
.module_inzicht {margin: 25px 0px;}
.collapsable .vraag_input {width: 75%;box-sizing: border-box;}
.admin_feedback_flex {display: flex;flex-wrap: wrap;justify-content: space-between;width: 75%;}
span.bold {font-weight: 800;}
.input-containers input:not(input[type=checkbox]) {width: 100% !important;}
.input-containers {padding-right: 10px;}
.label-containers label {padding-bottom: 5px;}
.search-gebruiker {display: inline-flex;padding: 20px;width: 80%;}
.admin-view {display: flex;}
.admin-image {margin-top: 8px;margin-right: 15px;}
.collapsable_m, .collapsable {display: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;padding-bottom: 50px;}
.overview .vraag:last-child {margin-bottom: 25px;}
.overview.module {border-radius: 15px;padding: 0px 10px;box-sizing: border-box;background: #fff;}
.vragen.slide1 {background: #fff;padding: 15px;border-radius: 25px;}
.reflectie.slide2 {display: none;background: #fff;padding: 15px;border-radius: 25px;}
.feedback.slide3 {display: none;}
.title-search {width: 100%;padding-right: 15px;}
.rotate-right-2 {float: right;padding-top: 5px;padding-right: 10px;padding-left: 10px;}
.deleter {float: right;font-family: "apertura";font-size: 16px;margin-bottom: 44px;background-color: #D0514F;color: white;padding: 13px 22px;border: none;border-radius: 5px;transition: 300ms ease-in-out;}
.deleter:hover {background-color: white;color: #D0514F;cursor: pointer;}
.edit_course_anchor {margin-top: 80px;}
.flash-message {position: fixed;top: 0;left: 50%;transform: translateX(50%);color: white;background-color: #D0A84F;}
.input-course {border: 1px solid #8B8B8B;border-radius: 5px;}
.cancel {text-align: center;height: 40px;background-color: #D0514F;border: none;border-radius: 5px;transition: 300ms ease-in-out;}
.cancel:hover {background-color: white;cursor: pointer;}
.cancel-text {color: white;}
.cancel-text:hover {color: #D0514F;}
.intro-upload {padding-top: 10px;}
.cursus-list {display: inline;}
.add-course {display: inline;padding-left: 12px;padding-top: 27px;}
#add-question, #add-tool, #add-media, #add-video, #add-podcast, #add-kop {font-family: inherit;font-size: 18px;background-color: transparent;border: none;cursor: pointer;padding-bottom: 50px;}
.display_title {display: flex;flex-direction: row;}
#delete-question, .delete-question {cursor: pointer;}
.tool_inputs .save-changes {display: none;}
.opslaan {background-color: #D0A84F;color: #ffffff;transition: 300ms ease-in-out;border-radius: 5px;border: none;font-size: 16px;line-height: 19px;height: 40px;cursor: pointer;}
.opslaan:hover {background-color: #fff;color: #D0A84F;}
.buttons {display: flex;flex-direction: row-reverse;}
.edit-vraag {font-family: inherit;font-size: 18px;width: 287px;height: 100px;}
.intro-desc-edit {display: flex;flex-direction: column;}
.intro-image {height: 200px;-o-object-fit: contain;object-fit: contain;border-radius: 10px;}
a.delete:hover > img.intro_image {border: 2px solid red;border-radius: 25px;}
.intro_image {width: 100%;}
.add-buttons {display: flex;flex-direction: row;}
.module-part-add, .module-add {display: block;height: 22px;width: 22px;}
.module-parts {min-height: 25px;width: 220px;}
.in-line i {color: #C1C1C1;font-size: 15px;}
.in-line {transition: 700ms;width: 75px;text-align: center;height: 10px;margin-bottom: 20px;}
.in-line.two {text-align: center;}
.dragger, .dragger-2, .dragger-3 {height: 8px;width: 4.8px;padding-top: 8px;padding-right: 8.2px;}
.delete-part, .delete-module, .delete-course {width: -moz-fit-content;width: fit-content;}
.typeOfMaterial {font-family: inherit;font-size: 18px;color: #515151;display: none;width: 90%;margin-bottom: 20px;}
.typeOfMaterial option:checked {display: none;}
.choice-menu {display: none;position: absolute;text-align: center;background: lightgray;border: 1px solid black;}
.course-menu {margin-top: -30px;}
.course-menu svg {padding: 0px 5px;vertical-align: middle;}
.course-menu li {margin: 15px 0px;font-size: 18px;}
.course-menu .icon {display: inline-block;position: relative;margin: auto;}
.dashboard-link {margin-top: 20px;margin-bottom: 20px;}
.user-table {margin-bottom: 50px;padding: 0 20px;width: 80%;overflow: auto;white-space: nowrap;}
.toolDesc, .mediaDesc {font-family: inherit;font-size: 18px;}
.text-left {display: inline-block;box-sizing: border-box;margin: 0 5% 0 0;}
.text-right {display: inline-block;vertical-align: top;position: relative;}
.text-right img {width: 400px;-o-object-fit: contain;object-fit: contain;}
.box {padding: 60px;border: 2px dashed #8B8B8B;border-radius: 10px;height: 50%;}
#preview {display: none;}
.toast-message, .toast-title {font-family: "Assistant" !important;}

/* !Switcher voor users */
/* The switch - the box around the slider */
.changeActiveForm .switch {position: relative;display: inline-block;width: 60px;height: 60px;}

/* Hide default HTML checkbox */
.changeActiveForm .switch input {opacity: 0;width: 0;height: 30;}

/* The slider */
.changeActiveForm .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: 0.4s;margin-top: 25px;}
.changeActiveForm .slider:before {position: absolute;content: "";height: 24px;width: 26px;left: 4px;bottom: 3px;background-color: white;transition: 0.4s;}
.changeActiveForm input:checked + .slider {background-color: #2196F3;height: 30px;}
.changeActiveForm input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
.changeActiveForm input:checked + .slider:before {transform: translateX(26px);}
.changeActiveForm input {height: 30px;}

/* Rounded sliders */
.changeActiveForm .slider.round {border-radius: 30px;height: 30px;}
.changeActiveForm .slider.round:before {border-radius: 30px;}

/* ! eind switcher voor users */

/* Style for the container of the switch */
.switch-container {position: relative;display: inline-block;width: 60px;height: 34px;}

/* Hide the default checkbox */
.switch-container input {display: none;}

/* Style for the slider (the switch itself) */
.two_factor_slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;width: 3.3em;background-color: #ccc;border-radius: 60px;transition: 0.4s;}

#two_factor_text {margin-left: 0.1em;margin-bottom: 0.5em;}

/* Style for the slider when the checkbox is checked */
.two_factor_slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;border-radius: 50%;transition: 0.4s;}

/* Change the background color of the slider when checkbox is checked */
.switch-container input:checked + .two_factor_slider {background-color: #2196F3;}

/* Move the slider to the right when checkbox is checked */
.switch-container input:checked + .two_factor_slider:before {transform: translateX(26px);}

/* Streep onder hover items in gebruikers pagina */
.access-link {
  text-decoration: none;
  position: relative;
}

.access-link::after {
  content: '';
  position: absolute;
  right: 0; 
  bottom: -2px;
  width: 0;
  height: 1px;
  border-radius: 5px;
  background-color: #767676;
  transition: width 0.5s, left 0.5s; 
}

.access-link:hover::after {
  width: 100%;
  left: 0;
}
@font-face {font-family: "apertura";src: url("https://use.typekit.net/af/514de0/000000000000000077359725/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/514de0/000000000000000077359725/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/514de0/000000000000000077359725/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");font-display: auto;font-style: normal;font-weight: 400;font-stretch: normal;}
@font-face {font-family: "apertura";src: url("https://use.typekit.net/af/23db07/00000000000000007735972a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/23db07/00000000000000007735972a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/23db07/00000000000000007735972a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");font-display: auto;font-style: italic;font-weight: 400;font-stretch: normal;}
@font-face {font-family: "apertura";src: url("https://use.typekit.net/af/2a9542/000000000000000077359749/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/2a9542/000000000000000077359749/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/2a9542/000000000000000077359749/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");font-display: auto;font-style: normal;font-weight: 700;font-stretch: normal;}
@font-face {font-family: "apertura";src: url("https://use.typekit.net/af/f866d2/000000000000000077359744/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/f866d2/000000000000000077359744/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/f866d2/000000000000000077359744/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");font-display: auto;font-style: italic;font-weight: 700;font-stretch: normal;}

.progress-updates {padding-left: 20px;}
.progress-updates-block {padding-top: 20px;padding-left: 20px;border: 1px solid #EEDCB5;border-top: none;border-radius: 0 0 5px 5px;margin-bottom: 10px;}

.blog-carousel-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px; /* Add padding for spacing */
  padding-top: 5px;
  width: 100%; /* Set a fixed width for each cell */
}

#blogCarousel .flickity-prev-next-button.next {
  right: 0 !important;
}

#blogCarousel .flickity-prev-next-button.previous {
  left: 0 !important;
}

/* color filters */
.filter-red {filter: invert(17%) sepia(84%) saturate(7211%) hue-rotate(360deg) brightness(89%) contrast(117%);}
.filter-green {filter: invert(41%) sepia(26%) saturate(864%) hue-rotate(71deg) brightness(98%) contrast(91%);}

.feedback-popup {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 10px;
  background-color: #ffcccc; /* Rode achtergrondkleur */
  border: 2px solid red; /* Rode omlijning */
  border-radius: 5px;
  z-index: 9999;
}


@media only screen and (max-width: 1600px) {
  .template_inner .module_item {width: 30%;}
  /* .template_inner a {width: 30%;} */
  .load_module_button {position: absolute;top: -25px;left: 30px;background-color: rgba(255, 255, 255, 0) !important;}
  .admin_courses_inner .left .bottom_inner {flex-direction: column-reverse;}
  .admin_courses_inner .left .bottom_inner .left_bottom {width: 100%;}
  .admin_courses_inner .left .bottom_inner .right_bottom {width: 100%;margin-bottom: 20px;}
  .tips_inner_archief form input[type=datetime-local] {width: 80px;}
  .tips_inner_archief .item {min-width: 33%;width: 33%;max-width: 33%;}
  .tips_inner form input[type=datetime-local] {width: 80px;}
  .elearningtheme_cursus_block_inner .bottom_inner .right .top_inner_items {justify-content: flex-end;height: 100%;}
  .elearningtheme_cursus_block_inner .bottom_inner .right .top_inner_items .item {width: 50%;margin: 10px;}
  .elearningtheme_dashboard_centerblocks_inner .left{width:43%;}
  .elearningtheme_dashboard_centerblocks_inner .center{width:43%;}
  .elearningtheme_dashboard_centerblocks_inner .right{width:100%; margin-top: 20px;}
  .elearningtheme_dashboard_centerblocks_inner .right .item img {display:none}
  .elearningtheme_dashboard_admin_bottomblocks_inner .bottomblocks_right, .elearningtheme_dashboard_admin_bottomblocks_inner .bottomblocks_left{width:100% !important; margin-bottom:15px;}
  .elearningtheme_dashboard_admin_bottomblocks_inner{flex-direction: column;}
  .elearningtheme_dashboard_bottom_blocks_inner{justify-content: center; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%;}
  .elearningtheme_dashboard_bottom_blocks_inner .left{width: 43%; justify-content: flex-start;}
  .elearningtheme_dashboard_inner .center{width:30%;}
  .elearningtheme_dashboard_bottom_blocks_inner .center{width: 43%;}
  .elearningtheme_dashboard_bottom_blocks_inner .right{width: 100%; margin-top: 20px;}
  /* #notification{width:40% !important;} */
}

@media only screen and (max-width: 1200px) {
  .leeromgeving-nils {width: 90%;grid-template-columns: 100%;}
  .dashboard-menu {margin-top: 10px;display: none;}
  .content-container {width: 100%;}
  .menu-user {margin: 25px auto;}
  .dashboard-menu li {margin: 15px 0;}
  .hamburger_menu {display: inline-block;margin-left: auto !important;}
  .dashboard_layout {grid-template-columns: 100%;}
  .agenda {height: 200px;}
  .goal_group {gap: 5px;}
  .courses_box .course {width: 100%;}
  .all_courses.course {width: 100%;}
  .Podcast .media_left {width: 90%;}
  .Podcast .media_right {width: 90%;}
  .open_elearning_popup_messages {display: flex;}
  .elearning_send_message_bottom {display: none;}
  .elearning_feedback_inner .left .left_item {width: 200px;}
  .elearning_feedback_inner .left .left_item .person_info_bottom {flex-direction: column;align-items: flex-start;}
  .template_inner .module_item {width: 30%;}
  /* .template_inner a {width: 30%;} */
  .button_course_inner {top: -10px;right: 30px;}
  .admin_courses_inner {flex-direction: column;}
  .admin_courses_inner .left {width: 100%;margin-bottom: 20px;}
  .admin_courses_inner .right {width: 100%;}
  .block_goals_inner {flex-direction: column;}
  .block_goals_inner .left {width: 100%;}
  .block_goals_inner .right {width: 100%;}
  .block_goals_goal_inner .block {width: 43%;}
  .settings_inner form {flex-direction: column-reverse;}
  .settings_inner .left {width: 100%;}
  .settings_inner .right {width: 100%;}
  .settings_inner .right_inner {flex-direction: column-reverse;}
  .settings_inner .right_inner .right_items_left {width: 100%;}
  .right_items_right {width: 100%;}
  .settings_inner .right_inner {align-items: flex-start;}
  .settings_inner .right_inner .item {width: 100%;}
  .settings_inner .right_inner .item_color {width: 100%;}
  .tips_inner .item {width: 33%;max-width: 33%;}
  .elearningtheme_addmedia_inner form {gap: 0px;align-items: flex-start;flex-direction: column;}
  .elearningtheme_dashboard_admin_bottomblocks_inner .bottomblocks_right, .elearningtheme_dashboard_admin_bottomblocks_inner .bottomblocks_left{width:100% !important;}
  .elearningtheme_dashboard_notifications_inner .item .bottom {font-size: 12px;}
  .elearningtheme_dashboard_notifications_inner .item .top_inner img {width: 30px;height: 30px;}
  .elearningtheme_dashboard_notifications_inner .item .top_inner .center .name {font-size: 12px;}
  .elearningtheme_dashboard_notifications_inner .item .top_inner .center .time {font-size: 12px;}
  .elearningtheme_dashboard_centerblocks_inner .center .elearningtheme_dashboard_slider_inner {gap: 8px;}
  .elearningtheme_dashboard_centerblocks_inner .left {width: 100%;}
  .elearningtheme_dashboard_centerblocks_inner .center {width: 100%; margin-top: 15px;}
  .elearningtheme_dashboard_centerblocks_inner .bottom {width: 100%; margin-top: 15px;}
  .elearningtheme_dashboard_centerblocks_inner .right {display: none;width: 100%;}
  .elearningtheme_dashboard_bottom_blocks_inner .left {width: 100%;}
  .elearningtheme_dashboard_bottom_blocks_inner .center {width: 100%; margin-top: 15px;}  
  .elearningtheme_dashboard_bottom_blocks_inner .right {width: 100%; margin-top: 15px;}
  .elearningtheme_dashboard_admin_bottom_blocks_inner .left {width: 100%;}
  .elearningtheme_dashboard_admin_bottom_blocks_inner .right {width: 100%;}
  #notification{width:100% !important;}
  .elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner .item_right {width: 100%;}
  .elearningtheme_dashboard_admin_bottomblocks .four_blocks {overflow: hidden;overflow-y: auto;}
  .elearningtheme_dashboard_admin_bottomblocks .four_blocks_inner {margin-top: 160px;width: 95%;}
  .elearningtheme_authscreen_inner .left_inner {max-width: 100%;margin: 20px;}
  .elearningtheme_authscreen_inner .right_inner {align-items: center;}
}

@media only screen and (max-width: 990px) {
  .containers {grid-template-columns: repeat(2, 45%);}
  .blogs_inner .item {width: 45%;}
  .elearning_feedback_inner {flex-direction: column;overflow: hidden;overflow-x: scroll;}
  .elearning_feedback_inner .left {display: flex;width: auto;max-height: 120px;}
  .elearning_feedback_inner .right {width: 95%;}
  .elearning_feedback_inner .left .left_item {display: flex;flex-direction: column;overflow: hidden;}
  .elearning_feedback_inner .left .left_item:hover {overflow-y: auto;}
  .elearning_feedback_inner .left .left_item::-webkit-scrollbar {display: none;}
  .person_info {width: 300px;}
  .left_item.incomplete {height: auto;min-height: 100px;}
  .left_item.complete {height: auto;min-height: 100px;}
  .elearning_feedback {height: auto;}
  .elearningtheme_cursus_block_inner .bottom_inner .right .top_inner_items .item {width: 100%;}
  .elearningtheme_cursus_block_inner .bottom_inner {flex-direction: column;}
  .elearningtheme_cursus_block_inner .bottom_inner .left {max-width: 100%;}
  .elearningtheme_cursus_block_inner .bottom_inner .right {max-width: 100%;}
  .elearningtheme_cursus_block_inner .bottom_inner .left .item {width: auto;}
  .elearningtheme_cursus_block_inner .bottom_inner .left .intro {width: 75%;}
  .elearning_usersinfo_inner .left, .elearning_usersinfo_inner .center, .elearning_usersinfo_inner .right {width: 48%;}
  .default_table_filterbox_inner .item {width: 30%;}
  .default_table_inner_center {margin-top: 10px;}
  .default_table_inner_center_inner {flex-direction: column;}
  .default_table_inner_center_inner .left {width: 100%;}
  .tips_inner_archief .item {min-width: 50%;width: 50%;max-width: 50%;}
  .tips_inner .item {width: 50%;max-width: 50%;}
  .elearningtheme_title {width: 100%;}
  .elearningtheme_dashboard_parent {flex-direction: column;}
  .elearningtheme_dashboard {background-color: rgba(255, 255, 255, 0);width: 100%;margin: 0px;}
  .elearningtheme_dashboard_inner {width: 100%;}
  .elearningtheme_sidebar .company_logo {width: 150px;}
  .elearningtheme_sidebar_inner .menu_item.active .item::after{display: none;}
  .elearningtheme_dashboard_bottom_blocks_inner .left img {display:none;}
  /* .elearningtheme_dashboard_bottom_blocks_inner .left a{height:80%;} */
  .elearningtheme_dashboard_bottom_blocks_inner .right{width:100%}
  .elearningtheme_dashboard_bottom_blocks_inner .left .item_inner .right{width:100% !important}
  #goalChart{width:100% !important}
  .tasks {width: 20%;}
  .elearningtheme_dashboard_admin_bottomblocks_inner {flex-direction: column;}
  .elearningtheme_dashboard_admin_bottomblocks_inner .bottomblocks_left {width: 100%;}
  .elearningtheme_dashboard_admin_bottomblocks_inner .bottomblocks_left .bottomblocks_left_inner .bottomblock_left_inner_item {width: 95%;}
  .elearningtheme_dashboard_admin_bottomblocks_inner .bottomblocks_right {width: 100%;}
  .elearningtheme_sidebar {position: fixed;display: flex;justify-content: center;align-items: flex-start;width: 170px;min-height: 100vh;height: 100%;background-color: #fff;font-family: "Assistant";overflow-y: scroll;scrollbar-width: none;}
  .elearningtheme_sidebar::-webkit-scrollbar {display: none;}
  .elearningtheme_sidebar_inner {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 150px;}
  .elearningtheme_sidebar_inner .item .active {position: relative;left: 63px;height: 42px;width: 14px;border-radius: 11px 0 0 11px;background-color: rgba(235, 212, 162, 0.79);  }
  .elearningtheme_sidebar_profile_inner {display: flex;justify-content: center;align-items: center;width: 100%;margin-bottom: 65px;}
  .elearningtheme_sidebar_profile_inner {display: flex;justify-content: space-around;align-items: center;max-width: 261px;padding: 22px;margin: 15px 0 15px -5px;background-color: #fff;box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.12);border-radius: 20px;}
  .elearningtheme_sidebar_profile_inner img {width: 68px;height: 68px;border-radius: 50%;}
  .elearningtheme_sidebar_profile_inner .block {display: none;}
  .elearningtheme_sidebar_inner .item p {display: none;}
  .elearningtheme_sidebar_inner .switcher_inner p {display: none;}
  .elearningtheme_sidebar_inner .bottom .switcher {margin-bottom: 50px;margin-left: 30px;}
  .elearningtheme_sidebar_inner .menu_item.active::after {width: 15px;right: -70%;}
  .elearningtheme_sidebar_inner .item {display: flex;justify-content: center;align-items: flex-start;width: 100%;height: 42px;padding: 0 0 40px 0;color: #515151;font-size: 20px;}
  .elearningtheme_sidebar_inner .item img {width: 30px;height: 30px;}
  .content-container {padding-left: 200px;}
  .elearningtheme_sidebar_inner .menu_item.active::after {height: 30px;}
  .elearningtheme_sidebar_inner_small .company_logo {width: 80px;}
}

@media only screen and (max-width: 770px) {
  .blog_detail_inner .img {width: 100%;}
  .blogs_inner .item {width: 100%;}
  .elearning_feedback_inner .right .right_top_item .person_info_bottom {flex-direction: column;align-items: flex-start;}
  .elearning_feedback_inner .right .right_bottom_item {height: 42vh;}
  .template_inner .module_item {width: 100%;margin-right: 20px;}
  /* .template_inner a {width: 100%;margin-right: 20px;} */
  .courses_inner_admin_inner {flex-direction: column;}
  .courses_inner_admin_inner .item_course_inner {width: 100%;}
  .default_table_inner_top_inner .add_task_icon {display: none;}
  .default_table_filterbox_inner .item {width: 45%;}
  .settings_inner .left_inner {flex-direction: column;}
  .settings_inner .left_inner .left_items {width: 100%;}
  .tips_inner_archief .item {min-width: 100%;width: 100%;max-width: 100%;}
  .tips_inner .item {width: 100%;max-width: 100%;}
  .elearningtheme_cursus_block_inner .bottom_inner {padding: 0;margin: 0;}
  .coursetemp_add_media_inner {flex-direction: column;}
  .coursetemp_add_media_inner .right_media {width: 100%;margin-top: 20px;}
  .elearningtheme_dashboard_bottom_blocks_inner .left .item_inner {flex-direction: column;}
  .elearningtheme_dashboard_bottom_blocks_inner .left .left_inner {width: 100%;}
  .elearningtheme_dashboard_bottom_blocks_inner .left .item_inner .left_inner img {border-radius: 0px !important;width: 100%;}
  .elearningtheme_dashboard_admin_bottom_blocks_inner .left .item_inner {flex-direction: column;}
  .elearningtheme_dashboard_admin_bottom_blocks_inner .left .item_inner .left_inner img {border-radius: 0px !important;}
  .elearningtheme_dashboard_notifications_inner {flex-direction: column;}
  .elearningtheme_dashboard_notifications_inner .item {width: 100%;}
  .elearningtheme_title_inner {margin-bottom: 0px;}
  .elearningtheme_title_inner .subtitledashboard {margin-bottom: 25px;}
  .elearningtheme_sidebar_profile_inner {background-color: none;box-shadow: none;margin: 10px;}
  .elearningtheme_sidebar_profile_inner img {width: 40px;height: 40px;}
  .elearningtheme_sidebar {width: 100px;}
  .elearningtheme_sidebar_inner .item {height: 20px;}
  .content-container {padding-left: 120px;}
  .elearningtheme_sidebar_inner .item img {width: 25px;height: 25px;}
  .elearningtheme_sidebar_inner .menu_item.active::after {right: -30%;}
  .elearningtheme_sidebar_inner_small .company_logo {width: 50px;}
  .elearningtheme_sidebar_small {width: 70px;overflow: hidden;}
  .elearningtheme_sidebar_profile_inner_small {background-color: none;box-shadow: none;}
  .elearningtheme_sidebar_profile_inner_small img {width: 30px;height: 30px;}
  .elearningtheme_sidebar_inner_small .item img {width: 20px;height: 20px;}
  .elearningtheme_sidebar_inner_small .item {height: 20px;margin-left: -6px;}
  .elearningtheme_sidebar_profile_small {margin-bottom: 30px;}
  .content-container-small {width: 100%;height: 100%;box-sizing: border-box;padding: 26px;overflow: hidden;padding-left: 100px !important;}
  .elearningtheme_sidebar .company_logo {width: 80px;}
  .elearningtheme_authscreen_inner {flex-direction: column;}
  .elearningtheme_authscreen_inner .left {display: none;}
  .elearningtheme_authscreen_inner .right {width: 100%;}
  /* .elearningtheme_auth_logo {top: 10px;left: 10px;width: 150px;} */
  .elearning_update_application_inner p {display: none;}
}

@media only screen and (max-width: 575px) {
  .elearning_feedback_inner .right .right_top_item {align-items: flex-start;overflow-x: scroll;}
  .person_info {width: 200px;}
  .elearning_feedback_inner .right .right_top_item {width: 90%;}
  /* .elearning_feedback_inner .left {width: 85%;} */
  .elearning_feedback_inner .right .right_bottom_item {height: 27vh;}
  .admin_courses_inner .left .bottom_inner .left_bottom .item {flex-direction: column;justify-content: center;}
  .admin_courses_inner .left .bottom_inner .left_bottom .item .left_bottom_item img {height: 85px;width: 100%;border-radius: 8px;}
  .admin_courses_inner .left .bottom_inner .left_bottom .item .right_bottom_item {width: 90% !important;}
  .elearning_usersinfo_inner .left, .elearning_usersinfo_inner .center, .elearning_usersinfo_inner .right {width: 100%;}
  .block_goals_goal_inner .block {width: 100%;}
  .default_table_filterbox_inner .item {width: 100%;}
  .default_table_inner_center_inner .left_inner .item .item_cursus {padding: 5px;font-size: 12px;}
  .default_table_inner_center_inner .left_inner .item .item_status {padding: 5px;font-size: 12px;}
  .default_table_inner_top_inner .left .fa-magnifying-glass {display: none;}
  .setting_shapes_inner {flex-direction: column;align-items: flex-start;}
  .elearningtheme_dashboard_centerblocks_inner .left .bottom label {max-width: 180px;}
  .elearningtheme_dashboard_bottom_blocks_inner .left .item_inner .right div:not(.p_bar, .p_bar_fill) {flex-direction: column;}
  .elearningtheme_dashboard_bottom_blocks_inner .left .item_inner .right p {margin: 0px;line-height: 22px;padding: 5px 0;}
  .elearningtheme_dashboard_admin_bottom_blocks_inner .left .item_inner .right div:not(.p_bar, .p_bar_fill) {flex-direction: column;}
  .elearningtheme_dashboard_admin_bottom_blocks_inner .left .item_inner .right p {margin: 0px;line-height: 22px;padding: 5px 0;}
  .elearningtheme_dashboard_centerblocks_inner .left .bottom label {max-width: 230px;}
  .elearningtheme_dashboard_admin_bottomblocks_inner .bottomblocks_left .bottomblocks_left_inner .bottomblock_left_inner_item {width: 90%;}
  .tasks {width: 30%;}
  .message_all_inner .message_item {flex-direction: column;width: 80%;}
  .message_all_inner .message_item .left {width: 100%;}
  .message_all_inner .message_item .right {width: 100%;margin-left: 0px !important;}
  .message_all_inner .message_item .left .second_person {position: relative;top: -85px;}
  .the_bottom_title_from_messages {margin-top: -50px !important;}
  .elearning_popup_inner_course {width: 300px;}
  .elearning_popup_inner {width: 300px;}
  .top_message {width: 200px;}
}

/*Hieronder komt de code van de telefoon input veld styling*/