@import url(/css/fonts/thsarabunnew.css);
@font-face {
    font-family: 'THSarabunNew';
    src: url('/css/fonts/thsarabunnew-webfont.eot');
    src: url('/css/fonts/thsarabunnew-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/thsarabunnew-webfont.woff') format('woff'), url('/css/fonts/thsarabunnew-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'THSarabunNew';
    src: url('/css/fonts/thsarabunnew_bolditalic-webfont.eot');
    src: url('/css/fonts/thsarabunnew_bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/thsarabunnew_bolditalic-webfont.woff') format('woff'), url('/css/fonts/thsarabunnew_bolditalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'THSarabunNew';
    src: url('/css/fonts/thsarabunnew_italic-webfont.eot');
    src: url('/css/fonts/thsarabunnew_italic-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/thsarabunnew_italic-webfont.woff') format('woff'), url('/css/fonts/thsarabunnew_italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'THSarabunNew';
    src: url('/css/fonts/thsarabunnew_bold-webfont.eot');
    src: url('/css/fonts/thsarabunnew_bold-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/thsarabunnew_bold-webfont.woff') format('woff'), url('/css/fonts/thsarabunnew_bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
.body {
    font-family: 'THSarabunNew', sans-serif;
    font-size: 16px;
    width: 800px;
    background: #fff;
}
.autoMain {
    font-family: 'THSarabunNew';
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    background: #fff;
   
}
.MainMasterHeaderUser {
    font-family: 'THSarabunNew';
    font-size: 14px;
    text-align: right;
    width: 700px;
}
.MainMasterHeaderUser2{
    font-family: 'THSarabunNew';  
    font-size:14px;
    text-align:left;
    width:400px;   
}
.MainMasterHeaderLogin{
    font-family: 'THSarabunNew';  
    font-size:14px;    
    text-align:right;
    width:350px;
    margin-left: 120px;
}
.MainMasterHeaderButton{
    font-family: 'THSarabunNew';  
   
    text-align:left;
    width:1850px;   
    background:#0070c0;    
}
.MainMasterNobutton{
    font-family: 'THSarabunNew';  
    font-size:22px;    
    font-weight:bold;
    text-align:center;
    width:100%;   
    background:#0070c0;   
    color: #fff; 
}
.calendar{
    font-family: 'THSarabunNew';     
  
   
}
.centerBlock
{
    
    margin-left:auto;
    margin-right:auto;
    width:100%;
}
.centerBlock100
{
    font-family: 'THSarabunNew'; 
     font-size:22px;   
     text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:100%;
}
.FinanceBudget01{
   
    text-align: center;
     font-family: 'THSarabunNew'; 
   width:100px; 
      font-size:14px;   
}
.FinanceBudget01S{
    border-color: Gray;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    text-align: center;
     font-family: 'THSarabunNew'; 
   width:100px; 
      font-size:14px;   
      
}
.FinanceBudget01D{
    border-color: Gray;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    text-align: center;
    font-family: 'THSarabunNew'; 
    width:100px; 
    font-size:14px;   
      /*background:white;*/
}
.FinanceBudgetavaliable{
 
    border-color: #000000;
    text-align: center;
    font-family: 'THSarabunNew'; 
    font-weight:bold;
    font-size:22px;   
}
.FinanceBudget01Color{ 
    border-color: Gray;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    width:120px;
    text-align: center;
     font-family: 'THSarabunNew'; 
     color: Black;
      font-size:12px;   
font-weight:bold;
background:#93cddd;
}
.HeadColorborder{ 
    border-color: Gray;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
   
    text-align: center;
     font-family: 'THSarabunNew'; 
     color: Black;
      font-size:14px;   
font-weight:bold;
background:#93cddd;
}
.HeadColorborderw{ 
    border-color: Gray;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
   
    text-align: center;
     font-family: 'THSarabunNew'; 
     color: Black;
      font-size:14px;   
font-weight:bold;
background:#ffffff;
}
.FinanceBudget01Merge{
     border-color: Gray;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    
    width:240px;
    text-align: center;
     font-family: 'THSarabunNew'; 
     color: Black;
      font-size:14px;   
 font-weight:bold;
 background:#93cddd;

}
.FinanceBudget01Merge4{
     border-color: Gray;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    width:480px;
    text-align: center;
     font-family: 'THSarabunNew'; 
     color: Black;
      font-size:14px;   
 font-weight:bold;
 background:#93cddd;

}
.table01white {
    width: 100%;
    height:auto;
}
.table01head{

    width:100%;
    background:#93cddd;
    border-color: black;
    border-style: solid;
    border-width: 1px 1px 1px 1px;   
}
.table01search{
    width:100%;
    background:white;
    border-color: black;
    border-style: solid;
    border-width: 1px 1px 1px 1px;   
    font-family: 'THSarabunNew';   
}
.tablexxsearch{
    width:10%;
    background:white;
   height:10px !important; 
    font-family: 'THSarabunNew';   
}
.tablexxsearch2{
    width:23%;
    background:white;
  height:10px !important;
    font-family: 'THSarabunNew';   
}
.table01leftborder{
    width:10%;
    border-color: black;
    border-style: solid;
    border-width: 0px 0px 0px 1px;   
    background:#ffffff;
}
.showborder{    
    border-color: black;
    border-style: solid;
    border-width: 1px 1px 1px 1px;   
    background:#ffffff;
     text-align: center;
}
.showborder{    
    border-color: black;
    border-style: solid;
    border-width: 1px 1px 1px 1px;   
    background:#ffffff;
     text-align: center;
}
.showborderhead{    
    border-color: black;
    border-style: solid;
    border-width: 1px 1px 1px 1px;   
    background:#93cddd;
     text-align: center;
}
.table01rightborder{
    width:10%;
    border-color: black;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    background:#ffffff;
   
}
.table011rightborder {
    width: 10%;
    border-color: black;
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    background: #ffffff;
}
.divisiontable02Rightborder{
    width:15%;
    text-align:right;
    background:#ffffff;
}
.divisiontable03border{
    width:25%;
    background:#ffffff;
}
.table01leftborderbottom{
    width:10%;
    border-color: black;
    border-style: solid;
    border-width: 0px 0px 1px 1px;   
    background:#ffffff;
}
.table01rightborderbottom{
    width:10%;
    border-color: black;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    background:#ffffff;
   
}
.divisiontable02Rightborderbottom{
    width:15%;
    text-align:right;
    background:#ffffff;
     border-color: black;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
}
.divisiontable03borderbottom{
    width:25%;
    background:#ffffff;
       border-color: black;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
}
.table0125per{
    width:25%;
}
.table0110per{
    width:10%;
}
.table0120per{
    width:20%;
}
.table0140per{
    width:40%;
}
.table01{
    width:150px;
}
.table01bg{
    width:270px;
    background:#ffffff;
}
.table02{
    width:200px;
}
.table02M2{
width:400px;
color: #2584c9;
text-align: center;
font-family: 'THSarabunNew';      
font-size:30px;  
font-weight:bold;
}
.table02M3{
width:600px;
color: #2584c9;
text-align: center;
font-family: 'THSarabunNew';      
font-size:22px;  
font-weight:bold;
}
.showfontbold{
font-family: 'THSarabunNew';      
font-size:14px;  
font-weight:bold;
}
.showfont{
font-family: 'THSarabunNew';      
font-size:12px;  
font-weight:bold;

}
.SortedAscendingHeaderStyle, .SortedDescendingHeaderStyle
{
  background-color: #FFFFCC;
  background-repeat: no-repeat;
}

.SortedAscendingHeaderStyle
{
  background-image:url(../Image/user.png);
}

.SortedDescendingHeaderStyle
{
  background-image:url(../Image/user.png);   
}
.table02Right{
    width:200px;
    text-align:right;
}
.table03{
    width:800px;
}
.divisiontable02Right{
    width:200px;
    text-align:right;
}
.stockmakettable02Right{
    width:350px;
    text-align:right;
}
.divisiontable03{
    width:300px;
}
.table04{
    width:0px;
}
.btn {
    display: inline-block;
    padding: 1px 8px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;

}
.btnlogin {
    display: inline-block;
    padding: 1px 8px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: 'THSarabunNew';      
font-size:20px;  
color: #fff;
font-weight:bold;
    background-color: #5f5f5f;    
    border-color: #5f5f5f;
    width:350px;
    height:50px;

}
.btn-save {
    color: #fff;
    background-color: #4295f2;    
    border-color: #4295f2;
    width:70px !important;
    height:30px;
}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
     width:50px !important;
    height:30px;
    font-family: 'THSarabunNew';      
font-size:12px;  
font-weight:bold;
}
.btn-green {
    color: #fff;
    background-color: #008000;
    border-color: #008000;
    width:70px !important;
    height:30px;
    font-family: 'THSarabunNew';      
font-size:12px;  
font-weight:bold;
}
.btn-green150 {
    color: #fff;
    background-color: #008000;
    border-color: #008000;
    width:200px !important;
    height:30px;
        font-family: 'THSarabunNew';      
font-size:12px;  
font-weight:bold;
}
.btn-green100 {
    color: #fff;
    background-color: #008000;
    border-color: #008000;
    width:150px !important;
    height:30px;
        font-family: 'THSarabunNew';      
font-size:12px;  
font-weight:bold;

}

.fancy-green .ajax__tab_header
{
	background: url(green_bg_Tab.gif) repeat-x;
	cursor:pointer;
}
.fancy-green .ajax__tab_hover .ajax__tab_outer, .fancy-green .ajax__tab_active .ajax__tab_outer
{
	background: url(green_left_Tab.gif) no-repeat left top;
}
.fancy-green .ajax__tab_hover .ajax__tab_inner, .fancy-green .ajax__tab_active .ajax__tab_inner
{
	background: url(green_right_Tab.gif) no-repeat right top;
}
.fancy .ajax__tab_header
{
	font-size: 12px;
	font-weight: bold;
	color: #000;
	font-family: sans-serif;
}
.fancy .ajax__tab_active .ajax__tab_outer, .fancy .ajax__tab_header .ajax__tab_outer, .fancy .ajax__tab_hover .ajax__tab_outer
{
	height: 46px;
}
.fancy .ajax__tab_active .ajax__tab_inner, .fancy .ajax__tab_header .ajax__tab_inner, .fancy .ajax__tab_hover .ajax__tab_inner
{
	height: 46px;
	margin-left: 16px; /* offset the width of the left image */
}
.fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_active .ajax__tab_tab, .fancy .ajax__tab_header .ajax__tab_tab
{
	margin: 16px 16px 0px 0px;
}
.fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_active .ajax__tab_tab
{
	color: #fff;
}
.fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_active .ajax__tab_tab
{
	color: #fff;
}
.l{
	font-size: 10pt;
	border-top: 0;
	border:1px solid #999999;
	padding: 8px;
	background-color: #ffffff;
}
.edittable01{
    width:220px;
    text-align:center;
    background-color:mediumblue;
    color:white;
}
.edittable02{
    width:110px;
    text-align:center;
    background-color:#93cddd;
    color:Black;
}
.edittable01w{
    width:220px;
    text-align:center;
    background-color:cornflowerblue;
    
}
.edittable02w{
    width:110px;
    text-align:center;
    background-color:cornflowerblue;
    
}
 .textBoxuser{  
background-image:url(../Image/user.png);   
background-position:left;   
background-repeat:no-repeat;   
padding-left:50px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
font-family: 'THSarabunNew';      
font-size:18px;  
}
  .textBoxpassword{  
background-image:url(../Image/password.png);   
background-position:left;   
background-repeat:no-repeat;   
padding-left:50px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
font-family: 'THSarabunNew';      
font-size:18px;  
}
 th.sortasc a  
{

 background:url(../Image/sort-asc.png) no-repeat;  
}
 
 th.sortasc a  
{

 background:url(../Image/sort-asc.png) no-repeat;  
}
 
th.sortdesc a 
{

    background:url(../Image/Upload.png) no-repeat;
}

body
{
            background-color: LightBlue;
            font-family: Verdana;
            font-size: 13px;
}
.divHeaderTable
{
            width: 100%;
            padding-bottom:5px;
            display:block;
}
.divHeaderRow
{
            width: 100%; /* add extra that you want to for header column */
            display:block;
            height:105px;
}
.divHeaderColumn
{
            float: left;
            width: 33%;
            display:block;
}
.divTable
{
            width: 100%;
            display:block;
            padding-top:10px;
            padding-bottom:10px;
            padding-right:10px;
            padding-left:10px; 
}
.divRow
{
         width: 99%; 
         display:block;
         padding-bottom:5px;
}
.divColumn
{
         float: left;
         width: 24%;
         display:block;
}
.report-filter-container {
    width: 80%;
    margin: auto;
    padding: 20px;
    /* Removed border and border-radius as per request */
}

.large-font-label label {
    font-family: 'THSarabunNew';
    font-size: 18px; /* Increased font size */
    font-weight: bold; /* Keep consistent with existing styles */
}