.dinf-collapsable-content, .dinf-collapse-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.dinf-collapse-content-ps {
    padding-left: 15px;
}

.dinf-collapse-content-pe {
    padding-right: 15px;
}

.dinf-collapse-content-padding {
    padding-left: 15px;
    padding-right: 15px;
}

.dinf-collapse-border {
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #b1b0b2;
}

.dinf-border {
    border-style: solid solid solid solid;
    border-width: 1px;
    border-color: #b1b0b2;
}

.dinf-collapse-header {
    cursor: pointer;
    text-align: left;
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    align-items: center;
}

.dinf-collapse-header-color {
    background-color: #11594b; /*#a2bc68;*/
    color: white;
    border: 1px solid #11594b; /*#a2bc68;*/
}

.dinf-collapse-header-color-2 {
    background-color: #007d59;
    color: white;
    border: 1px solid #007d59;
}

.dinf-collapse-header-color-3 {
    background-color: #018849;
    color: white;
    border: 1px solid #018849;
}

.dinf-collapse-header-color-4 {
    background-color: #e5a939;
    color: white;
    border: 1px solid #e5a939;
}

.dinf-collapse-header-color-5 {
    background-color: #4d8406;
    color: white;
    border: 1px solid #4d8406;
}

.dinf-collapse-header-color-6 {
    background-color: #b6baaf;
    color: white;
    border: 1px solid #b6baaf;
}

.dinf-collapse-header-color-7 {
    background-color: #b45e2f;
    color: white;
    border: 1px solid #b45e2f;
}

.dinf-collapse-header-color-8 {
    background-color: #805286;
    color: white;
    border: 1px solid #805286;
}

.dinf-collapse-header-color-9 {
    background-color: #727868;
    color: white;
    border: 1px solid #727868;
}

.dinf-collapse-header-size-1 {
    font-size: 1.5rem;
}

.dinf-collapse-header-size-2 {
    font-size: 1.2rem;
}

.dinf-collapse-header-size-3 {
    font-size: 1rem;
}

.dinf-collapse-header::before {
    display: inline-block;
    margin-right: 5px;
    font-size: 1rem;
    vertical-align: middle;
}

.dinf-collapse:not(.btn) {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 0.5rem;
}

.input-group > .dinf-collapse {
    margin-bottom: 0;
    padding-right: 0.75rem;
}

.input-group > .dinf-collapse-arrow::before,
.input-group > .dinf-collapse-plus::before {
    left: 0.5rem;
}

.dinf-collapse-arrow::before {
    content: '\25ba';
}

.dinf-collapse-arrow:not(.btn)::before {
    position: absolute;
    left:0;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    width: 1.25rem;
    text-align: center;
}

.dinf-collapse-arrow[data-expanded=true]::before {
    content: '\25bc';
}

.dinf-collapse-plus::before {
    content: '\002b';
}

.dinf-collapse-plus:not(.btn)::before {
    position: absolute;
    left:0;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    width: 1.25rem;
    text-align: center;
}

.dinf-collapse-plus[data-expanded=true]::before{
    content: '\2212';
}
