.MCtblLog td{
    border: 2px solid var(--oranjeDonker);
    padding: 2px 5px 2px 5px;
}

table.MCtblLog tr > td:first-child {
    font-weight: 600;
    //background-color: var(--oranjeLicht);
}

#XforYAntwoorden td{
    vertical-align: top;
    //background-color: red;
}

.divInhoud{
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);

    border: 2px solid var(--oranjeDonker);

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    padding: 10px;
    margin-top: 10px;

    //margin-top: 20px;
    margin-bottom: 20px;
}

.MCButton{
    font-size: 2em;
    line-height: .7em;
    font-weight: 800;
}

select.MCSelect{
    font-family: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace;
    font-size: 1.1em;
    height: 250px;
}

select.MCSelect option{
    //border-top: 1px solid var(--oranjeDonker);
}

.MCKKnopje{
    color: var(--oranjeDonker);

    -webkit-transition: all 1s;
    -moz-transition:    all 1s;
    -ms-transition:     all 1s;
    -o-transition:      all 1s;
    transition:         all 1s;

    //background-color: var(--oranjeDonker);
    border: 2px solid var(--oranjeDonker);
    //padding: 4px 15px 4px 15px;
    width: 30px;
    height: 23px;
    margin-left: 10px;

    display: flex;
    justify-content: center;

    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    cursor: pointer;
    font-weight: 600;
    position: relative;
}

.MCKKnopje:hover{
    //background-color: var(--menuAchtergrond);
    color: var(--menuAchtergrond);
}

.MCPlus::before {
    content: '+';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0px;
    left: 27px;
    color: #FFF;
    font-size: 15px;
    z-index: 100;
}


.divMCIconInTable{
    float: right;
    padding-left: 10px;
}


/* deze zorgt voor het plaatje op de knop om een plaatje in te voegen */
.btnImageInvoegen{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 232.322 232.322' style='enable-background:new 0 0 232.322 232.322' xml:space='preserve'%3E%3Cpath d='M224.822 23.935H7.5a7.5 7.5 0 0 0-7.5 7.5v169.451a7.5 7.5 0 0 0 7.5 7.5h217.322a7.5 7.5 0 0 0 7.5-7.5V31.435a7.5 7.5 0 0 0-7.5-7.5zm-7.5 15.001v143.091l-59.995-63.799a7.498 7.498 0 0 0-5.462-2.362h-.001a7.506 7.506 0 0 0-5.462 2.36l-25.62 27.227-34.349-45.291a7.499 7.499 0 0 0-5.976-2.968h-.006a7.499 7.499 0 0 0-5.977 2.978L15 178.861V38.936h202.322zm-9.907 154.451H22.824l57.643-76.269 33.722 44.465a7.498 7.498 0 0 0 5.578 2.957 7.525 7.525 0 0 0 5.86-2.35l26.234-27.879 55.554 59.076z'/%3E%3Cpath d='M155.237 101.682c13.597 0 24.658-11.061 24.658-24.656 0-13.597-11.061-24.658-24.658-24.658-13.596 0-24.656 11.062-24.656 24.658 0 13.595 11.061 24.656 24.656 24.656zm0-34.315c5.326 0 9.658 4.333 9.658 9.658 0 5.324-4.332 9.656-9.658 9.656-5.325 0-9.656-4.332-9.656-9.656 0-5.325 4.332-9.658 9.656-9.658z'/%3E%3C/svg%3E%0A");
  width: 25px;
  height: 30px;
  border: 0px solid;
  background-size: 20px 20px;
  background-position: 5px 8px;
  background-repeat: no-repeat;
}

#messagesDashboard.foutboodschap{
    background-color: var(--oranjeLicht);
    //color: #FFF;
}