:root {
    --display-desktop: block !important;
    --display-mobile: none;
}

@media (max-width: 800px) {
    :root {
        --display-desktop: none !important;
        --display-mobile: block;
    }
}

.crea-desktop {
    display: var(--display-desktop);
}

.crea-mobile {
    display: var(--display-mobile);
}

.crea-clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.crea-left {
    float: left;
}

    .crea-left::after {
        content: "";
        clear: both;
        display: table;
    }

.crea-right {
    float: right;
}

    .crea-right::after {
        content: "";
        clear: both;
        display: table;
    }

.crea-hidden {
    display: none !important;
}

.ui.modal.message {
    padding: 0;
}

.ui.table tbody tr td.crea-bold {
    font-weight: bold;
}

.ui.table tbody tr td.crea-align-right {
    text-align: right;
}