.paito-full-wrapper { font-family: 'Oswald', sans-serif; }
    @media (max-width: 767px) {
        html, body, .container, .container-fluid, .paito-full-wrapper, .paito-main-container {
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            width: 100% !important;
            max-width: 100% !important;
        }
        
        #drawing-table {
            width: 100% !important;
            table-layout: auto !important;
            border-left: none !important;
            border-right: none !important;
        }

        #drawing-table td {
            font-size: 14px !important;
            height: 16px !important;
        }

        #drawing-table thead th {
            font-size: 12px !important;
        }
        .table-responsive {
            margin: 0 !important;
            padding: 0 !important;
            overflow-x: auto; 
            border: none !important;
            -webkit-overflow-scrolling: touch;
        }
    }
    .colormenu { 
        background: #d9d9d9; width: 100%; height: 40px; 
        display: flex; align-items: stretch; margin-bottom: 10px; 
        transition: 0.3s; z-index: 1000; border: 1px solid #d9d9d9;
    }
    .colormenu.fixed { 
        position: fixed !important; top: 0; left: 0; right: 0;
        width: 100% !important; box-shadow: 0 4px 15px rgba(0,0,0,0.5); 
    }
    #btnResetColor { background: #333; color: #fff; border: none; width: 15%; cursor: pointer; font-size: 10px; font-weight: bold; text-transform: uppercase; }
    #color-selector { width: 85%; display: flex; margin: 0; padding: 0; list-style: none; height: 100%; }
    #color-selector .color { flex: 1; cursor: pointer; border: 1px solid rgba(0,0,0,0.1); height: 100%; }
    #color-selector .selected { outline: 3px solid #000; outline-offset: -3px; z-index: 2; }
    #drawing-table { background: #fff; width: 100%; border-collapse: collapse; color: #000; table-layout: fixed; }
    #drawing-table thead th { background: #9C1512 !important; color: #fff; font-size: 11px; padding: 5px 0; border: 1px solid #fff; text-align: center; }
    #drawing-table td { border: 1px solid #d9d9d9; text-align: center; font-weight: bold; height: 32px; cursor: pointer; font-size: 14px; padding: 0; }
    .asu { font-weight: bold; }
    .asux { background: #fff !important; color: #d7d1d1 !important; font-weight: 400; }
    #paito-body tr:nth-child(5n+1) { background-color: #e8e4e7 !important; }
    .e1,.e2,.e3,.e4,.e5,.e6,.e7,.e8,.e9,.e0 { background-color: #ff4d4d !important; color: #fff !important; }
    .k1,.k2,.k3,.k4,.k5,.k6,.k7,.k8,.k9,.k0 { background-color: green !important; color: #fff !important; }
    .c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c0 { background-color: blue !important; color: #fff !important; }
    .a1,.a2,.a3,.a4,.a5,.a6,.a7,.a8,.a9,.a0 { background-color: orange !important; color: #fff !important; }