﻿ table.dataTable {width:100% !important;}
 
.table-container
{
    width:100% !important; 
}
        
div.tableLayout {
    display: table;
    border-spacing:10px;
    width:100%;
}

    div.tableLayout .cell {
        display: table-cell;
        min-height:500px;
        min-width:500px;
    }

    .dt-container {
    width: 95%;
    height: 100%;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 20px;
}

.cell{
        width: 50%;
        padding: 10px;
        vertical-align: top;
        border: 1px solid #aaa;
}


.colRight
{
     text-align:right;
    }
    
    
    
.colCenter
{
     text-align:center;
    }
    
    .colLeft
{
     text-align:left;
    }
    
    
    .tdError
    {
        height:40px;
        }
        
        
        
div.tableLayout2 {
    display: table;
    border-spacing:6px;
    width:100%;
}

  

div.tableLayout2 .dt-container {
    width: 100%;
    height: 100%;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 20px;
}

  div.tableLayout2 .cell {
        display: table-cell;
        min-height:500px;
        min-width:500px;
        width: 50%;
        padding: 10px;
        vertical-align: top;
        border: 1px solid #aaa;
}

 div.tableLayout2 .cell-left {
        width: 55%;
}

 div.tableLayout2 .cell-right {
        width: 45%;
}

.table-get-job-details span
{
    color:Gray;
    }

.table-get-job-details label
{
    font-weight:bold;
}
    
    
.table-get-job-details tr td
{
        width: 200px;
    }
    
    
    
.table-form { padding:50px; width:100%;}
.table-form input[type=text] { width:95%; }
.table-form input[type=password] { width:95%; }
.table-form input[type=search] { width:95%; }
.table-form select { width:95%; } 
.table-form textarea { width:95%; }
.table-form tr td{ padding:10px;}
.table-form .submit{ float:right;}
.table-form label{ font-weight:bold;}

.table-container-search-customer
{
    width:100%;
    }
    
.table-container-search-customer    .left-container {
    width:190px !important; 
    float:left;
}

.table-container-search-customer .right-container
{

    float:right; 
}

.table-transaction-detail
{
    width:298px; 
    padding-top:14px;  
    margin:auto;    
}

.table-transaction-detail td
{
    width: 100px;
   height:12px;
}



.table-transaction-payment
{
    width:560px;    
}

.table-transaction-payment td
{
    width: 100px;
   height:12px;
   padding-left:20px;
}

.table-transaction-payment td select
{

    min-width: 162px !important;
}

.table-transaction-payment td input[type=text]
{
    width: 150px;
}