.innovixion-app {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    line-height: 1.0;
    color: var(--ivx-fontcolor-text) !important;
    font-family: Helvetica, Arial, sans-serif, "-apple-system", "BlinkMacSystemFont" !important;
    font-size: var(--ivx-fontsize-default) !important;
    font-weight: 300 !important;
}



.css-syncfusion-grid-row-deleted {

    text-decoration: line-through;
    text-decoration-color: red;
}

/*  Dit is een default instelling die we omheen de RichTextEditor plaatsen zodat we daarmee bepalen
    welk font en size default leeft binnen de editor, totdat de gebruiker natuurlijk zelf een font kiest.
*/
.css-syncfusion-richtexteditor-defaults p {
    font-family: Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.4;
}


/*  Hiermee overrulen we de instellingen van Syncfusion voor bijvoorbeeld SfText input 
*/
.ivx-element {
    background-color: white !important;
    align-content: center;      /* specially for the checkbox */
    z-index: 1;
}

.ivx-element-error {
    background-color: #ffcccc !important;
    border-color: #cc0000 !important;
    z-index: 1;
}
.ivx-element-memo {
    background-color: white !important;
    align-content: center; /* specially for the checkbox */
    z-index: 2;
}

.ivx-element-memo-error {
    background-color: #ffcccc !important;
    z-index: 2;
}

/*height and width worden in IvxCard met eeni*/
.ivxcard-container {
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 1fr;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    border-color: var(--ivx-boxcolor);
}

.ivxcard-body {
    display: flex;
    flex-direction: column;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 2;
    padding: 4px;
    overflow-y: auto;
    height: 100%;
}

.ivxcard-sidemenu {
    display: flex;
    flex-direction: column;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: 3;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-size: 12px;
}

.ivxcard-footermenu {
    display: flex;
    flex-direction: row;
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 2;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    height: 100%;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--ivx-boxcolor);
    font-size: 12px;
}

.ivxcard-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 18px;
    margin-top: unset;
    margin-bottom: unset;
    font-size: 12px;
}

    .ivxcard-row .ivxcard-data {
        width: auto;
        overflow-x: hidden;
        margin-top: unset;
        margin-bottom: unset;
        overflow-y: hidden;
        text-wrap-mode:nowrap;
    }