:root {

    --body-background-color: #ffFFff;
    --main-background-color: #6F6F6F;
    /* --second-background-color: rgba(153, 153, 153, 1);
    --third-background-color-darkmode: rgba(204, 204, 204, 1);
    --gray-background-color: rgb(215, 215, 215);
    --form-label-background-color: rgba(233, 236, 239); */

    --ci-btn-color: rgba(0, 0, 0);

    /* --modal-divider-line-color: #ffFFff;
    --modal-background-color: #ffFFff;
    --modal-border-color: #ffFFff;

    --card-border-color: rgba(0, 0, 0, 0.125);*/
    --card-icon-color: rgba(0, 0, 0);
    /* --card-icon-color-disabled: rgba(0, 0, 0);

    --table-stripe-color: rgba(215, 215, 215); */

    --main-selected-color: #134094;
    /* --main-selected-color-dragging: rgba(230, 114, 25, 0.75); */
    --main-hover-color: #134094;

    --black-font-color: #000;
    /* --black-font-color-permanent: rgba(26, 26, 26, 0.898039215686275);
    --white-font-color: #FFFFFF;
    --white-font-color-permanent: #FFFFFF;

    --disabled-color: rgb(204, 204, 204);
    --green-color: #70B603;
    --dark-gray: #808080;
    --error-color: rgba(153, 0, 0, 1);
    --tooltip-background-color: rgba(0,0,0, .9); */

    --ci-green-permanent: rgb(165, 165, 165);
}

[data-theme="dark"]{
    --body-background-color: rgb(0, 0, 0);
    --main-background-color: #6F6F6F;
    --second-background-color: rgb(153, 153, 153);
    --gray-background-color: rgb(62, 62, 62);
    --form-label-background-color: rgba(0, 0, 0);

    --ci-btn-color: rgba(0, 0, 0);

    --modal-divider-line-color: rgb(0, 137, 137);
    --modal-background-color: rgb(0, 0, 0);
    --modal-border-color: rgb(42, 42, 42);

    --card-border-color: #FFF;
    --card-icon-color: #FFF;
    --card-icon-color-disabled: rgba(153, 153, 153);

    --table-stripe-color: rgb(42, 42, 42);
    --main-selected-color: #134094;
    --main-hover-color: #134094;

    --black-font-color: rgba(255, 255, 255);
    --white-font-color: rgba(26, 26, 26, 0.898039215686275);

    --disabled-color: rgb(104, 104, 104);
    --tooltip-background-color: rgba(255,255,255, .9);

    .ci-button-primary {
        border-color: #ccc;
    }
}

.ci-button-primary {
    background-color: var(--ci-btn-color);
    border-color: var(--ci-btn-color);
}