.ui-widget {
    font-family: "ars-maquette-web", "Open Sans", Helvetica, Arial, sans-serif;
}
.ui-state-default {
        color:black;
        background: #f0f0f0;
}

.ui-accordion {
    max-width: 800px;
}
.ui-accordion .ui-accordion-header {
    margin-top: 10px;
    padding: 1em;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
    background-color: #f0f0f0;
}

.ui-accordion .ui-accordion-content > ul {
    list-style: none; /* Remove default bullets */
    padding: 0;
    margin: 0 0 1em 0;
}
.ui-accordion-content > ul li::before {
    content: "•";  
    color: red; /* will override below */
    display: inline-block;
    width: 1em; 
    margin-left: -1em;
}
/* https://forum.jquery.com/portal/en/community/topic/accordion-icons-alignment */
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { 
    position: absolute; 
    left: 100%;
    margin-left: -30px; 
    top: 50%; 
    margin-top: -8px; 
}
span.ui-accordion-header-icon.ui-icon.ui-icon-plusthick,
span.ui-accordion-header-icon.ui-icon.ui-icon-minusthick
 { 
    position: absolute; 
    left: 100%;
    margin-left: -30px; 
    top: 50%; 
    margin-top: -8px; 
}
.ui-accordion-header:hover {
    background: #d0e0e3;
}
.ui-accordion .ui-accordion-header {
    margin-top: 10px;
}

.ui-accordion-content {
    font-size: 95%;
}
.student {
    border: solid 3px #92d050;
}
.student > .ui-icon
{
    background-image: url(https://download.jqueryui.com/themeroller/images/ui-icons_92d050_256x240.png) !important;
}
.student > ul li::before {
    color: #92d050; 
}
.recentalum {
    border: solid 3px #659a2a;
}

.recentalum > .ui-icon
{
    background-image: url(https://download.jqueryui.com/themeroller/images/ui-icons_659a2a_256x240.png) !important;
}
.recentalum > ul li::before {
    color: #659a2a; 
}
.supporter {
    border: solid 3px #33ac7c;
}
.supporter >.ui-icon
{
    background-image: url(https://download.jqueryui.com/themeroller/images/ui-icons_33ac7c_256x240.png) !important;
}
.supporter > ul li::before {
    color: #33ac7c; 
}
.sustainer {
    border: solid 3px #00bcb4;
}
.sustainer >.ui-icon
{
    background-image: url(https://download.jqueryui.com/themeroller/images/ui-icons_00bcb4_256x240.png) !important;
}
.sustainer > ul li::before {
    color: #00bcb4; 
}
.partner {
    border: solid 3px #00827c;
}
.partner >.ui-icon
{
    background-image: url(https://download.jqueryui.com/themeroller/images/ui-icons_00827c_256x240.png) !important;
}
.partner > ul li::before {
    color: #00827c; 
}
.ambassador {
    border: solid 3px #618db5;
}
.ambassador >.ui-icon
{
    background-image: url(https://download.jqueryui.com/themeroller/images/ui-icons_618db5_256x240.png) !important;
}
.ambassador > ul li::before {
    color: #618db5; 
}
.curatorc {
    border: solid 3px #5c7dc2;
}
.curatorc >.ui-icon
{
    background-image: url(https://download.jqueryui.com/themeroller/images/ui-icons_5c7dc2_256x240.png) !important;
}
.curatorc > ul li::before {
  color: #5c7dc2; 
}
.dcassoc {
    border: solid 3px #23529b;
}
.dcassoc >.ui-icon
{
    background-image: url(https://download.jqueryui.com/themeroller/images/ui-icons_23529b_256x240.png) !important;
}
.dcassoc > ul li::before {
    color: #23529b; 
}
.dcpatron {
    border: solid 3px #2d3a80;
}
.dcpatron >.ui-icon
{
    background-image: url(https://download.jqueryui.com/themeroller/images/ui-icons_2d3a80_256x240.png) !important;
}
.dcpatron > ul li::before {
    color: #2d3a80; 
}
.dcben {
    border: solid 3px #55236f;
}
.dcben >.ui-icon
{
    background-image: url(https://download.jqueryui.com/themeroller/images/ui-icons_55236f_256x240.png) !important;
}
.dcben > ul li::before {
    color: #55236f; 
}
.leader {
    border: solid 3px #941981;
}
.leader >.ui-icon
{
    background-image: url(https://download.jqueryui.com/themeroller/images/ui-icons_941981_256x240.png) !important;
}
.leader > ul li::before {
    color: #941981; 
}