/*Option list*/
section.optionList{
    overflow: hidden;
    transition: max-height 0.75s cubic-bezier(0.5, 0, 0.1, 1);

    box-sizing: border-box !important;
    max-height: 1000px;
    padding: 0 !important;
}
section.optionList.collapsed{
    max-height: 0;
}


ul.optionList{

    list-style: none;
    padding: 0;
    margin: 10px 25px;

}

ul.optionList li{
    padding: 7px 2px;
    border-top: 2px solid var(--body-color-light);

}
ul.optionList li:first-child{
    border-top: none;
}


ul.optionList a{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;

    color: var(--text-color);
    border-radius: var(--item-border-radius-large);
    padding: 15px 15px;
    text-decoration: none;
    transition: background-color 0.2s ease;
}
ul.optionList a:hover, ul.optionList a:focus, ul.optionList a:active{
    background-color: var(--body-color-light);
}



ul.optionList a p{
    margin: 0;
    font-size: 20px;
}

ul.optionList a span{
    color: var(--primary-color);
    margin-left: 5px;

    font-size: 29px !important;
}

ul.optionList li.disabled a{
    color: var(--text-color-grey);
    pointer-events: none;
}
ul.optionList li.disabled a span{
    color: var(--text-color-grey);
    pointer-events: none;
}