h3 {
    margin: 2rem 0 1rem;
    letter-spacing: 0.05rem;
}

.progress-indicator-con:after {
    background-color: #50b3e4;
}

.progress-indicator-item {
    border: 8px solid #50b3e4;
}

.progress-indicator-item.done:hover {
    border-color: #ff9600;
    color: #50b3e4;
}

.progress-indicator-item a:hover {
    color: #ff9600;
}

.progress-indicator-item a {
    width: 46px;
    height: 46px;
    line-height: 46px;
    color: #50b3e4;
}

.progress-indicator-item.done {
    border-color: #50b3e4;
    color: #50b3e4;
}

.progress-indicator-item.current {
    background-color: #50b3e4;
}

/*.chapter-menu {*/
/*    background-color: #f1f9fd;*/
/*}*/

/*.chapter-menu .current {*/
/*    background-color: #cbeeff;*/
/*}*/

/*.chapter-menu .current a {*/
/*    color: #1468a0;*/
/*}*/

/*.chapter-menu .subnav .current {*/
/*    background-color: #9adeff;*/
/*    color: #1468a0 !important;*/
/*}*/

/*.chapter-menu li {*/
/*    border-bottom: 1px solid #c1dcea;*/
/*}*/

.chapter-menu li a {
    color: #50b3e4;
    transition: 100ms ease color;
}

.chapter-menu li:hover a {
    color: #50b3e4;
    transition: 100ms ease color;
}

.chapter-menu .current a {
    color: #50b3e4;
    cursor: context-menu;
    font-weight: 500;
}

.chapter-menu .current a:hover {
    color: #50b3e4;
    transition: 100ms ease color;
    pointer-events: none;
}

.chapter-menu .subnav .current {
    background-color: #50b3e4;
    border-radius: 3px;
    transition: 100ms ease background-color;
}

.chapter-menu .subnav .current a {
    color: #fff;
}

.chapter-menu .subnav li {
    margin-top: 5px;
    margin-bottom: 5px;
}

.chapter-menu .subnav li:hover {
    background-color: #50b3e4;
    border-radius: 3px;
    transition: 100ms ease background-color;
}

.chapter-menu .subnav li:hover a{
    color: #fff;
    transition: 100ms ease color;
}

.chapter-menu .subnav .inactive-sub:hover {
    background-color: transparent;
    border-radius: 0;
}

.button {
    background-color: #ff9600;
    border-width: 1px;
    border-radius: 2px;
    font-family: 'Arvo', Georgia, "Times New Roman", serif;
}

.button:hover {
    background-color: #fead39;
}

.button-inverted {
    background-color: #FFFFFF;
    color: #ff9600;
    border-color: #ff9600;
    border-width: 1px;
    border-radius: 2px;
    font-family: 'Arvo', Georgia, "Times New Roman", serif;
}

.next {
    background-image: url('../images/arrow-next.svg');
    background-position: calc(100% - 0.5rem) center;
    background-repeat: no-repeat;
    padding-right: calc(24px + 1rem);
}

.terug {
    background-image: url('../images/arrow-next.svg');
    background-position: calc(100% - 0.5rem) center;
    background-repeat: no-repeat;
    padding-right: calc(24px + 1rem);
}

.multiple-fields {
    border: 1px solid #afd4e6;
    background-color: #f1f9fd;
}

label {
    font-size: 1.1rem;
    color: #333;
}

input:active, input:focus, select:focus, textarea:focus {
    outline: none;
    border: #50b3e4 1px solid !important;
    transition: border-color 100ms ease 0s;
}