#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:70px;
   width:100%;
   background:#f4f5f9;
}
fieldset {
    border: 2px solid rgba(243, 156, 18, 0.49) !important;
    margin: 0;
    min-width: 0;
    padding: 10px;       
    position: relative;
    border-radius:4px;	
    padding-left:10px!important;
    width: 100%;
}	
legend{
    font-size:14px;
    font-weight:bold;
    margin-bottom: 0px; 
    width: 100%; 
    border: 1px solid #f39c12;
    border-radius: 4px; 
    padding: 5px 5px 5px 10px; 
    background-color: #f39c12;
}
div.tscrol{
    width: 100%;
    height: 400px;
    overflow: scroll;
    overflow-x: hidden;
}
/* คอลัมแนวตั้ง */
div.vertical
{

 height: 190px;
 writing-mode: tb-rl;
}
div.vertical2
{

 height: 110px;
 writing-mode: vertical-rl;
}
table.fixed{
    table-layout:fixed; 
}
table.fixed td { 
    overflow: hidden; 
}
th.sticky{
    position: sticky;
    top: 0; 
}

.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 80px;
    height: 80px;
    margin: 200px 50% 0 -76px;
    border: 16px solid #f3f3f3;
    border-radius: 100%;
    border-top: 12px solid #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }