.fmza-question-card{
    border-color: var(--qc-main-color) !important;
    border-width: var(--qc-border-width) !important;
    background-color: var(--qc-background-color) !important;
    border-radius: 10px;
    padding: 0;
    position: relative;
    padding-bottom: 5px;
    box-shadow: 0 0 7px 0px rgb(0 0 0 / 50%);
    border: 1px solid;
    z-index: 2;
    margin: 1.5rem 0;
    counter-reset: answers 0;
}

.fmza-question-card .info{
    display: block;
    width: 35px;
    height: 35px;
    position: relative;
    float: right;
    margin-top: -17px;
    margin-right: -12px;
}

.fmza-question-card .info .info-button{
    color: var(--qc-main-color);
    background: var(--qc-background-color);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    position: relative;
    padding: 0;
    border: var(--qc-border-width) solid;
    box-shadow: 0 0 7px 0px rgb(0 0 0 / 50%);
}

.fmza-question-card .info .info-button:hover {
    color: var(--qc-background-color);
    background-color: var(--qc-main-color);
    border-color: var(--qc-main-color);
}

.fmza-question-card .info .info-button.addedQuestion{
    color: var(--bs-success);
    box-shadow: 0 0 8px 6px #198754;
}

.fmza-question-card .info .info-button.updatedQuestion{
    color: var(--bs-orange);
    box-shadow: 0 0 8px 6px #fd7e14;
}

.fmza-question-card .info .info-button.removedQuestion{
    color: var(--bs-danger);
    box-shadow: 0 0 8px 6px #dc3545;
}

.fmza-question-card .info .info-button.addedQuestion:hover{
    background-color: var(--bs-success);
    border-color: var(--bs-success);
    color: var(--qc-background-color)
}

.fmza-question-card .info .info-button.updatedQuestion:hover{
    background-color: var(--bs-orange);
    border-color: var(--bs-orange);
    color: var(--qc-background-color)
}

.fmza-question-card .info .info-button.removedQuestion:hover{
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
    color: var(--qc-background-color)
}

.fmza-question-card .info .info-button > svg{
    margin: calc( var(--qc-border-width) * -1 );
    position: absolute;
    left: 0;
    top: 0;
}

.fmza-question-card .info .question-popover{
    position: absolute;
    display: block;
    max-width: 276px;
    font-size: .875rem;
    background: var(--qc-background-color);
    background-clip: padding-box;
    transform: translate(0, -51%);
    width: 186px;
    inset: 50% 47px auto auto;
    border: 0px solid var(--qc-main-color);
    animation-duration: .3s;
    animation-name: slidein;
    animation-timing-function: ease-in;
}

.question-popover .btn-settings {
    top: 5px;
    right: 5px;
    left: auto;
}

.question-popover .updatesInfo{
    max-height: 170px;
    overflow: auto;
}

.question-popover .updatesInfo > div{
    border: 1px solid;
    border-radius: 3px;
    padding: 0.1rem;
    margin-bottom: 0.3rem;
}

.question-popover .updatesInfo > div:last-child{
    margin-bottom: 0;
}

.question-popover .updatesInfo > .added{
    color: var(--bs-green);
}

.question-popover .updatesInfo > .updated{
    color: hsl(27 95% 45% / 1);
}

.question-popover .updatesInfo > .removed{
    color: var(--bs-red);
}

.fmza-question-card .question{
    color: var(--qc-question-color) !important;
    padding: 5px;
    font-weight: bold;
    display: block;
    font-size: var(--qc-question-size) !important;
    border-bottom: 1px solid;
    margin-top: -5px;
    margin-bottom: 5px;
    border-color: inherit;
    word-break: break-word;
}

.fmza-question-card .question > p{
    margin-bottom: 0;
    display: contents;
    padding-right:.6ch;
}

.fmza-question-card .question > p:last-child{
    padding-right:0;
}

.fmza-question-card .question > p:empty{
    padding-right:0;
}

.fmza-question-card .answer{
    color: var(--qc-answer-color) !important;
    display: var(--qc-display-other-answers);
    border-bottom: 1px solid var(--qc-main-color);
    border-width: var(--qc-answer-border-width);
    margin-inline: 5px;
    font-size: var(--qc-answer-size) !important;
    border-color: inherit;
    counter-increment: answers 1;
    padding-left: 1.7ch;
    word-break: break-word;
}

.fmza-question-card .answer.rightAnswer{
    color: var(--qc-right-answers-color) !important;
    font-weight: bold;
    display: block;
}

.fmza-question-card .answer:last-child {
    border-bottom: 0;
}

.fmza-question-card .answer:before{
    content: counter(answers) ". ";
    position: absolute;
    margin-left: -1.7ch;
}

.fmza-question-card .answer > p{
    margin-bottom: 0;
}

.fmza-question-card img{
    max-height: 30px !important;
    display: inline-block !important;
    border-radius: 5px;
    border: 1px solid;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
    cursor: pointer;
    transition: all 0.2s ease-in;
    vertical-align: top;
}

.fmza-question-card img:hover {
    transform: scale(1.02);
    /*box-shadow: 0 0 3px rgb(0 0 0 / 50%);*/
}