/* Classi colori */

/* primary */
.tx-primary { color: var(--primary-color) !important; }
.tx-primary-o { color: var(--primary-o-color) !important; }
.bg-primary { background: var(--primary-color) !important; }
.bg-primary-o { background: var(--primary-o-color) !important; }
.bg-primary-0 { background: var(--primary-color-0) !important; }
.bg-primary-o-0 { background: var(--primary-o-color-0) !important; }
.bg-primary-10 { background: var(--primary-color-10) !important; }
.bg-primary-o-10 { background: var(--primary-o-color-10) !important; }
.bg-primary-20 { background: var(--primary-color-20) !important; }
.bg-primary-o-20 { background: var(--primary-o-color-20) !important; }
.bg-primary-30 { background: var(--primary-color-30) !important; }
.bg-primary-o-30 { background: var(--primary-o-color-30) !important; }
.bg-primary-40 { background: var(--primary-color-40) !important; }
.bg-primary-o-40 { background: var(--primary-o-color-40) !important; }
.bg-primary-50 { background: var(--primary-color-50) !important; }
.bg-primary-o-50 { background: var(--primary-o-color-50) !important; }
.bg-primary-60 { background: var(--primary-color-60) !important; }
.bg-primary-o-60 { background: var(--primary-o-color-60) !important; }
.bg-primary-70 { background: var(--primary-color-70) !important; }
.bg-primary-o-70 { background: var(--primary-o-color-70) !important; }
.bg-primary-80 { background: var(--primary-color-80) !important; }
.bg-primary-o-80 { background: var(--primary-o-color-80) !important; }
.bg-primary-90 { background: var(--primary-color-90) !important; }
.bg-primary-o-90 { background: var(--primary-o-color-90) !important; }
.bg-primary-100 { background: var(--primary-color-100) !important; }
.bg-primary-o-100 { background: var(--primary-o-color-100) !important; }

.badge.badge-primary, .btn.btn-primary { border-color: var(--primary-color-100); background: var(--primary-color-100); color: var(--primary-o-color); }
.badge.badge-primary-o, .btn.btn-primary-o { border-color: var(--primary-color); background: var(--primary-color-0); color: var(--primary-color-100); }
.btn.btn-primary:hover { background: var(--primary-color-90); }
.btn.btn-primary-o:hover { background: var(--primary-color-10); }

/* secondary */
.tx-secondary { color: var(--secondary-color) !important; }
.tx-secondary-o { color: var(--secondary-o-color) !important; }
.bg-secondary { background: var(--secondary-color) !important; }
.bg-secondary-o { background: var(--secondary-o-color) !important; }
.bg-secondary-0 { background: var(--secondary-color-0) !important; }
.bg-secondary-o-0 { background: var(--secondary-o-color-0) !important; }
.bg-secondary-10 { background: var(--secondary-color-10) !important; }
.bg-secondary-o-10 { background: var(--secondary-o-color-10) !important; }
.bg-secondary-20 { background: var(--secondary-color-20) !important; }
.bg-secondary-o-20 { background: var(--secondary-o-color-20) !important; }
.bg-secondary-30 { background: var(--secondary-color-30) !important; }
.bg-secondary-o-30 { background: var(--secondary-o-color-30) !important; }
.bg-secondary-40 { background: var(--secondary-color-40) !important; }
.bg-secondary-o-40 { background: var(--secondary-o-color-40) !important; }
.bg-secondary-50 { background: var(--secondary-color-50) !important; }
.bg-secondary-o-50 { background: var(--secondary-o-color-50) !important; }
.bg-secondary-60 { background: var(--secondary-color-60) !important; }
.bg-secondary-o-60 { background: var(--secondary-o-color-60) !important; }
.bg-secondary-70 { background: var(--secondary-color-70) !important; }
.bg-secondary-o-70 { background: var(--secondary-o-color-70) !important; }
.bg-secondary-80 { background: var(--secondary-color-80) !important; }
.bg-secondary-o-80 { background: var(--secondary-o-color-80) !important; }
.bg-secondary-90 { background: var(--secondary-color-90) !important; }
.bg-secondary-o-90 { background: var(--secondary-o-color-90) !important; }
.bg-secondary-100 { background: var(--secondary-color-100) !important; }
.bg-secondary-o-100 { background: var(--secondary-o-color-100) !important; }

.badge.badge-secondary, .btn.btn-secondary { border-color: var(--secondary-color-100); background: var(--secondary-color-100); color: var(--secondary-o-color); }
.badge.badge-secondary-o, .btn.btn-secondary-o { border-color: var(--secondary-color); background: var(--secondary-color-0); color: var(--secondary-color-100); }
.btn.btn-secondary:hover { background: var(--secondary-color-90); }
.btn.btn-secondary-o:hover { background: var(--secondary-color-10); }

/* success */
.tx-success { color: var(--success-color) !important; }
.tx-success-o { color: var(--success-o-color) !important; }
.bg-success { background: var(--success-color) !important; }
.bg-success-o { background: var(--success-o-color) !important; }
.bg-success-0 { background: var(--success-color-0) !important; }
.bg-success-o-0 { background: var(--success-o-color-0) !important; }
.bg-success-10 { background: var(--success-color-10) !important; }
.bg-success-o-10 { background: var(--success-o-color-10) !important; }
.bg-success-20 { background: var(--success-color-20) !important; }
.bg-success-o-20 { background: var(--success-o-color-20) !important; }
.bg-success-30 { background: var(--success-color-30) !important; }
.bg-success-o-30 { background: var(--success-o-color-30) !important; }
.bg-success-40 { background: var(--success-color-40) !important; }
.bg-success-o-40 { background: var(--success-o-color-40) !important; }
.bg-success-50 { background: var(--success-color-50) !important; }
.bg-success-o-50 { background: var(--success-o-color-50) !important; }
.bg-success-60 { background: var(--success-color-60) !important; }
.bg-success-o-60 { background: var(--success-o-color-60) !important; }
.bg-success-70 { background: var(--success-color-70) !important; }
.bg-success-o-70 { background: var(--success-o-color-70) !important; }
.bg-success-80 { background: var(--success-color-80) !important; }
.bg-success-o-80 { background: var(--success-o-color-80) !important; }
.bg-success-90 { background: var(--success-color-90) !important; }
.bg-success-o-90 { background: var(--success-o-color-90) !important; }
.bg-success-100 { background: var(--success-color-100) !important; }
.bg-success-o-100 { background: var(--success-o-color-100) !important; }

.badge.badge-success, .btn.btn-success { border-color: var(--success-color-100); background: var(--success-color-100); color: var(--success-o-color); }
.badge.badge-success-o, .btn.btn-success-o { border-color: var(--success-color); background: var(--success-color-0); color: var(--success-color-100); }
.btn.btn-success:hover { background: var(--success-color-90); }
.btn.btn-success-o:hover { background: var(--success-color-10); }

/* info */
.tx-info { color: var(--info-color) !important; }
.tx-info-o { color: var(--info-o-color) !important; }
.bg-info { background: var(--info-color) !important; }
.bg-info-o { background: var(--info-o-color) !important; }
.bg-info-0 { background: var(--info-color-0) !important; }
.bg-info-o-0 { background: var(--info-o-color-0) !important; }
.bg-info-10 { background: var(--info-color-10) !important; }
.bg-info-o-10 { background: var(--info-o-color-10) !important; }
.bg-info-20 { background: var(--info-color-20) !important; }
.bg-info-o-20 { background: var(--info-o-color-20) !important; }
.bg-info-30 { background: var(--info-color-30) !important; }
.bg-info-o-30 { background: var(--info-o-color-30) !important; }
.bg-info-40 { background: var(--info-color-40) !important; }
.bg-info-o-40 { background: var(--info-o-color-40) !important; }
.bg-info-50 { background: var(--info-color-50) !important; }
.bg-info-o-50 { background: var(--info-o-color-50) !important; }
.bg-info-60 { background: var(--info-color-60) !important; }
.bg-info-o-60 { background: var(--info-o-color-60) !important; }
.bg-info-70 { background: var(--info-color-70) !important; }
.bg-info-o-70 { background: var(--info-o-color-70) !important; }
.bg-info-80 { background: var(--info-color-80) !important; }
.bg-info-o-80 { background: var(--info-o-color-80) !important; }
.bg-info-90 { background: var(--info-color-90) !important; }
.bg-info-o-90 { background: var(--info-o-color-90) !important; }
.bg-info-100 { background: var(--info-color-100) !important; }
.bg-info-o-100 { background: var(--info-o-color-100) !important; }

.badge.badge-info, .btn.btn-info { border-color: var(--info-color-100); background: var(--info-color-100); color: var(--info-o-color); }
.badge.badge-info-o, .btn.btn-info-o { border-color: var(--info-color); background: var(--info-color-0); color: var(--info-color-100); }
.btn.btn-info:hover { background: var(--info-color-90); }
.btn.btn-info-o:hover { background: var(--info-color-10); }

/* danger */
.tx-danger { color: var(--danger-color) !important; }
.tx-danger-o { color: var(--danger-o-color) !important; }
.bg-danger { background: var(--danger-color) !important; }
.bg-danger-o { background: var(--danger-o-color) !important; }
.bg-danger-0 { background: var(--danger-color-0) !important; }
.bg-danger-o-0 { background: var(--danger-o-color-0) !important; }
.bg-danger-10 { background: var(--danger-color-10) !important; }
.bg-danger-o-10 { background: var(--danger-o-color-10) !important; }
.bg-danger-20 { background: var(--danger-color-20) !important; }
.bg-danger-o-20 { background: var(--danger-o-color-20) !important; }
.bg-danger-30 { background: var(--danger-color-30) !important; }
.bg-danger-o-30 { background: var(--danger-o-color-30) !important; }
.bg-danger-40 { background: var(--danger-color-40) !important; }
.bg-danger-o-40 { background: var(--danger-o-color-40) !important; }
.bg-danger-50 { background: var(--danger-color-50) !important; }
.bg-danger-o-50 { background: var(--danger-o-color-50) !important; }
.bg-danger-60 { background: var(--danger-color-60) !important; }
.bg-danger-o-60 { background: var(--danger-o-color-60) !important; }
.bg-danger-70 { background: var(--danger-color-70) !important; }
.bg-danger-o-70 { background: var(--danger-o-color-70) !important; }
.bg-danger-80 { background: var(--danger-color-80) !important; }
.bg-danger-o-80 { background: var(--danger-o-color-80) !important; }
.bg-danger-90 { background: var(--danger-color-90) !important; }
.bg-danger-o-90 { background: var(--danger-o-color-90) !important; }
.bg-danger-100 { background: var(--danger-color-100) !important; }
.bg-danger-o-100 { background: var(--danger-o-color-100) !important; }

.badge.badge-danger, .btn.btn-danger { border-color: var(--danger-color-100); background: var(--danger-color-100); color: var(--danger-o-color); }
.badge.badge-danger-o, .btn.btn-danger-o { border-color: var(--danger-color); background: var(--danger-color-0); color: var(--danger-color-100); }
.btn.btn-danger:hover { background: var(--danger-color-90); }
.btn.btn-danger-o:hover { background: var(--danger-color-10); }

/* dark */
.tx-dark { color: var(--dark-color) !important; }
.tx-dark-o { color: var(--dark-o-color) !important; }
.bg-dark { background: var(--dark-color) !important; }
.bg-dark-o { background: var(--dark-o-color) !important; }
.bg-dark-0 { background: var(--dark-color-0) !important; }
.bg-dark-o-0 { background: var(--dark-o-color-0) !important; }
.bg-dark-10 { background: var(--dark-color-10) !important; }
.bg-dark-o-10 { background: var(--dark-o-color-10) !important; }
.bg-dark-20 { background: var(--dark-color-20) !important; }
.bg-dark-o-20 { background: var(--dark-o-color-20) !important; }
.bg-dark-30 { background: var(--dark-color-30) !important; }
.bg-dark-o-30 { background: var(--dark-o-color-30) !important; }
.bg-dark-40 { background: var(--dark-color-40) !important; }
.bg-dark-o-40 { background: var(--dark-o-color-40) !important; }
.bg-dark-50 { background: var(--dark-color-50) !important; }
.bg-dark-o-50 { background: var(--dark-o-color-50) !important; }
.bg-dark-60 { background: var(--dark-color-60) !important; }
.bg-dark-o-60 { background: var(--dark-o-color-60) !important; }
.bg-dark-70 { background: var(--dark-color-70) !important; }
.bg-dark-o-70 { background: var(--dark-o-color-70) !important; }
.bg-dark-80 { background: var(--dark-color-80) !important; }
.bg-dark-o-80 { background: var(--dark-o-color-80) !important; }
.bg-dark-90 { background: var(--dark-color-90) !important; }
.bg-dark-o-90 { background: var(--dark-o-color-90) !important; }
.bg-dark-100 { background: var(--dark-color-100) !important; }
.bg-dark-o-100 { background: var(--dark-o-color-100) !important; }

.badge.badge-dark, .btn.btn-dark { border-color: var(--dark-color-100); background: var(--dark-color-100); color: var(--dark-o-color); }
.badge.badge-dark-o, .btn.btn-dark-o { border-color: var(--dark-color); background: var(--dark-color-0); color: var(--dark-color-100); }
.btn.btn-dark:hover { background: var(--dark-color-90); }
.btn.btn-dark-o:hover { background: var(--dark-color-10); }

/* light */
.tx-light { color: var(--light-color) !important; }
.tx-light-o { color: var(--light-o-color) !important; }
.bg-light { background: var(--light-color) !important; }
.bg-light-o { background: var(--light-o-color) !important; }
.bg-light-0 { background: var(--light-color-0) !important; }
.bg-light-o-0 { background: var(--light-o-color-0) !important; }
.bg-light-10 { background: var(--light-color-10) !important; }
.bg-light-o-10 { background: var(--light-o-color-10) !important; }
.bg-light-20 { background: var(--light-color-20) !important; }
.bg-light-o-20 { background: var(--light-o-color-20) !important; }
.bg-light-30 { background: var(--light-color-30) !important; }
.bg-light-o-30 { background: var(--light-o-color-30) !important; }
.bg-light-40 { background: var(--light-color-40) !important; }
.bg-light-o-40 { background: var(--light-o-color-40) !important; }
.bg-light-50 { background: var(--light-color-50) !important; }
.bg-light-o-50 { background: var(--light-o-color-50) !important; }
.bg-light-60 { background: var(--light-color-60) !important; }
.bg-light-o-60 { background: var(--light-o-color-60) !important; }
.bg-light-70 { background: var(--light-color-70) !important; }
.bg-light-o-70 { background: var(--light-o-color-70) !important; }
.bg-light-80 { background: var(--light-color-80) !important; }
.bg-light-o-80 { background: var(--light-o-color-80) !important; }
.bg-light-90 { background: var(--light-color-90) !important; }
.bg-light-o-90 { background: var(--light-o-color-90) !important; }
.bg-light-100 { background: var(--light-color-100) !important; }
.bg-light-o-100 { background: var(--light-o-color-100) !important; }

.badge.badge-light, .btn.btn-light { border-color: var(--light-color-100); background: var(--light-color-100); color: var(--light-o-color); }
.badge.badge-light-o, .btn.btn-light-o { border-color: var(--light-color); background: var(--light-color-0); color: var(--light-color-100); }
.btn.btn-light:hover { background: var(--light-color-90); }
.btn.btn-light-o:hover { background: var(--light-color-10); }

/* gray */
.tx-gray { color: var(--gray-color) !important; }
.tx-gray-o { color: var(--gray-o-color) !important; }
.bg-gray { background: var(--gray-color) !important; }
.bg-gray-o { background: var(--gray-o-color) !important; }
.bg-gray-0 { background: var(--gray-color-0) !important; }
.bg-gray-o-0 { background: var(--gray-o-color-0) !important; }
.bg-gray-10 { background: var(--gray-color-10) !important; }
.bg-gray-o-10 { background: var(--gray-o-color-10) !important; }
.bg-gray-20 { background: var(--gray-color-20) !important; }
.bg-gray-o-20 { background: var(--gray-o-color-20) !important; }
.bg-gray-30 { background: var(--gray-color-30) !important; }
.bg-gray-o-30 { background: var(--gray-o-color-30) !important; }
.bg-gray-40 { background: var(--gray-color-40) !important; }
.bg-gray-o-40 { background: var(--gray-o-color-40) !important; }
.bg-gray-50 { background: var(--gray-color-50) !important; }
.bg-gray-o-50 { background: var(--gray-o-color-50) !important; }
.bg-gray-60 { background: var(--gray-color-60) !important; }
.bg-gray-o-60 { background: var(--gray-o-color-60) !important; }
.bg-gray-70 { background: var(--gray-color-70) !important; }
.bg-gray-o-70 { background: var(--gray-o-color-70) !important; }
.bg-gray-80 { background: var(--gray-color-80) !important; }
.bg-gray-o-80 { background: var(--gray-o-color-80) !important; }
.bg-gray-90 { background: var(--gray-color-90) !important; }
.bg-gray-o-90 { background: var(--gray-o-color-90) !important; }
.bg-gray-100 { background: var(--gray-color-100) !important; }
.bg-gray-o-100 { background: var(--gray-o-color-100) !important; }

.badge.badge-gray, .btn.btn-gray { border-color: var(--gray-color-100); background: var(--gray-color-100); color: var(--gray-o-color); }
.badge.badge-gray-o, .btn.btn-gray-o { border-color: var(--gray-color); background: var(--gray-color-0); color: var(--gray-color-100); }
.btn.btn-gray:hover { background: var(--gray-color-90); }
.btn.btn-gray-o:hover { background: var(--gray-color-10); }

/* black */
.tx-black { color: var(--black-color) !important; }
.tx-black-o { color: var(--black-o-color) !important; }
.bg-black { background: var(--black-color) !important; }
.bg-black-o { background: var(--black-o-color) !important; }
.bg-black-0 { background: var(--black-color-0) !important; }
.bg-black-o-0 { background: var(--black-o-color-0) !important; }
.bg-black-10 { background: var(--black-color-10) !important; }
.bg-black-o-10 { background: var(--black-o-color-10) !important; }
.bg-black-20 { background: var(--black-color-20) !important; }
.bg-black-o-20 { background: var(--black-o-color-20) !important; }
.bg-black-30 { background: var(--black-color-30) !important; }
.bg-black-o-30 { background: var(--black-o-color-30) !important; }
.bg-black-40 { background: var(--black-color-40) !important; }
.bg-black-o-40 { background: var(--black-o-color-40) !important; }
.bg-black-50 { background: var(--black-color-50) !important; }
.bg-black-o-50 { background: var(--black-o-color-50) !important; }
.bg-black-60 { background: var(--black-color-60) !important; }
.bg-black-o-60 { background: var(--black-o-color-60) !important; }
.bg-black-70 { background: var(--black-color-70) !important; }
.bg-black-o-70 { background: var(--black-o-color-70) !important; }
.bg-black-80 { background: var(--black-color-80) !important; }
.bg-black-o-80 { background: var(--black-o-color-80) !important; }
.bg-black-90 { background: var(--black-color-90) !important; }
.bg-black-o-90 { background: var(--black-o-color-90) !important; }
.bg-black-100 { background: var(--black-color-100) !important; }
.bg-black-o-100 { background: var(--black-o-color-100) !important; }

.badge.badge-black, .btn.btn-black { border-color: var(--black-color-100); background: var(--black-color-100); color: var(--black-o-color); }
.badge.badge-black-o, .btn.btn-black-o { border-color: var(--black-color); background: var(--black-color-0); color: var(--black-color-100); }
.btn.btn-black:hover { background: var(--black-color-90); }
.btn.btn-black-o:hover { background: var(--black-color-10); }

/* white */
.tx-white { color: var(--white-color) !important; }
.tx-white-o { color: var(--white-o-color) !important; }
.bg-white { background: var(--white-color) !important; }
.bg-white-o { background: var(--white-o-color) !important; }
.bg-white-0 { background: var(--white-color-0) !important; }
.bg-white-o-0 { background: var(--white-o-color-0) !important; }
.bg-white-10 { background: var(--white-color-10) !important; }
.bg-white-o-10 { background: var(--white-o-color-10) !important; }
.bg-white-20 { background: var(--white-color-20) !important; }
.bg-white-o-20 { background: var(--white-o-color-20) !important; }
.bg-white-30 { background: var(--white-color-30) !important; }
.bg-white-o-30 { background: var(--white-o-color-30) !important; }
.bg-white-40 { background: var(--white-color-40) !important; }
.bg-white-o-40 { background: var(--white-o-color-40) !important; }
.bg-white-50 { background: var(--white-color-50) !important; }
.bg-white-o-50 { background: var(--white-o-color-50) !important; }
.bg-white-60 { background: var(--white-color-60) !important; }
.bg-white-o-60 { background: var(--white-o-color-60) !important; }
.bg-white-70 { background: var(--white-color-70) !important; }
.bg-white-o-70 { background: var(--white-o-color-70) !important; }
.bg-white-80 { background: var(--white-color-80) !important; }
.bg-white-o-80 { background: var(--white-o-color-80) !important; }
.bg-white-90 { background: var(--white-color-90) !important; }
.bg-white-o-90 { background: var(--white-o-color-90) !important; }
.bg-white-100 { background: var(--white-color-100) !important; }
.bg-white-o-100 { background: var(--white-o-color-100) !important; }

.badge.badge-white, .btn.btn-white { border-color: var(--white-color-100); background: var(--white-color-100); color: var(--white-o-color); }
.badge.badge-white-o, .btn.btn-white-o { border-color: var(--white-color); background: var(--white-color-0); color: var(--white-color-100); }
.btn.btn-white:hover { background: var(--white-color-90); }
.btn.btn-white-o:hover { background: var(--white-color-10); }