.souscategorie label {
    width: 100%;
    font-size: 1rem;
}

.souscategorie .card-input-element+.card {
    height: calc(36px + 2*1rem);
    color: var(--primary);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #13BFFD !important;
    border-radius: 4px;
}

.souscategorie .card-input-element+.card:hover {
    cursor: pointer;
}

.souscategorie .card-input-element:checked+.card {
    border: 2px solid #FF6E14 !important;
    -webkit-transition: border .3s;
    -o-transition: border .3s;
    transition: border .3s;
}

.souscategorie .card-input-element:checked+.card::after {
    content: '\2713';
    color: #FF6E14;
    font-family: 'Material Icons';
    font-size: 24px;
    -webkit-animation-name: fadeInCheckbox;
    animation-name: fadeInCheckbox;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes fadeInCheckbox {
    from {
        opacity: 0;
        -webkit-transform: rotateZ(-20deg);
    }
    to {
        opacity: 1;
        -webkit-transform: rotateZ(0deg);
    }
}

@keyframes fadeInCheckbox {
    from {
        opacity: 0;
        transform: rotateZ(-20deg);
    }
    to {
        opacity: 1;
        transform: rotateZ(0deg);
    }
}
.cardmatiere{
    color: black !important;
}