styles.css

.format-vsf #region-main {
    overflow-x: inherit;
}

.format-vsf .course-content ul.sections {
    margin: 0;
}

.format-vsf .course-content ul.sections li.section {
    list-style: none;
    margin: 0 0 5px 0;
    padding: 0;
}

.format-vsf .course-content ul.sections li.section > .content {
    margin: 0 10px;
}

.format-vsf .course-content ul.sections li.section .left,
.format-vsf .course-content ul.sections li.section .right {
    padding: 0 6px;
}

.format-vsf .course-content ul.sections li.section .left {
    padding-top: 22px;
    text-align: right;
}

.format-vsf.jsenabled .course-content ul.sections li.section .left,
.format-vsf.jsenabled .course-content ul.topics li.section .right {
    width: auto;
}

.format-vsf .course-content ul.sections li.section .section_action_menu .textmenu,
.format-vsf .course-content ul.sections li.section .section_action_menu .menu-action-text {
    white-space: nowrap;
}

/* Specific styling. */
.format-vsf .course-content ul li.section.main {
    border: 0 solid transparent;
}

.format-vsf .single-section h3.sectionname {
    margin-bottom: 0;
}

.format-vsf .course-content .section-summary .section-title {
    margin: 0;
}

.format-vsf .course-content .section-summary .section-summary-activities .activity-count,
.format-vsf .course-content .section-summary-activities .activity-count {
    display: none;
}

.format-vsf .vsf-empty-summary {
    padding-bottom: 10px;
}

.format-vsf .vsf-percentage {
    font-size: 14px;
    margin: 0;
}

.format-vsf .course-content {
    background-color: transparent;
    padding-top: 0;
}

.format-vsf .course-content ul.sections li.section,
.format-vsf .course-content .single-section {
    background-color: #fff;
}

.format-vsf .course-content .single-section {
    margin-top: 0;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 1em;
}

.format-vsf .course-content .single-section ul.section {
    margin-top: 0;
}

.format-vsf .course-content {
    box-shadow: none;
}

.format-vsf .course-content ul.sections li.section {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
}

.format-vsf .course-content .single-section {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.05);
}

.format-vsf .course-content .single-section ul.sections li.section {
    box-shadow: none;
}

.format-vsf .course-content .single-section .section-navigation {
    padding: 0;
}

.format-vsf .course-content .single-section .section-navigation.navigationtitle {
    height: 20px;
    margin: 0;
}

.format-vsf .course-content .single-section ul.sections li.section .left,
.format-vsf .course-content .single-section ul.sections li.section .right {
    padding: 0;
    width: 0;
}

.format-vsf.editing .course-content .single-section ul.sections li.section .left,
.format-vsf.editing .course-content .single-section ul.sections li.section .right {
    padding: 6px 0;
    width: 40px;
}

.format-vsf .course-content .single-section ul.sections li.section > .content,
.editing.format-vsf .course-content .single-section ul.sections li.section > .content,
.editing.format-vsf.lang-nl .course-content .single-section ul.sections li.section > .content {
    margin: 0;
}

.format-vsf.editing .course-content .single-section ul.sections li.section > .content {
    margin: 0 40px;
}

.editing.format-vsf .course-content ul.sections li.section > .content {
    margin: 0 60px;
}

.editing.format-vsf.lang-nl .course-content ul.sections li.section > .content {
    margin: 0 80px;
}

@media (min-width: 576px) {
    .format-vsf .indent-1 {
        margin-left: 30px;
    }
    .format-vsf .indent-2 {
        margin-left: 60px;
    }
    .format-vsf .indent-3 {
        margin-left: 90px;
    }
    .format-vsf .indent-4 {
        margin-left: 120px;
    }
    .format-vsf .indent-5 {
        margin-left: 150px;
    }
    .format-vsf .indent-6 {
        margin-left: 180px;
    }
    .format-vsf .indent-7 {
        margin-left: 210px;
    }
    .format-vsf .indent-8 {
        margin-left: 240px;
    }
    .format-vsf .indent-9 {
        margin-left: 270px;
    }
    .format-vsf .indent-10 {
        margin-left: 300px;
    }
    .format-vsf .indent-11 {
        margin-left: 330px;
    }
    .format-vsf .indent-12 {
        margin-left: 360px;
    }
    .format-vsf .indent-13 {
        margin-left: 390px;
    }
    .format-vsf .indent-14 {
        margin-left: 420px;
    }
    .format-vsf .indent-15 {
        margin-left: 450px;
    }
    .format-vsf .indent-16 {
        margin-left: 480px;
    }
    .format-vsf .indent-huge {
        margin-left: 480px;
    }
}

.format-vsf .vsf-progress {
    float: right;
}

/* Continue button */
.format-vsf .vsf-continue {
    box-shadow: 0 0 0 2px #111;
    padding: 4px 12px;
    margin-left: 2px;
}

/* Section header background / foreground */
.format-vsf .vsf-sectionname {
    margin-bottom: 8px;
    min-height: 40px;
    padding: 0 12px;
}

.format-vsf .vsf-sectionname a {
    color: inherit;
}

/* Section header with navigation */
.format-vsf .single-section .vsf-sectionname {
    position: relative;
}

.format-vsf .single-section .vsf-sectionname .vsf-sectionname-nav {
    bottom: 0;
    color: inherit;
    display: table;
    height: auto;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 0;
}

.format-vsf .course-content .single-section .vsf-nav-bottom {
    align-items: center;
    display: flex;
}

.course-content .single-section .section-navigation .vsf-selection-selector-item {
    display: flex;
    flex: 1 0 0%;
}

.format-vsf .single-section .vsf-nav-bottom .vsf-nav-left {
    justify-content: flex-start;
}

.format-vsf .single-section .vsf-nav-bottom .vsf-jumpto {
    justify-content: center;
}

.format-vsf .single-section .vsf-nav-bottom .vsf-nav-right {
    justify-content: flex-end;
}

.format-vsf .vsf-sectionname h3,
.format-vsf .single-section .vsf-sectionname .vsf-sectionname-nav a .fa,
.format-vsf .single-section .vsf-nav-bottom .vsf-nav-left a .fa,
.format-vsf .single-section .vsf-nav-bottom .vsf-nav-right a .fa {
    color: inherit;
}

.format-vsf .single-section .vsf-sectionname h3 {
    text-align: left;
}

/* Columns */
.format-vsf [class*=vsf-col] {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: left;
    min-height: 30px;
    width: 100%;
}

@media (min-width: 576px) {
    .format-vsf .vsf-col2 {
        width: 50%;
    }
}

.format-vsf .vsf-inline {
    display: inline;
}

/* Module view */
.format-vsf .moduleviewgap {
    margin-bottom: 10px;
}

.format-vsf .moduleviewgapwithbutton {
    padding-bottom: 30px;
    min-height: 70px;
}

.format-vsf .vsfactivity .no-overflow {
    overflow: unset;
}

.format-vsf .vsfactivity .no-overflow p {
    text-align: center !important;
}

.format-vsf .vsf-progress-bar {
    background-color: #ddd;
    display: inline-block;
    margin-top: 5px;
    width: 100%;
}

.format-vsf .vsf-progress-bar .vsf-bar {
    background-color: #fab;
    min-width: 3em;
    text-align: center;
}

.format-vsf .vsf-button-bottom {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
}

.format-vsf .vsf-button-bottom .btn.btn-primary {
    display: block;
    margin: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.format-vsf .vsf-button-bottom.vsf-aib .btn.btn-primary {
    display: inline-block;
}

.format-vsf .vsfavmod .vsfai {
    left: 10px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 0;
}

.format-vsf .vsfavmod .vsfai.vsfaifa {
    bottom: 0;
}

.format-vsf .vsfavmod .vsfai.vsfaifa .vsffa {
    color: #e51874;
    font-size: 50px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.format-vsf .vsfai img {
    max-height: 100%;
    max-width: 100%;
}

.format-vsf .vsfavmod.vsfmodicon .vsfai {
    left: -1px;
    top: -10px;
}

.format-vsf .vsfavmod.vsfmodicon .vsfai img {
    max-height: none;
    width: 42px;
}

.format-vsf .activity .vsfavmod img.activityicon {
    margin-right: 0;
}

.format-vsf .activity .vsf-icon img.modpic.original,
.format-vsf .modicontable img.modpic.original {
    height: 24px;
    width: 24px;
}

.format-vsf .activity .vsf-icon img.modpic.custom,
.format-vsf .modicontable img.modpic.custom {
    width: 90px;
}

.format-vsf .activity .conditionalhidden.vsfactivity .vsf-icon img.modpic.original,
.format-vsf .activity .conditionalhidden.vsfactivity .vsf-icon img.modpic.custom {
    opacity: 0.5;
}

.format-vsf .vsf-activity-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    justify-content: space-between;
}

.format-vsf .activity.moduleviewgapwithbutton .vsfactivity {
    max-width: 100%;
}

.format-vsf .progress-chart-container {
    height: 70px;
    width: 70px;
}

.format-vsf .progress-chart-container .progress-doughnut {
    position: relative;
    height: 70px;
    width: 70px;
    background-clip: padding-box;
    border: 15px solid #dee2e6;
    border-radius: 50%;
    box-sizing: border-box;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #dee2e6;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-text.has-percent {
    color: #ff7518;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator {
    position: absolute;
    top: -15px;
    left: -15px;
    height: 70px;
    width: 70px;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg {
    position: relative;
    height: 100%;
    width: 100%;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle {
    stroke-width: 15px;
    stroke: #ff7518;
    fill: none;
    stroke-dasharray: 173;
    stroke-dashoffset: 173;
    transform: rotate(-90deg);
    transform-origin: center center;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-1 {
    stroke-dashoffset: 171.27;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-2 {
    stroke-dashoffset: 169.54;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-3 {
    stroke-dashoffset: 167.81;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-4 {
    stroke-dashoffset: 166.08;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-5 {
    stroke-dashoffset: 164.35;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-6 {
    stroke-dashoffset: 162.62;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-7 {
    stroke-dashoffset: 160.89;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-8 {
    stroke-dashoffset: 159.16;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-9 {
    stroke-dashoffset: 157.43;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-10 {
    stroke-dashoffset: 155.7;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-11 {
    stroke-dashoffset: 153.97;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-12 {
    stroke-dashoffset: 152.24;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-13 {
    stroke-dashoffset: 150.51;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-14 {
    stroke-dashoffset: 148.78;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-15 {
    stroke-dashoffset: 147.05;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-16 {
    stroke-dashoffset: 145.32;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-17 {
    stroke-dashoffset: 143.59;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-18 {
    stroke-dashoffset: 141.86;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-19 {
    stroke-dashoffset: 140.13;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-20 {
    stroke-dashoffset: 138.4;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-21 {
    stroke-dashoffset: 136.67;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-22 {
    stroke-dashoffset: 134.94;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-23 {
    stroke-dashoffset: 133.21;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-24 {
    stroke-dashoffset: 131.48;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-25 {
    stroke-dashoffset: 129.75;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-26 {
    stroke-dashoffset: 128.02;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-27 {
    stroke-dashoffset: 126.29;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-28 {
    stroke-dashoffset: 124.56;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-29 {
    stroke-dashoffset: 122.83;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-30 {
    stroke-dashoffset: 121.1;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-31 {
    stroke-dashoffset: 119.37;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-32 {
    stroke-dashoffset: 117.64;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-33 {
    stroke-dashoffset: 115.91;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-34 {
    stroke-dashoffset: 114.18;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-35 {
    stroke-dashoffset: 112.45;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-36 {
    stroke-dashoffset: 110.72;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-37 {
    stroke-dashoffset: 108.99;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-38 {
    stroke-dashoffset: 107.26;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-39 {
    stroke-dashoffset: 105.53;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-40 {
    stroke-dashoffset: 103.8;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-41 {
    stroke-dashoffset: 102.07;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-42 {
    stroke-dashoffset: 100.34;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-43 {
    stroke-dashoffset: 98.61;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-44 {
    stroke-dashoffset: 96.88;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-45 {
    stroke-dashoffset: 95.15;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-46 {
    stroke-dashoffset: 93.42;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-47 {
    stroke-dashoffset: 91.69;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-48 {
    stroke-dashoffset: 89.96;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-49 {
    stroke-dashoffset: 88.23;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-50 {
    stroke-dashoffset: 86.5;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-51 {
    stroke-dashoffset: 84.77;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-52 {
    stroke-dashoffset: 83.04;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-53 {
    stroke-dashoffset: 81.31;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-54 {
    stroke-dashoffset: 79.58;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-55 {
    stroke-dashoffset: 77.85;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-56 {
    stroke-dashoffset: 76.12;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-57 {
    stroke-dashoffset: 74.39;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-58 {
    stroke-dashoffset: 72.66;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-59 {
    stroke-dashoffset: 70.93;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-60 {
    stroke-dashoffset: 69.2;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-61 {
    stroke-dashoffset: 67.47;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-62 {
    stroke-dashoffset: 65.74;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-63 {
    stroke-dashoffset: 64.01;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-64 {
    stroke-dashoffset: 62.28;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-65 {
    stroke-dashoffset: 60.55;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-66 {
    stroke-dashoffset: 58.82;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-67 {
    stroke-dashoffset: 57.09;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-68 {
    stroke-dashoffset: 55.36;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-69 {
    stroke-dashoffset: 53.63;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-70 {
    stroke-dashoffset: 51.9;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-71 {
    stroke-dashoffset: 50.17;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-72 {
    stroke-dashoffset: 48.44;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-73 {
    stroke-dashoffset: 46.71;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-74 {
    stroke-dashoffset: 44.98;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-75 {
    stroke-dashoffset: 43.25;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-76 {
    stroke-dashoffset: 41.52;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-77 {
    stroke-dashoffset: 39.79;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-78 {
    stroke-dashoffset: 38.06;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-79 {
    stroke-dashoffset: 36.33;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-80 {
    stroke-dashoffset: 34.6;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-81 {
    stroke-dashoffset: 32.87;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-82 {
    stroke-dashoffset: 31.14;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-83 {
    stroke-dashoffset: 29.41;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-84 {
    stroke-dashoffset: 27.68;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-85 {
    stroke-dashoffset: 25.95;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-86 {
    stroke-dashoffset: 24.22;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-87 {
    stroke-dashoffset: 22.49;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-88 {
    stroke-dashoffset: 20.76;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-89 {
    stroke-dashoffset: 19.03;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-90 {
    stroke-dashoffset: 17.3;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-91 {
    stroke-dashoffset: 15.57;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-92 {
    stroke-dashoffset: 13.84;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-93 {
    stroke-dashoffset: 12.11;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-94 {
    stroke-dashoffset: 10.38;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-95 {
    stroke-dashoffset: 8.65;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-96 {
    stroke-dashoffset: 6.92;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-97 {
    stroke-dashoffset: 5.19;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-98 {
    stroke-dashoffset: 3.46;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-99 {
    stroke-dashoffset: 1.73;
}

.format-vsf .progress-chart-container .progress-doughnut .progress-indicator svg .circle.percent-100 {
    stroke-dashoffset: 0;
}

/* VSF extra css - Afbeelding bij beschrijving toevoegen */
body:not(.path-course):not(.editing) .modpic,
body:not(.editing).path-course .modtxt {
    display: none !important;
}