.d-none { display: none !important }
.d-block { display: block !important }
.d-inline { display: inline !important }
input:checked ~ .d-unchecked { display: none !important }
input:not(:checked) ~ .d-checked { display: none !important }

.cursor-pointer { cursor: pointer }

.bg-default { background-color: var(--color-bg-default) }
.bg-client-1 { background-color: var(--main-color-client1) }

.border-shadow {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}

.nowrap { white-space: nowrap }

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

// TODO : too specific, move somewhere else
.card {
    display: block;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

    background-color: var(--color-bg-default);
    box-shadow: var(--box-shadow);

    padding: var(--space-base);
}

.card-link {
    @extend .card;
    &:hover {
        background-color: #e9e9e9;
    }
}

// TODO : improve, replace inline svg with <img> or other
.svg-fill-client1 {
    fill: var(--main-color-client1);
}

a.link-unstyled {
    color: inherit;
    text-decoration: inherit;
}

.h-100 { height: 100% }

.relative { position: relative }

.position-fixed { position: fixed !important }

// TODO : move somwhere else
.word-break {
    overflow-wrap: break-word;
}

.follow-scroll {

    top: 0;
    &:not(.position-fixed) + [data-followscroll-placeholder] {
        display: none !important;
    }
}