/* _content/Income_Dot_Net_6/Pages/Company.razor.rz.scp.css */
.panel[b-sw0ji4ptly] {
    padding: 0;
    border: none;
    box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .12);
}

    .panel .panel-heading[b-sw0ji4ptly] {
        background: #fff;
        padding: 25px 25px 10px;
        border-radius: 0;
    }

        .panel .panel-heading .title[b-sw0ji4ptly] {
            color: #32393f;
            font-size: 28px;
            font-weight: 400;
            line-height: 30px;
            text-transform: capitalize;
            margin: 0;
        }

        .panel .panel-heading .btn[b-sw0ji4ptly] {
            font-size: 15px;
            padding: 6px 15px;
            border-radius: 50px;
            border: none;
            transition: all 0.3s ease 0s;
        }

            .panel .panel-heading .btn:hover[b-sw0ji4ptly] {
                box-shadow: 0 0 10px rgba(0,0,0,0.2);
            }

    .panel .panel-body[b-sw0ji4ptly] {
        border-radius: 0;
    }

        .panel .panel-body .table thead tr th[b-sw0ji4ptly] {
            color: #333;
            font-size: 19px;
            font-weight: 400;
            padding: 12px;
        }

            .panel .panel-body .table thead tr th:last-child[b-sw0ji4ptly] {
                width: 120px;
            }

        .panel .panel-body .table tbody tr td[b-sw0ji4ptly] {
            color: #555;
            background: #fff;
            font-size: 15px;
            font-weight: 500;
            padding: 10px;
            vertical-align: middle;
            border-color: #e7e7e7;
        }

        .panel .panel-body .table .user_icon[b-sw0ji4ptly] {
            width: 50px;
            height: 50px;
            margin: 0 5px 0 0;
            border-radius: 100px;
            display: inline-block;
        }

            .panel .panel-body .table .user_icon img[b-sw0ji4ptly] {
                width: 100%;
                height: auto;
                border-radius: 50%;
            }

        .panel .panel-body .table tbody td span.label[b-sw0ji4ptly] {
            font-size: 13px;
        }

        .panel .panel-body .table tbody .action-list[b-sw0ji4ptly] {
            padding: 0;
            margin: 0;
            list-style: none;
        }

            .panel .panel-body .table tbody .action-list li[b-sw0ji4ptly] {
                margin: 0 3px;
                display: inline-block;
            }

                .panel .panel-body .table tbody .action-list li a[b-sw0ji4ptly] {
                    color: #f41127;
                    background-color: rgb(244 17 39 / 0.11);
                    font-size: 18px;
                    border: none;
                    transition: all 0.3s ease;
                }

                .panel .panel-body .table tbody .action-list li:last-child a[b-sw0ji4ptly] {
                    color: #0d6efd;
                    background-color: rgb(13 110 253 / 0.11);
                }

                .panel .panel-body .table tbody .action-list li a:hover[b-sw0ji4ptly] {
                    box-shadow: 0 0 5px rgba(0,0,0,0.3);
                }

    .panel .panel-footer[b-sw0ji4ptly] {
        background-color: #fff;
        padding: 10px 25px 25px;
        border: none;
    }

.pagination[b-sw0ji4ptly] {
    margin: 0;
}

    .pagination li a[b-sw0ji4ptly] {
        color: #999;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        line-height: 32px;
        width: 30px;
        height: 30px;
        padding: 0;
        margin: 0 2px;
        border-radius: 30px;
        border: none;
        transition: all 0.3s ease 0s;
    }

        .pagination li a:hover[b-sw0ji4ptly],
        .pagination li a:focus[b-sw0ji4ptly],
        .pagination li.active a[b-sw0ji4ptly] {
            color: #fff;
            background-color: #286090;
        }

    .pagination li:first-child a[b-sw0ji4ptly],
    .pagination li:last-child a[b-sw0ji4ptly] {
        border-radius: 50%;
    }

.right[b-sw0ji4ptly] {
    text-align: right;
    float: right;
}

.hidetext[b-sw0ji4ptly] {
    -webkit-text-security: circle;
}

@media only screen and (max-width:767px) {
    .panel .panel-heading[b-sw0ji4ptly] {
        text-align: center;
    }

        .panel .panel-heading .title[b-sw0ji4ptly] {
            margin: 0 0 15px;
        }

        .panel .panel-heading .text-right[b-sw0ji4ptly] {
            text-align: center;
        }
}
/* _content/Income_Dot_Net_6/Pages/Dashboard.razor.rz.scp.css */
/* _content/Income_Dot_Net_6/Pages/Income.razor.rz.scp.css */
.panel[b-y7kh7x0kvn] {
    padding: 0;
    border: none;
    box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .12);
}

    .panel .panel-heading[b-y7kh7x0kvn] {
        background: #fff;
        padding: 25px 25px 10px;
        border-radius: 0;
    }

        .panel .panel-heading .title[b-y7kh7x0kvn] {
            color: #32393f;
            font-size: 28px;
            font-weight: 400;
            line-height: 30px;
            text-transform: capitalize;
            margin: 0;
        }

        .panel .panel-heading .btn[b-y7kh7x0kvn] {
            font-size: 15px;
            padding: 6px 15px;
            border-radius: 50px;
            border: none;
            transition: all 0.3s ease 0s;
        }

            .panel .panel-heading .btn:hover[b-y7kh7x0kvn] {
                box-shadow: 0 0 10px rgba(0,0,0,0.2);
            }

    .panel .panel-body[b-y7kh7x0kvn] {
        border-radius: 0;
    }

        .panel .panel-body .table thead tr th[b-y7kh7x0kvn] {
            color: #333;
            font-size: 19px;
            font-weight: 400;
            padding: 12px;
        }

            .panel .panel-body .table thead tr th:last-child[b-y7kh7x0kvn] {
                width: 120px;
            }

        .panel .panel-body .table tbody tr td[b-y7kh7x0kvn] {
            color: #555;
            background: #fff;
            font-size: 15px;
            font-weight: 500;
            padding: 10px;
            vertical-align: middle;
            border-color: #e7e7e7;
        }

        .panel .panel-body .table .user_icon[b-y7kh7x0kvn] {
            width: 50px;
            height: 50px;
            margin: 0 5px 0 0;
            border-radius: 100px;
            display: inline-block;
        }

            .panel .panel-body .table .user_icon img[b-y7kh7x0kvn] {
                width: 100%;
                height: auto;
                border-radius: 50%;
            }

        .panel .panel-body .table tbody td span.label[b-y7kh7x0kvn] {
            font-size: 13px;
        }

        .panel .panel-body .table tbody .action-list[b-y7kh7x0kvn] {
            padding: 0;
            margin: 0;
            list-style: none;
        }

            .panel .panel-body .table tbody .action-list li[b-y7kh7x0kvn] {
                margin: 0 3px;
                display: inline-block;
            }

                .panel .panel-body .table tbody .action-list li a[b-y7kh7x0kvn] {
                    color: #f41127;
                    background-color: rgb(244 17 39 / 0.11);
                    font-size: 18px;
                    border: none;
                    transition: all 0.3s ease;
                }

                .panel .panel-body .table tbody .action-list li:last-child a[b-y7kh7x0kvn] {
                    color: #0d6efd;
                    background-color: rgb(13 110 253 / 0.11);
                }

                .panel .panel-body .table tbody .action-list li a:hover[b-y7kh7x0kvn] {
                    box-shadow: 0 0 5px rgba(0,0,0,0.3);
                }

    .panel .panel-footer[b-y7kh7x0kvn] {
        background-color: #fff;
        padding: 10px 25px 25px;
        border: none;
    }

.pagination[b-y7kh7x0kvn] {
    margin: 0;
}

    .pagination li a[b-y7kh7x0kvn] {
        color: #999;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        line-height: 32px;
        width: 30px;
        height: 30px;
        padding: 0;
        margin: 0 2px;
        border-radius: 30px;
        border: none;
        transition: all 0.3s ease 0s;
    }

        .pagination li a:hover[b-y7kh7x0kvn],
        .pagination li a:focus[b-y7kh7x0kvn],
        .pagination li.active a[b-y7kh7x0kvn] {
            color: #fff;
            background-color: #286090;
        }

    .pagination li:first-child a[b-y7kh7x0kvn],
    .pagination li:last-child a[b-y7kh7x0kvn] {
        border-radius: 50%;
    }

.right[b-y7kh7x0kvn] {
    text-align: right;
    float: right;
}

.hidetext[b-y7kh7x0kvn] {
    -webkit-text-security: circle;
}

@media only screen and (max-width:767px) {
    .panel .panel-heading[b-y7kh7x0kvn] {
        text-align: center;
    }

        .panel .panel-heading .title[b-y7kh7x0kvn] {
            margin: 0 0 15px;
        }

        .panel .panel-heading .text-right[b-y7kh7x0kvn] {
            text-align: center;
        }
}
/* _content/Income_Dot_Net_6/Pages/Income_Add.razor.rz.scp.css */
body[b-4ehqp1iado] {
    width: 230mm;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    font-family: 'Phetsarath OT';
    font-size: 12pt;
    background: rgb(204,204,204); 
  }
  *[b-4ehqp1iado] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  .main-page[b-4ehqp1iado] {
    width: 210mm;
    min-height: 297mm;
    margin: 10mm auto;
    background: white;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
  }
  .sub-page[b-4ehqp1iado] {
    padding: 1cm;
    height: 297mm;
  }
  @page {
    size: A4;
    margin: 0;
  }
  @media print {
    html[b-4ehqp1iado], body[b-4ehqp1iado] {
      width: 210mm;
      height: 297mm;        
    }
    .main-page[b-4ehqp1iado] {
      margin: 0;
      border: initial;
      border-radius: initial;
      width: initial;
      min-height: initial;
      box-shadow: initial;
      background: initial;
      page-break-after: always;
    }
    .seeprint[b-4ehqp1iado]
    {
        display:none;
    }
    .table_display_data[b-4ehqp1iado]
   {  
       overflow-x: auto!important;
       /* overflow: auto!important; */
       white-space: nowrap!important; 
   }
   .x10[b-4ehqp1iado]
   {
       font-size:10px !important;
   }
   .x11[b-4ehqp1iado]
   {
       font-size:12px !important;
   }

   .x12[b-4ehqp1iado]
   {
       font-size:12px !important;
   }

   .x13[b-4ehqp1iado]
   {
       font-size:13px !important;
   }

   .x14[b-4ehqp1iado]
   {
       font-size:14px !important;
   }

   .xbold[b-4ehqp1iado]
   {
       font-weight:bold;
   }
   .out-plate[b-4ehqp1iado]
   {
       
       background: #ffffff;
       border-radius:5px;
       padding:8px;
       -webkit-user-select: none; /* Chrome, Safari */
       -moz-user-select: none; /* Firefox */
       -ms-user-select: none; /* Internet Explorer */
       user-select: none; /* Standard syntax */
       cursor:pointer;
   }

   .plate[b-4ehqp1iado]
   {
       border:solid black 1px;
       border-radius:5px;
       padding: 3px;
       position:inline;
       background: #f3ca00; 
   }

   .tablex[b-4ehqp1iado] {
       border-collapse: collapse;
   }

   .td[b-4ehqp1iado] {
       border: 1px solid black;
   } 

   .print[b-4ehqp1iado]
   {
       magin-top:-1550px!important;
       font-family: phetsarath,"Times New Roman", Times, serif!important;
           padding-left:30px!important;
           padding-right:30px!important;
   }
       .h[b-4ehqp1iado]
       {
           font-family: phetsarath,roboto!important;
       }

       .sub_td[b-4ehqp1iado]
       {
           text-align: center!important;
           line-height: 20px!important;
       }
       .sub-line[b-4ehqp1iado]
       {
           margin-top:-20px!important; 
       }
   @media print {

       .seeprint[b-4ehqp1iado]
       {
           display:block;
       }
       .noprint[b-4ehqp1iado] {
           display: none;
       }

       .tablex[b-4ehqp1iado] {
           border: 0.90px solid black;
       }
       .print[b-4ehqp1iado]
       {
           magin-top:-1550px!important;
           padding-left:25px!important;
           padding-right:25px!important;
           font-family: phetsarath,"Times New Roman", Times, serif!important;
       }

       p[b-4ehqp1iado] {
           line-height:  1.5;
           margin:0px
       }

       .sub-line[b-4ehqp1iado]
       {
           margin-top:-20px!important; 
       }

       .x10[b-4ehqp1iado]
       {
           font-size:11px !important;
       }
       .x11[b-4ehqp1iado]
       {
           font-size:14px !important;
       }

       .x12[b-4ehqp1iado]
       {
           font-size:12px !important;
       }

       .x13[b-4ehqp1iado]
       {
           font-size:17px !important;
       }

       .x14[b-4ehqp1iado]
       {
           font-size:14px !important;
       }
       .h[b-4ehqp1iado]
       {
           font-family: phetsarath,roboto!important;
           font-weight:bold;
       }
       .sub_td[b-4ehqp1iado]
       {
           text-align: center!important;
           line-height: 20px!important;
       }
       .red[b-4ehqp1iado]
       {
           color:red;
       }
   }  
   p[b-4ehqp1iado] {
       line-height:  1.5;
       margin:0px;
   }

   .head_border[b-4ehqp1iado]
   {
       border:solid 1.5px black;
       border-radius:5px;
       padding: 5px 15px 5px 15px;
       margin-bottom:10px;
   }
  }
/* _content/Income_Dot_Net_6/Pages/Income_List.razor.rz.scp.css */
/* _content/Income_Dot_Net_6/Pages/Income_Type.razor.rz.scp.css */
.panel[b-1e2czq0h6k] {
    padding: 0;
    border: none;
    box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .12);
}

    .panel .panel-heading[b-1e2czq0h6k] {
        background: #fff;
        padding: 25px 25px 10px;
        border-radius: 0;
    }

        .panel .panel-heading .title[b-1e2czq0h6k] {
            color: #32393f;
            font-size: 28px;
            font-weight: 400;
            line-height: 30px;
            text-transform: capitalize;
            margin: 0;
        }

        .panel .panel-heading .btn[b-1e2czq0h6k] {
            font-size: 15px;
            padding: 6px 15px;
            border-radius: 50px;
            border: none;
            transition: all 0.3s ease 0s;
        }

            .panel .panel-heading .btn:hover[b-1e2czq0h6k] {
                box-shadow: 0 0 10px rgba(0,0,0,0.2);
            }

    .panel .panel-body[b-1e2czq0h6k] {
        border-radius: 0;
    }

        .panel .panel-body .table thead tr th[b-1e2czq0h6k] {
            color: #333;
            font-size: 19px;
            font-weight: 400;
            padding: 12px;
        }

            .panel .panel-body .table thead tr th:last-child[b-1e2czq0h6k] {
                width: 120px;
            }

        .panel .panel-body .table tbody tr td[b-1e2czq0h6k] {
            color: #555;
            background: #fff;
            font-size: 15px;
            font-weight: 500;
            padding: 10px;
            vertical-align: middle;
            border-color: #e7e7e7;
        }

        .panel .panel-body .table .user_icon[b-1e2czq0h6k] {
            width: 50px;
            height: 50px;
            margin: 0 5px 0 0;
            border-radius: 100px;
            display: inline-block;
        }

            .panel .panel-body .table .user_icon img[b-1e2czq0h6k] {
                width: 100%;
                height: auto;
                border-radius: 50%;
            }

        .panel .panel-body .table tbody td span.label[b-1e2czq0h6k] {
            font-size: 13px;
        }

        .panel .panel-body .table tbody .action-list[b-1e2czq0h6k] {
            padding: 0;
            margin: 0;
            list-style: none;
        }

            .panel .panel-body .table tbody .action-list li[b-1e2czq0h6k] {
                margin: 0 3px;
                display: inline-block;
            }

                .panel .panel-body .table tbody .action-list li a[b-1e2czq0h6k] {
                    color: #f41127;
                    background-color: rgb(244 17 39 / 0.11);
                    font-size: 18px;
                    border: none;
                    transition: all 0.3s ease;
                }

                .panel .panel-body .table tbody .action-list li:last-child a[b-1e2czq0h6k] {
                    color: #0d6efd;
                    background-color: rgb(13 110 253 / 0.11);
                }

                .panel .panel-body .table tbody .action-list li a:hover[b-1e2czq0h6k] {
                    box-shadow: 0 0 5px rgba(0,0,0,0.3);
                }

    .panel .panel-footer[b-1e2czq0h6k] {
        background-color: #fff;
        padding: 10px 25px 25px;
        border: none;
    }

.pagination[b-1e2czq0h6k] {
    margin: 0;
}

    .pagination li a[b-1e2czq0h6k] {
        color: #999;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        line-height: 32px;
        width: 30px;
        height: 30px;
        padding: 0;
        margin: 0 2px;
        border-radius: 30px;
        border: none;
        transition: all 0.3s ease 0s;
    }

        .pagination li a:hover[b-1e2czq0h6k],
        .pagination li a:focus[b-1e2czq0h6k],
        .pagination li.active a[b-1e2czq0h6k] {
            color: #fff;
            background-color: #286090;
        }

    .pagination li:first-child a[b-1e2czq0h6k],
    .pagination li:last-child a[b-1e2czq0h6k] {
        border-radius: 50%;
    }

.right[b-1e2czq0h6k] {
    text-align: right;
    float: right;
}

.hidetext[b-1e2czq0h6k] {
    -webkit-text-security: circle;
}

@media only screen and (max-width:767px) {
    .panel .panel-heading[b-1e2czq0h6k] {
        text-align: center;
    }

        .panel .panel-heading .title[b-1e2czq0h6k] {
            margin: 0 0 15px;
        }

        .panel .panel-heading .text-right[b-1e2czq0h6k] {
            text-align: center;
        }
}
/* _content/Income_Dot_Net_6/Pages/Report.razor.rz.scp.css */
.panel[b-d5a5gr07py] {
    padding: 0;
    border: none;
    box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .12);
}

    .panel .panel-heading[b-d5a5gr07py] {
        background: #fff;
        padding: 25px 25px 10px;
        border-radius: 0;
    }

        .panel .panel-heading .title[b-d5a5gr07py] {
            color: #32393f;
            font-size: 28px;
            font-weight: 400;
            line-height: 30px;
            text-transform: capitalize;
            margin: 0;
        }

        .panel .panel-heading .btn[b-d5a5gr07py] {
            font-size: 15px;
            padding: 6px 15px;
            border-radius: 50px;
            border: none;
            transition: all 0.3s ease 0s;
        }

            .panel .panel-heading .btn:hover[b-d5a5gr07py] {
                box-shadow: 0 0 10px rgba(0,0,0,0.2);
            }

    .panel .panel-body[b-d5a5gr07py] {
        border-radius: 0;
    }

        .panel .panel-body .table thead tr th[b-d5a5gr07py] {
            color: #333;
            font-size: 19px;
            font-weight: 400;
            padding: 12px;
        }

            .panel .panel-body .table thead tr th:last-child[b-d5a5gr07py] {
                width: 120px;
            }

        .panel .panel-body .table tbody tr td[b-d5a5gr07py] {
            color: #555;
            background: #fff;
            font-size: 15px;
            font-weight: 500;
            padding: 10px;
            vertical-align: middle;
            border-color: #e7e7e7;
        }

        .panel .panel-body .table .user_icon[b-d5a5gr07py] {
            width: 50px;
            height: 50px;
            margin: 0 5px 0 0;
            border-radius: 100px;
            display: inline-block;
        }

            .panel .panel-body .table .user_icon img[b-d5a5gr07py] {
                width: 100%;
                height: auto;
                border-radius: 50%;
            }

        .panel .panel-body .table tbody td span.label[b-d5a5gr07py] {
            font-size: 13px;
        }

        .panel .panel-body .table tbody .action-list[b-d5a5gr07py] {
            padding: 0;
            margin: 0;
            list-style: none;
        }

            .panel .panel-body .table tbody .action-list li[b-d5a5gr07py] {
                margin: 0 3px;
                display: inline-block;
            }

                .panel .panel-body .table tbody .action-list li a[b-d5a5gr07py] {
                    color: #f41127;
                    background-color: rgb(244 17 39 / 0.11);
                    font-size: 18px;
                    border: none;
                    transition: all 0.3s ease;
                }

                .panel .panel-body .table tbody .action-list li:last-child a[b-d5a5gr07py] {
                    color: #0d6efd;
                    background-color: rgb(13 110 253 / 0.11);
                }

                .panel .panel-body .table tbody .action-list li a:hover[b-d5a5gr07py] {
                    box-shadow: 0 0 5px rgba(0,0,0,0.3);
                }

    .panel .panel-footer[b-d5a5gr07py] {
        background-color: #fff;
        padding: 10px 25px 25px;
        border: none;
    }

.pagination[b-d5a5gr07py] {
    margin: 0;
}

    .pagination li a[b-d5a5gr07py] {
        color: #999;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        line-height: 32px;
        width: 30px;
        height: 30px;
        padding: 0;
        margin: 0 2px;
        border-radius: 30px;
        border: none;
        transition: all 0.3s ease 0s;
    }

        .pagination li a:hover[b-d5a5gr07py],
        .pagination li a:focus[b-d5a5gr07py],
        .pagination li.active a[b-d5a5gr07py] {
            color: #fff;
            background-color: #286090;
        }

    .pagination li:first-child a[b-d5a5gr07py],
    .pagination li:last-child a[b-d5a5gr07py] {
        border-radius: 50%;
    }

.right[b-d5a5gr07py] {
    text-align: right;
    float: right;
}

.hidetext[b-d5a5gr07py] {
    -webkit-text-security: circle;
}

@media only screen and (max-width:767px) {
    .panel .panel-heading[b-d5a5gr07py] {
        text-align: center;
    }

        .panel .panel-heading .title[b-d5a5gr07py] {
            margin: 0 0 15px;
        }

        .panel .panel-heading .text-right[b-d5a5gr07py] {
            text-align: center;
        }
}
/* _content/Income_Dot_Net_6/Pages/TestPivot.razor.rz.scp.css */
/* ใน wwwroot/css/app.css หรือไฟล์ CSS ของคุณ */
.pivot-container[b-1ach6x8s36] {
    display: flex;
    margin-bottom: 20px;
}

.field-list[b-1ach6x8s36] {
    border: 1px solid #ccc;
    padding: 10px;
    margin-right: 20px;
    min-width: 150px;
}

.field-list ul[b-1ach6x8s36] {
    list-style: none;
    padding: 0;
}

.field-list li[b-1ach6x8s36] {
    background-color: #f0f0f0;
    padding: 5px 10px;
    margin-bottom: 5px;
    cursor: grab;
    border: 1px solid #ddd;
}

.pivot-zones[b-1ach6x8s36] {
    display: flex;
    gap: 10px;
}

.zone[b-1ach6x8s36] {
    border: 2px dashed #007bff;
    padding: 10px;
    min-width: 150px;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #e9f5ff;
}

.pivot-table[b-1ach6x8s36] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.pivot-table th[b-1ach6x8s36], .pivot-table td[b-1ach6x8s36] {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: left;
}

.pivot-table th[b-1ach6x8s36] {
    background-color: #f2f2f2;
}
/* _content/Income_Dot_Net_6/Pages/User.razor.rz.scp.css */
.panel[b-45r3nd4yxy] {
   
    padding: 0;
    border: none;
    box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .12);
}

    .panel .panel-heading[b-45r3nd4yxy] {
        background: #fff;
        padding: 25px 25px 10px;
        border-radius: 0;
    }

        .panel .panel-heading .title[b-45r3nd4yxy] {
            color: #32393f;
            font-size: 28px;
            font-weight: 400;
            line-height: 30px;
            text-transform: capitalize;
            margin: 0;
        }

        .panel .panel-heading .btn[b-45r3nd4yxy] {
            font-size: 15px;
            padding: 6px 15px;
            border-radius: 50px;
            border: none;
            transition: all 0.3s ease 0s;
        }

            .panel .panel-heading .btn:hover[b-45r3nd4yxy] {
                box-shadow: 0 0 10px rgba(0,0,0,0.2);
            }

    .panel .panel-body[b-45r3nd4yxy] {
        border-radius: 0;
    }

        .panel .panel-body .table thead tr th[b-45r3nd4yxy] {
            color: #333;
            font-size: 19px;
            font-weight: 400;
            padding: 12px;
        }

            .panel .panel-body .table thead tr th:last-child[b-45r3nd4yxy] {
                width: 120px;
            }

        .panel .panel-body .table tbody tr td[b-45r3nd4yxy] {
            color: #555;
            background: #fff;
            font-size: 15px;
            font-weight: 500;
            padding: 10px;
            vertical-align: middle;
            border-color: #e7e7e7;
        }

        .panel .panel-body .table .user_icon[b-45r3nd4yxy] {
            width: 50px;
            height: 50px;
            margin: 0 5px 0 0;
            border-radius: 100px;
            display: inline-block;
        }

            .panel .panel-body .table .user_icon img[b-45r3nd4yxy] {
                width: 100%;
                height: auto;
                border-radius: 50%;
            }

        .panel .panel-body .table tbody td span.label[b-45r3nd4yxy] {
            font-size: 13px;
        }

        .panel .panel-body .table tbody .action-list[b-45r3nd4yxy] {
            padding: 0;
            margin: 0;
            list-style: none;
        }

            .panel .panel-body .table tbody .action-list li[b-45r3nd4yxy] {
                margin: 0 3px;
                display: inline-block;
            }

                .panel .panel-body .table tbody .action-list li a[b-45r3nd4yxy] {
                    color: #f41127;
                    background-color: rgb(244 17 39 / 0.11);
                    font-size: 18px;
                    border: none;
                    transition: all 0.3s ease;
                }

                .panel .panel-body .table tbody .action-list li:last-child a[b-45r3nd4yxy] {
                    color: #0d6efd;
                    background-color: rgb(13 110 253 / 0.11);
                }

                .panel .panel-body .table tbody .action-list li a:hover[b-45r3nd4yxy] {
                    box-shadow: 0 0 5px rgba(0,0,0,0.3);
                }

    .panel .panel-footer[b-45r3nd4yxy] {
        background-color: #fff;
        padding: 10px 25px 25px;
        border: none;
    }

.pagination[b-45r3nd4yxy] {
    margin: 0;
}

    .pagination li a[b-45r3nd4yxy] {
        color: #999;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        line-height: 32px;
        width: 30px;
        height: 30px;
        padding: 0;
        margin: 0 2px;
        border-radius: 30px;
        border: none;
        transition: all 0.3s ease 0s;
    }

        .pagination li a:hover[b-45r3nd4yxy],
        .pagination li a:focus[b-45r3nd4yxy],
        .pagination li.active a[b-45r3nd4yxy] {
            color: #fff;
            background-color: #286090;
        }

    .pagination li:first-child a[b-45r3nd4yxy],
    .pagination li:last-child a[b-45r3nd4yxy] {
        border-radius: 50%;
    }
.right[b-45r3nd4yxy] {
    text-align: right;
    float: right;
}
.hidetext[b-45r3nd4yxy] {
    -webkit-text-security: circle;
}

@media only screen and (max-width:767px) {
    .panel .panel-heading[b-45r3nd4yxy] {
        text-align: center;
    }

        .panel .panel-heading .title[b-45r3nd4yxy] {
            margin: 0 0 15px;
        }

        .panel .panel-heading .text-right[b-45r3nd4yxy] {
            text-align: center;
        }
}
/* _content/Income_Dot_Net_6/Pages/Zone.razor.rz.scp.css */
.panel[b-z3gzpdqllf] {
    padding: 0;
    border: none;
    box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .12);
}

    .panel .panel-heading[b-z3gzpdqllf] {
        background: #fff;
        padding: 25px 25px 10px;
        border-radius: 0;
    }

        .panel .panel-heading .title[b-z3gzpdqllf] {
            color: #32393f;
            font-size: 28px;
            font-weight: 400;
            line-height: 30px;
            text-transform: capitalize;
            margin: 0;
        }

        .panel .panel-heading .btn[b-z3gzpdqllf] {
            font-size: 15px;
            padding: 6px 15px;
            border-radius: 50px;
            border: none;
            transition: all 0.3s ease 0s;
        }

            .panel .panel-heading .btn:hover[b-z3gzpdqllf] {
                box-shadow: 0 0 10px rgba(0,0,0,0.2);
            }

    .panel .panel-body[b-z3gzpdqllf] {
        border-radius: 0;
    }

        .panel .panel-body .table thead tr th[b-z3gzpdqllf] {
            color: #333;
            font-size: 19px;
            font-weight: 400;
            padding: 12px;
        }

            .panel .panel-body .table thead tr th:last-child[b-z3gzpdqllf] {
                width: 120px;
            }

        .panel .panel-body .table tbody tr td[b-z3gzpdqllf] {
            color: #555;
            background: #fff;
            font-size: 15px;
            font-weight: 500;
            padding: 10px;
            vertical-align: middle;
            border-color: #e7e7e7;
        }

        .panel .panel-body .table .user_icon[b-z3gzpdqllf] {
            width: 50px;
            height: 50px;
            margin: 0 5px 0 0;
            border-radius: 100px;
            display: inline-block;
        }

            .panel .panel-body .table .user_icon img[b-z3gzpdqllf] {
                width: 100%;
                height: auto;
                border-radius: 50%;
            }

        .panel .panel-body .table tbody td span.label[b-z3gzpdqllf] {
            font-size: 13px;
        }

        .panel .panel-body .table tbody .action-list[b-z3gzpdqllf] {
            padding: 0;
            margin: 0;
            list-style: none;
        }

            .panel .panel-body .table tbody .action-list li[b-z3gzpdqllf] {
                margin: 0 3px;
                display: inline-block;
            }

                .panel .panel-body .table tbody .action-list li a[b-z3gzpdqllf] {
                    color: #f41127;
                    background-color: rgb(244 17 39 / 0.11);
                    font-size: 18px;
                    border: none;
                    transition: all 0.3s ease;
                }

                .panel .panel-body .table tbody .action-list li:last-child a[b-z3gzpdqllf] {
                    color: #0d6efd;
                    background-color: rgb(13 110 253 / 0.11);
                }

                .panel .panel-body .table tbody .action-list li a:hover[b-z3gzpdqllf] {
                    box-shadow: 0 0 5px rgba(0,0,0,0.3);
                }

    .panel .panel-footer[b-z3gzpdqllf] {
        background-color: #fff;
        padding: 10px 25px 25px;
        border: none;
    }

.pagination[b-z3gzpdqllf] {
    margin: 0;
}

    .pagination li a[b-z3gzpdqllf] {
        color: #999;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        line-height: 32px;
        width: 30px;
        height: 30px;
        padding: 0;
        margin: 0 2px;
        border-radius: 30px;
        border: none;
        transition: all 0.3s ease 0s;
    }

        .pagination li a:hover[b-z3gzpdqllf],
        .pagination li a:focus[b-z3gzpdqllf],
        .pagination li.active a[b-z3gzpdqllf] {
            color: #fff;
            background-color: #286090;
        }

    .pagination li:first-child a[b-z3gzpdqllf],
    .pagination li:last-child a[b-z3gzpdqllf] {
        border-radius: 50%;
    }

.right[b-z3gzpdqllf] {
    text-align: right;
    float: right;
}

.hidetext[b-z3gzpdqllf] {
    -webkit-text-security: circle;
}

@media only screen and (max-width:767px) {
    .panel .panel-heading[b-z3gzpdqllf] {
        text-align: center;
    }

        .panel .panel-heading .title[b-z3gzpdqllf] {
            margin: 0 0 15px;
        }

        .panel .panel-heading .text-right[b-z3gzpdqllf] {
            text-align: center;
        }
}
/* _content/Income_Dot_Net_6/Report/Bill.razor.rz.scp.css */
/* =================================================================
   Global Styles (Affects Screen Display, but designed to be flexible)
   ================================================================= */
   body[b-u90j9o2mp3] {
    /* Remove fixed width/height here. Let body adapt to screen size. */
    margin: 0;
    padding: 0;
    font-family: 'Phetsarath OT', sans-serif; /* Add a generic fallback font */
    font-size: 12pt;
    background: rgb(204,204,204); /* Grey background for screen */
}

*[b-u90j9o2mp3] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.main-page[b-u90j9o2mp3] {
    /* Define a max-width for screen, simulating a page, but allow flexibility */
    max-width: 210mm; /* A4 width */
    min-height: 297mm; /* A4 height, ensures minimum size for content */
    margin: 10mm auto; /* Centered with top/bottom margin for screen */
    background: white;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); /* Shadow for screen view */
    display: block; /* Ensure it behaves like a block element */
}

.sub-page[b-u90j9o2mp3] {
    padding: 1cm;
    /* height: 297mm; <--- Removed. Let content define height. */
}

/* =================================================================
   Print-Specific Styles (@media print)
   ================================================================= */
@page {
    /* Use A4 size directly. If you need landscape, change to 'size: A4 landscape;' */
     /* A4 portrait by default. Change to 'A4 landscape' for landscape. */
    margin: 0 auto; /* Zero margin for the print page itself */
}

@media print {
    /* Reset html, body for print. DO NOT hardcode width/height here if @page handles size. */
    html[b-u90j9o2mp3], body[b-u90j9o2mp3] {
        width: auto; /* Let content and @page define width */
        height: auto; /* Let content and @page define height */
        margin: auto; /* No external margins */
        padding: auto;
        font-family: 'Phetsarath OT', sans-serif;
        font-size: 12pt;
        background: none; /* No background on print */
        color: black; /* Ensure text is black for printing */
    }

    .main-page[b-u90j9o2mp3] {
        margin: 0; /* Remove screen margins */
        border: initial; /* Remove borders */
        border-radius: initial; /* Remove border radius */
        width: 100%; /* Take full available width of the print page */
        min-height: initial; /* Let height be defined by content */
        box-shadow: initial; /* Remove box shadow */
        background: initial; /* Remove background */
        page-break-after: always; /* Each .main-page on a new print page */
    }

    .sub-page[b-u90j9o2mp3] {
        padding: 1cm; /* Keep padding for print content */
    }

    .seeprint[b-u90j9o2mp3] {
        display: block !important; /* Show when printing */
    }
    .noprint[b-u90j9o2mp3] {
        display: none !important; /* Hide when printing */
    }

    .table_display_data[b-u90j9o2mp3] {
       /* IMPORTANT: Overflow-x:auto and white-space:nowrap do NOT work well for print. */
       /* Content will be cut off if it exceeds page width. */
       /* You need to ensure table content fits within the page margins. */
       overflow-x: visible !important; /* Allow content to flow, but it might be cut if too wide */
       white-space: normal !important; /* Allow text to wrap within cells to fit */
       /* Consider adjusting font-size for wide tables specifically for print: */
       /* font-size: 8pt !important; */
    }

    /* Font Sizes for Print */
    .x10[b-u90j9o2mp3] { font-size:11px !important; }
    .x11[b-u90j9o2mp3] { font-size:14px !important; }
    .x12[b-u90j9o2mp3] { font-size:12px !important; }
    .x13[b-u90j9o2mp3] { font-size:17px !important; }
    .x14[b-u90j9o2mp3] { font-size:14px !important; }
    .xbold[b-u90j9o2mp3] { font-weight:bold !important; } /* Added !important for consistency */

    /* Reset unnecessary styles for print on interactive elements */
    .out-plate[b-u90j9o2mp3], .plate[b-u90j9o2mp3] {
        background: initial;
        border: initial;
        border-radius: initial;
        padding: initial;
        user-select: initial; /* Allow text selection */
        cursor: initial; /* Default cursor */
    }

    .tablex[b-u90j9o2mp3] {
        border-collapse: collapse;
        border: 0.90px solid black; /* Apply border to table itself */
        width: 100%; /* Ensure table takes full available width */
    }
    .tablex td[b-u90j9o2mp3], .tablex th[b-u90j9o2mp3] {
        border: 0.90px solid black;
        padding: 5px; /* Add some padding to cells for readability */
    }
    .td[b-u90j9o2mp3] { /* Your original .td class */
        border: 1px solid black;
        padding: 5px; /* Add padding here too */
    }

    .print[b-u90j9o2mp3] {
       /* THIS WAS THE MAIN CULPRIT for content disappearing. It's fixed. */
       /* Remove or set to 0. You need to control spacing with proper margins/padding. */
       margin-top: 0 !important;
       font-family: 'Phetsarath OT', "Times New Roman", Times, serif !important;
       padding-left:25px !important;
       padding-right:25px !important;
    }

    p[b-u90j9o2mp3] {
        line-height: 1.5;
        margin: 0px;
    }

    .h[b-u90j9o2mp3] {
        font-family: 'Phetsarath OT', 'Roboto', sans-serif !important; /* Added sans-serif fallback */
        font-weight:bold;
    }
    .sub_td[b-u90j9o2mp3] {
        text-align: center !important;
        line-height: 20px !important;
    }
    .sub-line[b-u90j9o2mp3] {
        margin-top:0 !important; /* Adjusted from -20px, check if this is still needed */
    }
    .red[b-u90j9o2mp3] {
        color:red;
    }

    .head_border[b-u90j9o2mp3] {
        border:solid 1.5px black;
        border-radius:5px;
        padding: 5px 15px 5px 15px;
        margin-bottom:10px;
    }
}
/* _content/Income_Dot_Net_6/Report/Company_Report.razor.rz.scp.css */
body[b-8lsur7hlp6] {
    margin: 0 auto;
    padding: 0;
    font-family: 'Phetsarath OT', sans-serif; /* Add a generic fallback font */
    font-size: 12pt; /* Keep screen font size consistent */
    background: rgb(204,204,204);
}
*[b-8lsur7hlp6] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.main-page[b-8lsur7hlp6] {
    /* Keep these dimensions for screen to mimic A4 landscape */
    width: 297mm;
    min-height: 210mm;
    margin: 10mm auto;

    background: white;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
.sub-page[b-8lsur7hlp6] {
    padding: 1cm;
}

/* Specific MudBlazor cell padding for screen and print */
.mud-table-cell[b-8lsur7hlp6] {
    padding : 0px 0px 0px 5px !important;
}

/* Base @page rule - Set explicit A4 landscape for consistency */
@page {
    size: A4 landscape; /* Explicitly set A4 landscape */
    margin: 0; /* Keep margins at 0 for print */
}

/* Media query for print - all print-specific styles */
@media print {
    /* Ensure html, body don't have conflicting fixed dimensions */
    html[b-8lsur7hlp6], body[b-8lsur7hlp6] {
      margin: 0;
      padding: 0;
      font-size: 12pt; /* Match screen font size for consistency */
    }

    .main-page[b-8lsur7hlp6] {
      margin: 0; /* Remove screen margins for print */
      border: initial;
      border-radius: initial;
      width: 100%; /* Take full width of the print page area */
      min-height: auto; /* Let content define height */
      box-shadow: none; /* Remove shadow for print */
      background: white; /* Ensure white background for print */
      page-break-after: always; /* Each main-page starts on a new print page */
    }

    .sub-page[b-8lsur7hlp6] {
        padding: 1cm; /* Keep consistent padding */
    }

    .seeprint[b-8lsur7hlp6] {
        display: block; /* Show when printing */
    }
    .noprint[b-8lsur7hlp6] {
        display: none; /* Hide when printing */
    }

    /* Table specific adjustments for print */
    .table_display_data[b-8lsur7hlp6] {
       /* If your table is too wide, remove white-space: nowrap!important;
          or apply font-size reduction *only* to the table cells. */
       /* white-space: nowrap!important;  Comment out if wrapping is preferred */
    }

    /* MudBlazor specific overrides for print */
    .mud-table-container[b-8lsur7hlp6], .mud-table[b-8lsur7hlp6] {
        /* This might help if MudBlazor is adding its own overflow */
        overflow: visible !important;
    }

    .mud-table-cell[b-8lsur7hlp6],
    .mud-table-head .mud-table-cell[b-8lsur7hlp6],
    .mud-table-foot .mud-table-cell[b-8lsur7hlp6],
    .mud-table-cell-custom-group[b-8lsur7hlp6] {
        border: 0.90px solid black !important; /* Ensure all MudBlazor cells have consistent black borders */
        /* If text is too small, comment out font-size reductions here */
        /* font-size: 10pt !important; */
    }

    .mud-table-cell[b-8lsur7hlp6] {
        padding : 0px 0px 0px 5px !important; /* Re-apply for print to ensure consistency */
    }


    /* Font Sizes - Simplify and aim for consistency (these apply to custom classes) */
    .x10[b-8lsur7hlp6] { font-size:11px !important; }
    .x11[b-8lsur7hlp6] { font-size:14px !important; }
    .x12[b-8lsur7hlp6] { font-size:12px !important; }
    .x13[b-8lsur7hlp6] { font-size:17px !important; }
    .x14[b-8lsur7hlp6] { font-size:14px !important; }

    .xbold[b-8lsur7hlp6] { font-weight:bold; }

    .out-plate[b-8lsur7hlp6], .plate[b-8lsur7hlp6] {
        background: initial;
        border: initial;
        border-radius: initial;
        padding: initial;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: initial;
    }

    .tablex[b-8lsur7hlp6] { /* This might not be needed if MudBlazor's cells handle borders */
        border-collapse: collapse;
        border: 0.90px solid black;
    }
    .tablex td[b-8lsur7hlp6], .tablex th[b-8lsur7hlp6] { /* This might not be needed if MudBlazor's cells handle borders */
        border: 0.90px solid black;
    }
    .td[b-8lsur7hlp6] { /* This might not be needed if MudBlazor's cells handle borders */
        border: 1px solid black;
    }

    .print[b-8lsur7hlp6] {
       /* CRITICAL FIX: This negative margin was causing content to disappear. Remove it. */
       /* magin-top:-1550px!important; */
       font-family: 'Phetsarath OT', "Times New Roman", Times, serif!important;
       padding-left:25px!important;
       padding-right:25px!important;
    }

    p[b-8lsur7hlp6] {
        line-height: 1.5;
        margin: 0px;
    }

    .h[b-8lsur7hlp6] {
        font-family: 'Phetsarath OT', roboto, sans-serif!important;
        font-weight:bold;
    }
    .sub_td[b-8lsur7hlp6] {
        text-align: center!important;
        line-height: 20px!important;
    }
    .sub-line[b-8lsur7hlp6] {
        margin-top:-20px!important; /* Verify if this overlap is desired in print */
    }
    .red[b-8lsur7hlp6] {
        color:red;
    }

    .head_border[b-8lsur7hlp6] {
        border:solid 1.5px black;
        border-radius:5px;
        padding: 5px 15px 5px 15px;
        margin-bottom:10px;
    }

    /* Adjust column widths for print if needed - this is a trial-and-error process */
    /* Target the col elements within the MudTable directly for print */
    .mud-table col:nth-child(1)[b-8lsur7hlp6] { width: 5% !important; } /* No */
    .mud-table col:nth-child(2)[b-8lsur7hlp6] { width: 15% !important; } /* ວັນທີສ້າງຕັ້ງ */
    .mud-table col:nth-child(3)[b-8lsur7hlp6] { width: 20% !important; } /* ຊື່ວິສາຫະກິດ */
    .mud-table col:nth-child(4)[b-8lsur7hlp6] { width: 30% !important; } /* ລາຍລະອຽດ */
    .mud-table col:nth-child(5)[b-8lsur7hlp6] { width: 15% !important; } /* ເລກປະຈຳຕົວຜູ່ເສຍອາກອນ */
    .mud-table col:nth-child(6)[b-8lsur7hlp6] { width: 10% !important; } /* ເບີໂທຕິດຕໍ່ */
    .mud-table col:nth-child(7)[b-8lsur7hlp6] { width: 5% !important; } /* ສະຖານະ */

    /* If the table still overflows, make font smaller only within the table */
    .mud-table-container[b-8lsur7hlp6], .mud-table[b-8lsur7hlp6] {
        font-size: 10pt !important; /* Adjust if needed */
    }
}
/* _content/Income_Dot_Net_6/Report/Company_Report_Zone.razor.rz.scp.css */
body[b-22hl1keh94] {
   
    margin: 0 auto;
    padding: 0;
    font-family: 'Phetsarath OT';
    font-size: 12pt;
    background: rgb(204,204,204);
}
*[b-22hl1keh94] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.main-page[b-22hl1keh94] {
    width: 297mm; /* This seems to be landscape A4 size, but used for main-page on screen */
    min-height: 210mm; /* A4 landscape height */
    margin: 10mm auto;
    
    background: white;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
.sub-page[b-22hl1keh94] {
    padding: 1cm;
    /* height: 297mm; <--- Removed. Let content define height. */
}

/* Base @page rule - Let browser handle orientation */
@page {
    /* size: A4;  <--- REMOVE OR CHANGE TO auto/unset */
    /* size: A4 auto; <--- Can use auto if you want A4 but let orientation be chosen */
    size: unset; /* หรือ size: auto; หรือ ลบบรรทัดนี้ออกไปเลย */
    margin: 0;
}

/* Media query for print - all print-specific styles */
@media print {
    /* สำคัญ: ลบ width/height ที่บังคับ A4 Portrait ออกจาก html, body เพื่อให้เบราว์เซอร์จัดการ Orientation ได้ */
    html[b-22hl1keh94], body[b-22hl1keh94] {
      /* width: 210mm; */
      /* height: 297mm; */
      margin: 0; /* ตรวจสอบให้แน่ใจว่าไม่มี margin ที่ไม่ต้องการ */
      padding: 0;
      font-size: 10pt; /* อาจจะลดขนาด font สำหรับการพิมพ์ */
    }
    
    .main-page[b-22hl1keh94] {
      margin: 0;
      border: initial;
      border-radius: initial;
      width: initial;
      min-height: initial;
      box-shadow: initial;
      background: initial;
      page-break-after: always;
    }
    
    .seeprint[b-22hl1keh94] {
        display: block; /* แสดงเมื่อพิมพ์ */
    }
    .noprint[b-22hl1keh94] {
        display: none; /* ซ่อนเมื่อพิมพ์ */
    }

    .table_display_data[b-22hl1keh94] {
       overflow-x: auto!important; /* Keep for overflow */
       white-space: nowrap!important; /* Keep for no wrapping */
    }
    
    /* Font Sizes */
    .x10[b-22hl1keh94] { font-size:11px !important; }
    .x11[b-22hl1keh94] { font-size:14px !important; }
    .x12[b-22hl1keh94] { font-size:12px !important; }
    .x13[b-22hl1keh94] { font-size:17px !important; }
    .x14[b-22hl1keh94] { font-size:14px !important; }
    
    .xbold[b-22hl1keh94] { font-weight:bold; }
    
    /* Remove unnecessary styles for print */
    .out-plate[b-22hl1keh94], .plate[b-22hl1keh94] { /* Consider if these styles are relevant for print */
        background: initial;
        border: initial;
        border-radius: initial;
        padding: initial;
        /* user-select and cursor are for interactive screen display, not print */
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: initial;
    }

    .tablex[b-22hl1keh94] {
        border-collapse: collapse;
        border: 0.90px solid black; /* Apply border to table itself */
    }
    /* Apply border to individual cells if needed */
    .tablex td[b-22hl1keh94], .tablex th[b-22hl1keh94] {
        border: 0.90px solid black;
    }
    /* Your original .td class */
    .td[b-22hl1keh94] {
        border: 1px solid black;
    }

    .print[b-22hl1keh94] {
       /* check this margin-top, it's a very large negative value */
       /* it might be causing content to disappear or align strangely */
       /* magin-top:-1550px!important; */
       font-family: phetsarath,"Times New Roman", Times, serif!important;
       padding-left:25px!important; /* Changed from 30px */
       padding-right:25px!important; /* Changed from 30px */
    }
    
    p[b-22hl1keh94] {
        line-height: 1.5;
        margin: 0px;
    }

    .h[b-22hl1keh94] {
        font-family: phetsarath,roboto!important;
        font-weight:bold;
    }
    .sub_td[b-22hl1keh94] {
        text-align: center!important;
        line-height: 20px!important;
    }
    .sub-line[b-22hl1keh94] {
        margin-top:-20px!important;
    }
    .red[b-22hl1keh94] {
        color:red;
    }

    .head_border[b-22hl1keh94] {
        border:solid 1.5px black;
        border-radius:5px;
        padding: 5px 15px 5px 15px;
        margin-bottom:10px;
    }
}
/* _content/Income_Dot_Net_6/Report/Report_All.razor.rz.scp.css */
body[b-bc9ytkeqz9] {
   
    margin: 0 auto;
    padding: 0;
    font-family: 'Phetsarath OT';
    font-size: 12pt;
    background: rgb(204,204,204);
}
*[b-bc9ytkeqz9] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.main-page[b-bc9ytkeqz9] {
    width: 297mm; /* This seems to be landscape A4 size, but used for main-page on screen */
    min-height: 210mm; /* A4 landscape height */
    margin: 10mm auto;
    
    background: white;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
.sub-page[b-bc9ytkeqz9] {
    padding: 1cm;
    /* height: 297mm; <--- Removed. Let content define height. */
}

/* Base @page rule - Let browser handle orientation */
@page {
    /* size: A4;  <--- REMOVE OR CHANGE TO auto/unset */
    /* size: A4 auto; <--- Can use auto if you want A4 but let orientation be chosen */
     /* หรือ size: auto; หรือ ลบบรรทัดนี้ออกไปเลย */
    margin: 0;
}

/* Media query for print - all print-specific styles */
@media print {
    /* สำคัญ: ลบ width/height ที่บังคับ A4 Portrait ออกจาก html, body เพื่อให้เบราว์เซอร์จัดการ Orientation ได้ */
    html[b-bc9ytkeqz9], body[b-bc9ytkeqz9] {
      /* width: 210mm; */
      /* height: 297mm; */
      margin: 0; /* ตรวจสอบให้แน่ใจว่าไม่มี margin ที่ไม่ต้องการ */
      padding: 0;
      font-size: 10pt; /* อาจจะลดขนาด font สำหรับการพิมพ์ */
    }
    
    .main-page[b-bc9ytkeqz9] {
      margin: 0;
      border: initial;
      border-radius: initial;
      width: initial;
      min-height: initial;
      box-shadow: initial;
      background: initial;
      page-break-after: always;
    }
    
    .seeprint[b-bc9ytkeqz9] {
        display: block; /* แสดงเมื่อพิมพ์ */
    }
    .noprint[b-bc9ytkeqz9] {
        display: none; /* ซ่อนเมื่อพิมพ์ */
    }

    .table_display_data[b-bc9ytkeqz9] {
       overflow-x: auto!important; /* Keep for overflow */
       white-space: nowrap!important; /* Keep for no wrapping */
    }
    
    /* Font Sizes */
    .x10[b-bc9ytkeqz9] { font-size:11px !important; }
    .x11[b-bc9ytkeqz9] { font-size:14px !important; }
    .x12[b-bc9ytkeqz9] { font-size:12px !important; }
    .x13[b-bc9ytkeqz9] { font-size:17px !important; }
    .x14[b-bc9ytkeqz9] { font-size:14px !important; }
    
    .xbold[b-bc9ytkeqz9] { font-weight:bold; }
    
    /* Remove unnecessary styles for print */
    .out-plate[b-bc9ytkeqz9], .plate[b-bc9ytkeqz9] { /* Consider if these styles are relevant for print */
        background: initial;
        border: initial;
        border-radius: initial;
        padding: initial;
        /* user-select and cursor are for interactive screen display, not print */
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: initial;
    }

    .tablex[b-bc9ytkeqz9] {
        border-collapse: collapse;
        border: 0.90px solid black; /* Apply border to table itself */
    }
    /* Apply border to individual cells if needed */
    .tablex td[b-bc9ytkeqz9], .tablex th[b-bc9ytkeqz9] {
        border: 0.90px solid black;
    }
    /* Your original .td class */
    .td[b-bc9ytkeqz9] {
        border: 1px solid black;
    }

    .print[b-bc9ytkeqz9] {
       /* check this margin-top, it's a very large negative value */
       /* it might be causing content to disappear or align strangely */
       /* magin-top:-1550px!important; */
       font-family: phetsarath,"Times New Roman", Times, serif!important;
       padding-left:25px!important; /* Changed from 30px */
       padding-right:25px!important; /* Changed from 30px */
    }
    
    p[b-bc9ytkeqz9] {
        line-height: 1.5;
        margin: 0px;
    }

    .h[b-bc9ytkeqz9] {
        font-family: phetsarath,roboto!important;
        font-weight:bold;
    }
    .sub_td[b-bc9ytkeqz9] {
        text-align: center!important;
        line-height: 20px!important;
    }
    .sub-line[b-bc9ytkeqz9] {
        margin-top:-20px!important;
    }
    .red[b-bc9ytkeqz9] {
        color:red;
    }

    .head_border[b-bc9ytkeqz9] {
        border:solid 1.5px black;
        border-radius:5px;
        padding: 5px 15px 5px 15px;
        margin-bottom:10px;
    }
}
  /* General Pivot Table Styling */
.pivot-table[b-bc9ytkeqz9] {
    width: 100%;
    border-collapse: collapse; /* ทำให้เส้นขอบตารางรวมกันเป็นเส้นเดียว */
    margin-top: 20px;
    font-family: 'Phetsarath OT';
    /* table-layout: fixed; /* ตัวเลือก: มีประโยชน์สำหรับการรักษาความกว้างของคอลัมน์ให้สอดคล้องกัน */
}

.pivot-table th[b-bc9ytkeqz9],
.pivot-table td[b-bc9ytkeqz9] {
    border: 1px solid #ddd; /* เส้นขอบเซลล์ */
    padding: 8px;
    text-align: right; /* ค่าเริ่มต้นสำหรับค่าตัวเลข */
    white-space: nowrap; /* ป้องกันข้อความขึ้นบรรทัดใหม่ในเซลล์ */
    overflow: hidden; /* ซ่อนเนื้อหาที่เกิน */
    text-overflow: ellipsis; /* แสดง '...' สำหรับเนื้อหาที่เกิน */
}

.pivot-table th[b-bc9ytkeqz9] {
    background-color: #f2f2f2; /* สีพื้นหลังส่วนหัว */
    font-weight: bold;
    text-align: center; /* จัดกึ่งกลางสำหรับหัวข้อคอลัมน์ */
}

/* Specific styling for the top-left corner header */
.pivot-table th.header-corner[b-bc9ytkeqz9] {
    text-align: left; /* จัดชิดซ้าย */
    background-color: #e8e8e8; /* สีพื้นหลังที่แตกต่างเล็กน้อย */
}

/* Specific styling for the Row Header column */
.pivot-table td.row-header-col[b-bc9ytkeqz9] {
    text-align: left;
    background-color: #f8f8f8; /* สีพื้นหลังอ่อนๆ สำหรับหัวข้อแถว */
    font-weight: bold; /* ทำให้หัวข้อแถวเป็นตัวหนา */
}

/* Specific styling for Grand Total Column */
.pivot-table th.total-col[b-bc9ytkeqz9],
.pivot-table td.total-col[b-bc9ytkeqz9] {
    /* สีฟ้าอ่อนสำหรับคอลัมน์รวม */
    font-weight: bold; /* ทำให้ค่าในคอลัมน์รวมเป็นตัวหนา */
}

/* Specific styling for Grand Total Row at the bottom */
.pivot-table tr.grand-total-row th[b-bc9ytkeqz9],
.pivot-table tr.grand-total-row td[b-bc9ytkeqz9] {
     /* สีฟ้าเข้มขึ้นสำหรับแถวรวม */
    font-weight: bold;
   /* เส้นขอบด้านบนที่หนาขึ้นเพื่อแยกส่วน */
}

/* Drag-and-Drop Container Styling */
.pivot-container[b-bc9ytkeqz9] {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap; /* ทำให้มีการขึ้นบรรทัดใหม่บนหน้าจอขนาดเล็ก */
}

.field-list[b-bc9ytkeqz9], .pivot-zones[b-bc9ytkeqz9] {
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.field-list[b-bc9ytkeqz9] {
    min-width: 200px;
}

.field-list ul[b-bc9ytkeqz9] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.field-list li[b-bc9ytkeqz9] {
    background-color: #f0f0f0;
    padding: 8px 12px;
    margin-bottom: 5px;
    border-radius: 4px;
    cursor: grab;
    border: 1px solid #e0e0e0;
}

.field-list li:hover[b-bc9ytkeqz9] {
    background-color: #e9e9e9;
}

.pivot-zones[b-bc9ytkeqz9] {
    flex-grow: 1;
    display: flex;
    gap: 15px;
}

.zone[b-bc9ytkeqz9] {
    flex: 1;
    border: 2px dashed #a0a0a0;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100px;
    text-align: center; /* Center align text in zones */
}

.zone h4[b-bc9ytkeqz9] {
    margin-top: 0;
    color: #555;
}
/* _content/Income_Dot_Net_6/Report/Report_Income_All.razor.rz.scp.css */
body[b-x7la7kuagp] {
   
    margin: 0 auto;
    padding: 0;
    font-family: 'Phetsarath OT';
    font-size: 12pt;
    background: rgb(204,204,204);
}
*[b-x7la7kuagp] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.main-page[b-x7la7kuagp] {
    width: 297mm; /* This seems to be landscape A4 size, but used for main-page on screen */
    min-height: 210mm; /* A4 landscape height */
    margin: 10mm auto;
    
    background: white;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
.sub-page[b-x7la7kuagp] {
    padding: 1cm;
    /* height: 297mm; <--- Removed. Let content define height. */
}

/* Base @page rule - Let browser handle orientation */
@page {
    /* size: A4;  <--- REMOVE OR CHANGE TO auto/unset */
    /* size: A4 auto; <--- Can use auto if you want A4 but let orientation be chosen */
    size: unset; /* หรือ size: auto; หรือ ลบบรรทัดนี้ออกไปเลย */
    margin: 0;
}

/* Media query for print - all print-specific styles */
@media print {
    /* สำคัญ: ลบ width/height ที่บังคับ A4 Portrait ออกจาก html, body เพื่อให้เบราว์เซอร์จัดการ Orientation ได้ */
    html[b-x7la7kuagp], body[b-x7la7kuagp] {
      /* width: 210mm; */
      /* height: 297mm; */
      margin: 0; /* ตรวจสอบให้แน่ใจว่าไม่มี margin ที่ไม่ต้องการ */
      padding: 0;
      font-size: 10pt; /* อาจจะลดขนาด font สำหรับการพิมพ์ */
    }
    
    .main-page[b-x7la7kuagp] {
      margin: 0;
      border: initial;
      border-radius: initial;
      width: initial;
      min-height: initial;
      box-shadow: initial;
      background: initial;
      page-break-after: always;
    }
    
    .seeprint[b-x7la7kuagp] {
        display: block; /* แสดงเมื่อพิมพ์ */
    }
    .noprint[b-x7la7kuagp] {
        display: none; /* ซ่อนเมื่อพิมพ์ */
    }

    .table_display_data[b-x7la7kuagp] {
       overflow-x: auto!important; /* Keep for overflow */
       white-space: nowrap!important; /* Keep for no wrapping */
    }
    
    /* Font Sizes */
    .x10[b-x7la7kuagp] { font-size:11px !important; }
    .x11[b-x7la7kuagp] { font-size:14px !important; }
    .x12[b-x7la7kuagp] { font-size:12px !important; }
    .x13[b-x7la7kuagp] { font-size:17px !important; }
    .x14[b-x7la7kuagp] { font-size:14px !important; }
    
    .xbold[b-x7la7kuagp] { font-weight:bold; }
    
    /* Remove unnecessary styles for print */
    .out-plate[b-x7la7kuagp], .plate[b-x7la7kuagp] { /* Consider if these styles are relevant for print */
        background: initial;
        border: initial;
        border-radius: initial;
        padding: initial;
        /* user-select and cursor are for interactive screen display, not print */
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: initial;
    }

    .tablex[b-x7la7kuagp] {
        border-collapse: collapse;
        border: 0.90px solid black; /* Apply border to table itself */
    }
    /* Apply border to individual cells if needed */
    .tablex td[b-x7la7kuagp], .tablex th[b-x7la7kuagp] {
        border: 0.90px solid black;
    }
    /* Your original .td class */
    .td[b-x7la7kuagp] {
        border: 1px solid black;
    }

    .print[b-x7la7kuagp] {
       /* check this margin-top, it's a very large negative value */
       /* it might be causing content to disappear or align strangely */
       /* magin-top:-1550px!important; */
       font-family: phetsarath,"Times New Roman", Times, serif!important;
       padding-left:25px!important; /* Changed from 30px */
       padding-right:25px!important; /* Changed from 30px */
    }
    
    p[b-x7la7kuagp] {
        line-height: 1.5;
        margin: 0px;
    }

    .h[b-x7la7kuagp] {
        font-family: phetsarath,roboto!important;
        font-weight:bold;
    }
    .sub_td[b-x7la7kuagp] {
        text-align: center!important;
        line-height: 20px!important;
    }
    .sub-line[b-x7la7kuagp] {
        margin-top:-20px!important;
    }
    .red[b-x7la7kuagp] {
        color:red;
    }

    .head_border[b-x7la7kuagp] {
        border:solid 1.5px black;
        border-radius:5px;
        padding: 5px 15px 5px 15px;
        margin-bottom:10px;
    }
}
/* _content/Income_Dot_Net_6/Report/Report_Income_Company.razor.rz.scp.css */
body[b-bmxqq1kteq] {
   
    margin: 0 auto;
    padding: 0;
    font-family: 'Phetsarath OT';
    font-size: 12pt;
    background: rgb(204,204,204);
}
*[b-bmxqq1kteq] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.main-page[b-bmxqq1kteq] {
    width: 297mm; /* This seems to be landscape A4 size, but used for main-page on screen */
    min-height: 210mm; /* A4 landscape height */
    margin: 10mm auto;
    
    background: white;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
.sub-page[b-bmxqq1kteq] {
    padding: 1cm;
    /* height: 297mm; <--- Removed. Let content define height. */
}

/* Base @page rule - Let browser handle orientation */
@page {
    /* size: A4;  <--- REMOVE OR CHANGE TO auto/unset */
    /* size: A4 auto; <--- Can use auto if you want A4 but let orientation be chosen */
    size: unset; /* หรือ size: auto; หรือ ลบบรรทัดนี้ออกไปเลย */
    margin: 0;
}

/* Media query for print - all print-specific styles */
@media print {
    /* สำคัญ: ลบ width/height ที่บังคับ A4 Portrait ออกจาก html, body เพื่อให้เบราว์เซอร์จัดการ Orientation ได้ */
    html[b-bmxqq1kteq], body[b-bmxqq1kteq] {
      /* width: 210mm; */
      /* height: 297mm; */
      margin: 0; /* ตรวจสอบให้แน่ใจว่าไม่มี margin ที่ไม่ต้องการ */
      padding: 0;
      font-size: 10pt; /* อาจจะลดขนาด font สำหรับการพิมพ์ */
    }
    
    .main-page[b-bmxqq1kteq] {
      margin: 0;
      border: initial;
      border-radius: initial;
      width: initial;
      min-height: initial;
      box-shadow: initial;
      background: initial;
      page-break-after: always;
    }
    
    .seeprint[b-bmxqq1kteq] {
        display: block; /* แสดงเมื่อพิมพ์ */
    }
    .noprint[b-bmxqq1kteq] {
        display: none; /* ซ่อนเมื่อพิมพ์ */
    }

    .table_display_data[b-bmxqq1kteq] {
       overflow-x: auto!important; /* Keep for overflow */
       white-space: nowrap!important; /* Keep for no wrapping */
    }
    
    /* Font Sizes */
    .x10[b-bmxqq1kteq] { font-size:11px !important; }
    .x11[b-bmxqq1kteq] { font-size:14px !important; }
    .x12[b-bmxqq1kteq] { font-size:12px !important; }
    .x13[b-bmxqq1kteq] { font-size:17px !important; }
    .x14[b-bmxqq1kteq] { font-size:14px !important; }
    
    .xbold[b-bmxqq1kteq] { font-weight:bold; }
    
    /* Remove unnecessary styles for print */
    .out-plate[b-bmxqq1kteq], .plate[b-bmxqq1kteq] { /* Consider if these styles are relevant for print */
        background: initial;
        border: initial;
        border-radius: initial;
        padding: initial;
        /* user-select and cursor are for interactive screen display, not print */
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: initial;
    }

    .tablex[b-bmxqq1kteq] {
        border-collapse: collapse;
        border: 0.90px solid black; /* Apply border to table itself */
    }
    /* Apply border to individual cells if needed */
    .tablex td[b-bmxqq1kteq], .tablex th[b-bmxqq1kteq] {
        border: 0.90px solid black;
    }
    /* Your original .td class */
    .td[b-bmxqq1kteq] {
        border: 1px solid black;
    }

    .print[b-bmxqq1kteq] {
       /* check this margin-top, it's a very large negative value */
       /* it might be causing content to disappear or align strangely */
       /* magin-top:-1550px!important; */
       font-family: phetsarath,"Times New Roman", Times, serif!important;
       padding-left:25px!important; /* Changed from 30px */
       padding-right:25px!important; /* Changed from 30px */
    }
    
    p[b-bmxqq1kteq] {
        line-height: 1.5;
        margin: 0px;
    }

    .h[b-bmxqq1kteq] {
        font-family: phetsarath,roboto!important;
        font-weight:bold;
    }
    .sub_td[b-bmxqq1kteq] {
        text-align: center!important;
        line-height: 20px!important;
    }
    .sub-line[b-bmxqq1kteq] {
        margin-top:-20px!important;
    }
    .red[b-bmxqq1kteq] {
        color:red;
    }

    .head_border[b-bmxqq1kteq] {
        border:solid 1.5px black;
        border-radius:5px;
        padding: 5px 15px 5px 15px;
        margin-bottom:10px;
    }
}
/* _content/Income_Dot_Net_6/Report/Report_Income_Type.razor.rz.scp.css */
body[b-1wyv8i4c6a] {
   
    margin: 0 auto;
    padding: 0;
    font-family: 'Phetsarath OT';
    font-size: 12pt;
    background: rgb(204,204,204);
}
*[b-1wyv8i4c6a] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.main-page[b-1wyv8i4c6a] {
    width: 297mm; /* This seems to be landscape A4 size, but used for main-page on screen */
    min-height: 210mm; /* A4 landscape height */
    margin: 10mm auto;
    
    background: white;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
.sub-page[b-1wyv8i4c6a] {
    padding: 1cm;
    /* height: 297mm; <--- Removed. Let content define height. */
}

/* Base @page rule - Let browser handle orientation */
@page {
    /* size: A4;  <--- REMOVE OR CHANGE TO auto/unset */
    /* size: A4 auto; <--- Can use auto if you want A4 but let orientation be chosen */
    size: unset; /* หรือ size: auto; หรือ ลบบรรทัดนี้ออกไปเลย */
    margin: 0;
}

/* Media query for print - all print-specific styles */
@media print {
    /* สำคัญ: ลบ width/height ที่บังคับ A4 Portrait ออกจาก html, body เพื่อให้เบราว์เซอร์จัดการ Orientation ได้ */
    html[b-1wyv8i4c6a], body[b-1wyv8i4c6a] {
      /* width: 210mm; */
      /* height: 297mm; */
      margin: 0; /* ตรวจสอบให้แน่ใจว่าไม่มี margin ที่ไม่ต้องการ */
      padding: 0;
      font-size: 10pt; /* อาจจะลดขนาด font สำหรับการพิมพ์ */
    }
    
    .main-page[b-1wyv8i4c6a] {
      margin: 0;
      border: initial;
      border-radius: initial;
      width: initial;
      min-height: initial;
      box-shadow: initial;
      background: initial;
      page-break-after: always;
    }
    
    .seeprint[b-1wyv8i4c6a] {
        display: block; /* แสดงเมื่อพิมพ์ */
    }
    .noprint[b-1wyv8i4c6a] {
        display: none; /* ซ่อนเมื่อพิมพ์ */
    }

    .table_display_data[b-1wyv8i4c6a] {
       overflow-x: auto!important; /* Keep for overflow */
       white-space: nowrap!important; /* Keep for no wrapping */
    }
    
    /* Font Sizes */
    .x10[b-1wyv8i4c6a] { font-size:11px !important; }
    .x11[b-1wyv8i4c6a] { font-size:14px !important; }
    .x12[b-1wyv8i4c6a] { font-size:12px !important; }
    .x13[b-1wyv8i4c6a] { font-size:17px !important; }
    .x14[b-1wyv8i4c6a] { font-size:14px !important; }
    
    .xbold[b-1wyv8i4c6a] { font-weight:bold; }
    
    /* Remove unnecessary styles for print */
    .out-plate[b-1wyv8i4c6a], .plate[b-1wyv8i4c6a] { /* Consider if these styles are relevant for print */
        background: initial;
        border: initial;
        border-radius: initial;
        padding: initial;
        /* user-select and cursor are for interactive screen display, not print */
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: initial;
    }

    .tablex[b-1wyv8i4c6a] {
        border-collapse: collapse;
        border: 0.90px solid black; /* Apply border to table itself */
    }
    /* Apply border to individual cells if needed */
    .tablex td[b-1wyv8i4c6a], .tablex th[b-1wyv8i4c6a] {
        border: 0.90px solid black;
    }
    /* Your original .td class */
    .td[b-1wyv8i4c6a] {
        border: 1px solid black;
    }

    .print[b-1wyv8i4c6a] {
       /* check this margin-top, it's a very large negative value */
       /* it might be causing content to disappear or align strangely */
       /* magin-top:-1550px!important; */
       font-family: phetsarath,"Times New Roman", Times, serif!important;
       padding-left:25px!important; /* Changed from 30px */
       padding-right:25px!important; /* Changed from 30px */
    }
    
    p[b-1wyv8i4c6a] {
        line-height: 1.5;
        margin: 0px;
    }

    .h[b-1wyv8i4c6a] {
        font-family: phetsarath,roboto!important;
        font-weight:bold;
    }
    .sub_td[b-1wyv8i4c6a] {
        text-align: center!important;
        line-height: 20px!important;
    }
    .sub-line[b-1wyv8i4c6a] {
        margin-top:-20px!important;
    }
    .red[b-1wyv8i4c6a] {
        color:red;
    }

    .head_border[b-1wyv8i4c6a] {
        border:solid 1.5px black;
        border-radius:5px;
        padding: 5px 15px 5px 15px;
        margin-bottom:10px;
    }
}
/* _content/Income_Dot_Net_6/Report/Report_Income_Zone.razor.rz.scp.css */
body[b-h1gi2uyfqa] {
   
    margin: 0 auto;
    padding: 0;
    font-family: 'Phetsarath OT';
    font-size: 12pt;
    background: rgb(204,204,204);
}
*[b-h1gi2uyfqa] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.main-page[b-h1gi2uyfqa] {
    width: 297mm; /* This seems to be landscape A4 size, but used for main-page on screen */
    min-height: 210mm; /* A4 landscape height */
    margin: 10mm auto;
    
    background: white;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
.sub-page[b-h1gi2uyfqa] {
    padding: 1cm;
    /* height: 297mm; <--- Removed. Let content define height. */
}

/* Base @page rule - Let browser handle orientation */
@page {
    /* size: A4;  <--- REMOVE OR CHANGE TO auto/unset */
    /* size: A4 auto; <--- Can use auto if you want A4 but let orientation be chosen */
    size: unset; /* หรือ size: auto; หรือ ลบบรรทัดนี้ออกไปเลย */
    margin: 0;
}

/* Media query for print - all print-specific styles */
@media print {
    /* สำคัญ: ลบ width/height ที่บังคับ A4 Portrait ออกจาก html, body เพื่อให้เบราว์เซอร์จัดการ Orientation ได้ */
    html[b-h1gi2uyfqa], body[b-h1gi2uyfqa] {
      /* width: 210mm; */
      /* height: 297mm; */
      margin: 0; /* ตรวจสอบให้แน่ใจว่าไม่มี margin ที่ไม่ต้องการ */
      padding: 0;
      font-size: 10pt; /* อาจจะลดขนาด font สำหรับการพิมพ์ */
    }
    
    .main-page[b-h1gi2uyfqa] {
      margin: 0;
      border: initial;
      border-radius: initial;
      width: initial;
      min-height: initial;
      box-shadow: initial;
      background: initial;
      page-break-after: always;
    }
    
    .seeprint[b-h1gi2uyfqa] {
        display: block; /* แสดงเมื่อพิมพ์ */
    }
    .noprint[b-h1gi2uyfqa] {
        display: none; /* ซ่อนเมื่อพิมพ์ */
    }

    .table_display_data[b-h1gi2uyfqa] {
       overflow-x: auto!important; /* Keep for overflow */
       white-space: nowrap!important; /* Keep for no wrapping */
    }
    
    /* Font Sizes */
    .x10[b-h1gi2uyfqa] { font-size:11px !important; }
    .x11[b-h1gi2uyfqa] { font-size:14px !important; }
    .x12[b-h1gi2uyfqa] { font-size:12px !important; }
    .x13[b-h1gi2uyfqa] { font-size:17px !important; }
    .x14[b-h1gi2uyfqa] { font-size:14px !important; }
    
    .xbold[b-h1gi2uyfqa] { font-weight:bold; }
    
    /* Remove unnecessary styles for print */
    .out-plate[b-h1gi2uyfqa], .plate[b-h1gi2uyfqa] { /* Consider if these styles are relevant for print */
        background: initial;
        border: initial;
        border-radius: initial;
        padding: initial;
        /* user-select and cursor are for interactive screen display, not print */
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: initial;
    }

    .tablex[b-h1gi2uyfqa] {
        border-collapse: collapse;
        border: 0.90px solid black; /* Apply border to table itself */
    }
    /* Apply border to individual cells if needed */
    .tablex td[b-h1gi2uyfqa], .tablex th[b-h1gi2uyfqa] {
        border: 0.90px solid black;
    }
    /* Your original .td class */
    .td[b-h1gi2uyfqa] {
        border: 1px solid black;
    }

    .print[b-h1gi2uyfqa] {
       /* check this margin-top, it's a very large negative value */
       /* it might be causing content to disappear or align strangely */
       /* magin-top:-1550px!important; */
       font-family: phetsarath,"Times New Roman", Times, serif!important;
       padding-left:25px!important; /* Changed from 30px */
       padding-right:25px!important; /* Changed from 30px */
    }
    
    p[b-h1gi2uyfqa] {
        line-height: 1.5;
        margin: 0px;
    }

    .h[b-h1gi2uyfqa] {
        font-family: phetsarath,roboto!important;
        font-weight:bold;
    }
    .sub_td[b-h1gi2uyfqa] {
        text-align: center!important;
        line-height: 20px!important;
    }
    .sub-line[b-h1gi2uyfqa] {
        margin-top:-20px!important;
    }
    .red[b-h1gi2uyfqa] {
        color:red;
    }

    .head_border[b-h1gi2uyfqa] {
        border:solid 1.5px black;
        border-radius:5px;
        padding: 5px 15px 5px 15px;
        margin-bottom:10px;
    }
}
/* _content/Income_Dot_Net_6/Shared/MainLayout.razor.rz.scp.css */


.page[b-jeppofqojv] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-jeppofqojv] {
    flex: 1;
    font-family: 'Phetsarath ';
   
}

.sidebar[b-jeppofqojv] {
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    background-color: rgb(10, 39, 105);
    font-family: 'Phetsarath';
    font-size: 12pt;
}

.top-row[b-jeppofqojv] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-jeppofqojv]  a, .top-row .btn-link[b-jeppofqojv] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-jeppofqojv] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-jeppofqojv] {
        display: none;
    }

    .top-row.auth[b-jeppofqojv] {
        justify-content: space-between;
    }

    .top-row a[b-jeppofqojv], .top-row .btn-link[b-jeppofqojv] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-jeppofqojv] {
        flex-direction: row;
    }

    .sidebar[b-jeppofqojv] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-jeppofqojv] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-jeppofqojv], article[b-jeppofqojv] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* _content/Income_Dot_Net_6/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-moxlqn95hr] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-moxlqn95hr] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-moxlqn95hr] {
    font-size: 1.1rem;
}

.oi[b-moxlqn95hr] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-moxlqn95hr] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
   
}

    .nav-item:first-of-type[b-moxlqn95hr] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-moxlqn95hr] {
        padding-bottom: 1rem;
    }

    .nav-item[b-moxlqn95hr]  a {
        color: black;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-moxlqn95hr]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-moxlqn95hr]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: black;
}

@media (min-width: 641px) {
    .navbar-toggler[b-moxlqn95hr] {
        display: none;
    }

    .collapse[b-moxlqn95hr] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-moxlqn95hr] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/Income_Dot_Net_6/Shared/TopLayout.razor.rz.scp.css */


.page[b-0hykhr9ndh] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-0hykhr9ndh] {
    flex: 1;
    font-family: 'Phetsarath ';
   
}

.sidebar[b-0hykhr9ndh] {
    /*background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);*/
    background-color: rgb(10, 39, 105);
    font-family: 'Phetsarath';
    font-size: 12pt;
}

.top-row[b-0hykhr9ndh] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-0hykhr9ndh]  a, .top-row .btn-link[b-0hykhr9ndh] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-0hykhr9ndh] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-0hykhr9ndh] {
        display: none;
    }

    .top-row.auth[b-0hykhr9ndh] {
        justify-content: space-between;
    }

    .top-row a[b-0hykhr9ndh], .top-row .btn-link[b-0hykhr9ndh] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-0hykhr9ndh] {
        flex-direction: row;
    }

    .sidebar[b-0hykhr9ndh] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-0hykhr9ndh] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-0hykhr9ndh], article[b-0hykhr9ndh] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}