/* Card inserimento: variante soft di primary usando */
.card-primary-insert {
    border-top: 3px solid var(--primary) !important;
}

.card-primary-insert>.card-header {
    background-color: var(--white) !important;
    color: var(--primary) !important;
}

.card-primary-insert>.card-header .btn-tool {
    color: var(--primary) !important;
}

.card-primary-insert>.card-title {
    color: var(--primary) !important;
}

.card-primary-insert>.card-footer {
    border-top: 1px solid rgba(0, 0, 0, .125) !important;
    background-color: var(--white) !important;
}

/* Card inserimento: variante soft di secondary usando */
.card-secondary-insert {
    border-top: 3px solid var(--secondary) !important;
}

.card-secondary-insert>.card-header {
    background-color: var(--white) !important;
    color: var(--secondary) !important;
}

.card-secondary-insert>.card-header .btn-tool {
    color: var(--secondary) !important;
}

.card-secondary-insert>.card-title {
    color: var(--secondary) !important;
}

.card-secondary-insert>.card-footer {
    border-top: 1px solid rgba(0, 0, 0, .125) !important;
    background-color: var(--white) !important;
}

/* Card inserimento: variante soft di success usando */
.card-success-insert {
    border-top: 3px solid var(--success) !important;
}

.card-success-insert>.card-header {
    background-color: var(--white) !important;
    color: var(--success) !important;
}

.card-success-insert>.card-header .btn-tool {
    color: var(--success) !important;
}

.card-success-insert>.card-title {
    color: var(--success) !important;
}

.card-success-insert>.card-footer {
    border-top: 1px solid rgba(0, 0, 0, .125) !important;
    background-color: var(--white) !important;
}

/* Card inserimento: variante soft di warning usando */
.card-warning-insert {
    border-top: 3px solid var(--warning) !important;
}

.card-warning-insert>.card-header {
    background-color: var(--white) !important;
    color: var(--warning) !important;
}

.card-warning-insert>.card-header .btn-tool {
    color: var(--warning) !important;
}

.card-warning-insert>.card-title {
    color: var(--warning) !important;
}

.card-warning-insert>.card-footer {
    border-top: 1px solid rgba(0, 0, 0, .125) !important;
    background-color: var(--white) !important;
}

/* Card inserimento: variante soft di danger usando */
.card-danger-insert {
    border-top: 3px solid var(--danger) !important;
}

.card-danger-insert>.card-header {
    background-color: var(--white) !important;
    color: var(--danger) !important;
}

.card-danger-insert>.card-header .btn-tool {
    color: var(--danger) !important;
}

.card-danger-insert>.card-title {
    color: var(--danger) !important;
}

.card-danger-insert>.card-footer {
    border-top: 1px solid rgba(0, 0, 0, .125) !important;
    background-color: var(--white) !important;
}

/* Card inserimento: variante soft di info usando */
.card-info-insert {
    border-top: 3px solid var(--info) !important;
}

.card-info-insert>.card-header {
    background-color: var(--white) !important;
    color: var(--info) !important;
}

.card-info-insert>.card-header .btn-tool {
    color: var(--info) !important;
}

.card-info-insert>.card-title {
    color: var(--info) !important;
}

.card-info-insert>.card-footer {
    border-top: 1px solid rgba(0, 0, 0, .125) !important;
    background-color: var(--white) !important;
}

/* Card inserimento: variante soft di dark usando */
.card-dark-insert {
    border-top: 3px solid var(--dark) !important;
}

.card-dark-insert>.card-header {
    background-color: var(--white) !important;
    color: var(--dark) !important;
}

.card-dark-insert>.card-header .btn-tool {
    color: var(--dark) !important;
}

.card-dark-insert>.card-title {
    color: var(--dark) !important;
}

.card-dark-insert>.card-footer {
    border-top: 1px solid rgba(0, 0, 0, .125) !important;
    background-color: var(--white) !important;
}

/* Card inserimento: variante soft di light usando */
.card-light-insert {
    border-top: 3px solid var(--light) !important;
}

.card-light-insert>.card-header {
    background-color: var(--white) !important;
    color: var(--light) !important;
}

.card-light-insert>.card-header .btn-tool {
    color: var(--light) !important;
}

.card-light-insert>.card-title {
    color: var(--light) !important;
}

.card-light-insert>.card-footer {
    border-top: 1px solid rgba(0, 0, 0, .125) !important;
    background-color: var(--white) !important;
}