:root {

/* ---------- COLOR ---------- */
    
    --w-color-text: #2a2b3d;
    --w-color-text-bold:;
    --w-color-text-apici:;
    --w-color-bg: #f1f1f1 ;
    --w-color-1:;
    --w-color-2:;
    --w-color-3:;
    --w-color-hover:;

    --admin-bg: #2a2b3d;
    --admin-bg-2: #252636;
    --admin-bg-3: #313348;
    --admin-bg-4: #6f6486;
    --admin-bg-4-opa: #20c997bf;
    --admin-azione:#00553c;
    
    --w-gray-100: #F3F4F6;
    --w-gray-200: #E5E7EB;
    --w-gray-300: #D1D5DB;
    --w-gray-400: #9CA3AF;
    --w-gray-500: #6B7280;
    --w-gray-600: #4B5563;
    --w-gray-700: #374151;
    --w-gray-800: #1F2937;
    --w-gray-900: #111827;
    --w-hover: #20c997;
    --sup: white;
    --slide-admin-menu: 250px;

    --button-green: #198754;
    --button-blue: #0d6efd;
    --button-yellow: #ffc107;
    --button-orange: #fd7e14;
    --button-red: #dc3545;
    --button-purple: #6f42c1;
    --button-cyano: #00b7ff;

/* ---------- BOX PROPERTY ---------- */

    --m60: 60px !important;
    --m55: 55px !important;
    --m50: 50px !important;
    --m45: 45px !important;
    --m35: 35px !important;
    --m30: 30px !important;
    --m25: 25px !important;
    --m20: 20px !important;
    --m15: 15px !important;
    --m10: 10px !important;
    --m5: 5px !important;
    --m0: 0px !important;
    --mAuto: 0 auto;

    --p60: 60px !important;
    --p55: 55px !important;
    --p50: 50px !important;
    --p45: 45px !important;
    --p40: 40px !important;
    --p35: 35px !important;
    --p30: 30px !important;
    --p25: 25px !important;
    --p20: 20px !important;
    --p15: 15px !important;
    --p10: 10px !important;
    --p5: 5px !important;
    --p0: 0px !important;

    --radio-0: 0px !important;
    --radio-5: 0px !important;
    --radio-8: 8px !important;
    --radio-10: 10px !important;
    --radio-15: 15px !important;
    --radio-20: 20px !important;
    --radio-25: 25px !important;
    --radio-30: 30px !important;
    --radio-35: 35px !important;
    --radio-50p: 50% !important;
    --radio-100p: 100% !important;

    --w-100: 100%;
    --w-90: 90%;
    --w-80: 80%;
    --w-70: 66%;
    --w-20: 20%;
    --w-33: 33%;
    --w-25: 25%;
    --w-30: 30%;
    --w-50: 50%;
    --w-936: 1200px;

    --flex: flex;
    --media-tablet: 900px;
}

@media screen and (max-width: 800px){

:root {
    --w-100: 100% !important;
    --w-90: 100% !important;
    --w-80: 100% !important;
    --w-70: 100% !important;
    --w-20: 100% !important;
    --w-30: 100% !important;
    --w-33: 100% !important;
    --w-25: 100% !important;
    --w-50: 100% !important;
    --w-936: 100% !important;
    --flex: inline-block !important;

}