/* monica.css */
:root{
    /* Monica.js changable variables */

    /* Title background color */
    --bgColor: #2980B9;
    /* Title border color */
    --borderColor: #bababa;
    /* Title border-radius */
    --borderRadius: 0;
    /* Font color */
    --fontColor: #fff;
    /* Title font size */
    --titleSize: 16px;
    /* Title font weight */
    --titleWeight: 500;
    /* Content body font size */
    --bodySize: 18px;
    /* Content body font weight */
    --bodyWeight: 300;
    /* Content max-height */
    --contentHeight: 200px;
}

.monica *{
    margin: 0;
    padding: 0 0 10px 0;
    font-size: 14px;
}

.monicaTitle{
    cursor: pointer;
    text-align: left;
    font-size: 15px;
    font-weight: var(--titleWeight);
    color: var(--fontColor);
    background: #7e3167;
    border: 1px solid var(--borderColor);
    border-radius: 0px;
    margin-bottom: 0px;
    padding: 10px;
}

.monicaTitle:not(:first-of-type){
    margin-top: 0px;
}

.moniceContent{
    padding: 10px 5px 0px 5px;
    display: none;
    font-size: var(--bodySize);
}

.monicaActive{
    max-height: var(--contentHeight);
}
.over {
    width:100%;
    float:left;
}
.over span {
  color:#ffffff;
}
.plusMinus {
    width: auto;
    font-weight:normal;
    float:right;
    padding-right:0px;
    content:"+";
}