h3 {
    margin: 4rem 0 1rem;
}


.progress-indicator-con:after {
    background-color: var(--secondary-color-judex);
    transition: 100ms ease background-color;
}

.text-indicator a {
    color: var(--primary-color-judex);
}

.progress-indicator-item {
    border: 8px solid var(--secondary-color-judex);
    display: flex;
    justify-content: center;
    align-items: center;
}

.progress-indicator-item.done:hover {
    border-color: var(--secondary-color-judex);
    background-color: var(--secondary-color-judex);
    transition: 100ms ease all;
}

.progress-indicator-item a {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--secondary-color-judex);
    transition: 100ms ease all;
}

.progress-indicator-item:hover a {
    color: #fff;
    transition: 100ms ease all;
}


.progress-indicator-item.done {
    border-color: var(--secondary-color-judex);
    transition: 100ms ease all;
}

.progress-indicator-item.current {
    background-color: var(--secondary-color-judex);
    color: #fff;
    border-color: var(--secondary-color-judex);
    transition: 100ms ease all;
}

.chapter-menu li a {
    color: var(--primary-color-judex);
    transition: 100ms ease color;
}

.chapter-menu li:hover a {
    color: var(--secondary-color-judex);
    transition: 100ms ease color;
}

.chapter-menu .current a {
    color: var(--secondary-color-judex);
    cursor: context-menu;
    font-weight: 500;
}

.chapter-menu .current a:hover {
    color: var(--primary-color-judex);
    transition: 100ms ease color;
    pointer-events: none;
}

.chapter-menu .subnav .current {
    background-color: var(--primary-color-judex);
    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: var(--primary-color-judex);
    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 {
    border-radius: 5px;
    padding: 16px 22px;
    background-color: var(--secondary-color-judex);
    /*box-shadow: 0px 8px 15px rgba(166,162,234, 0.3);*/
    transition: ease-in 100ms box-shadow;
    z-index: 20;
}
.button-google-drive-upload {
    border-radius: 5px;
    padding: 16px 22px;
    background-color: var(--google-drive-upload-color);
    /*box-shadow: 0px 8px 15px rgba(166,162,234, 0.3);*/
    transition: ease-in 100ms box-shadow;
    z-index: 20;
}
.button-google-drive-upload:hover {
    background-color: var(--google-drive-upload-color-hover);
}
.button:hover {
    background-color: var(--hover-color-judex);
    /*box-shadow: 0px 8px 15px rgba(93,24,229, 0.1);*/
}

.button-inverted {
    border-color: var(--secondary-color-judex);
    color: var(--secondary-color-judex);
    background-color: transparent;
    z-index: 10;
}
/*.button:hover {*/
/*    background-image: linear-gradient(-180deg, #443c84 0%, #443c84 100%);*/
/*}*/

.multiple-fields {

    border: 1px solid #898CC1;

    background-color: #EAEBF4;

}

label {

    font-size: 1.05rem;

    color: #84859c;
}

input:active, input:focus, select:focus, textarea:focus {
    outline: none;
    border: var(--hover-color-judex) 1px solid !important;
    transition: border-color 100ms ease 0s;
}