﻿/* jTable metro style theme - Light gray
 * Created by Halil İbrahim Kalkan
 * http://www.jtable.org
 */

.jtable-gray div.jtable-main-container .jtable-gray div.jtable-column-resize-bar {  
  background-color: #000;
}
.jtable-gray div.jtable-main-container .jtable-gray div.jtable-column-selection-container {  
  border: 1px solid #C8C8C8;
  background: #fff;
  color: #000;  
}
form.jtable-dialog-form .jtable-gray div.jtable-input-field-container {  
  border-bottom: 1px solid #ddd;
}
form.jtable-dialog-form .jtable-gray div.jtable-input-label {
  color: #666;
}
.jtable-gray div.jtable-busy-panel-background { 
  background-color: #000;
}
.jtable-gray div.jtable-busy-panel-background.jtable-busy-panel-background-invisible {
  background-color: transparent;
}
.jtable-gray div.jtable-main-container {
  background: #fff; 
}
.jtable-gray div.jtable-main-container > div.jtable-title {
  background-color: #c7c7c7;
  padding-left: 10px;
}
.jtable-gray div.jtable-main-container > div.jtable-title div.jtable-title-text {  
  color: #2f2f2f;
}
.jtable-gray div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item {
  background-color: #585858;
  color: white;
}
.jtable-gray div.jtable-main-container > div.jtable-title div.jtable-toolbar span.jtable-toolbar-item.jtable-toolbar-item-hover {
  background-color: #5f5f5f; 
}
.jtable-gray div.jtable-main-container > table.jtable {
  /* border: 1px solid #e7e7e7 */
  border: none !important;
}
.jtable-gray div.jtable-main-container > table.jtable > thead {
  background-color: #f2f2f2;  
}
.jtable-gray div.jtable-main-container > table.jtable > thead th {  
  color: #2f2f2f;
  /* border: 1px solid #ddd; */
}
.jtable-gray div.jtable-main-container > table.jtable > tbody > tr {
  background-color: #fff;
}
.jtable-gray div.jtable-main-container > table.jtable > tbody > tr > td {
  border: 1px solid #ddd;
  /* border: none !important; */
}
.jtable-gray div.jtable-main-container > table.jtable > tbody > tr > td:first-child {
  padding-left: 50px;
}
.jtable-gray div.jtable-main-container > table.jtable > thead > tr > th:first-child {
  padding-left: 50px;
}
.jtable-gray div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
  background-color: #f9f9f9;
}
.jtable-gray div.jtable-main-container > table.jtable > tbody > tr:hover {
  background: #e8eaef;
}
.jtable-gray div.jtable-main-container > table.jtable > tbody > tr.jtable-row-selected {
  color: #2f2f2f;
  background-color: #929292;
}
.jtable-gray div.jtable-main-container > table.jtable > tbody > tr.jtable-row-created {
  background-color: #a3a3a3;
}
.jtable-gray div.jtable-main-container > table.jtable > tbody > tr.jtable-row-updated {
  background-color: #a3a3a3;
}
.jtable-gray div.jtable-main-container > table.jtable > tbody > tr.jtable-row-deleting {
  background-color: #e51400;
  color: #fff;
}
.jtable-gray div.jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td {      
  padding: 0px;
  background-color: #fff;
}
.jtable-gray div.jtable-main-container > div.jtable-bottom-panel {
  background-color: #c7c7c7;
  color: #2f2f2f; 
  border: 1px solid #c7c7c7;
}
.jtable-gray div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
.jtable-gray div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
.jtable-gray div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
.jtable-gray div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
.jtable-gray div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
.jtable-gray div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
.jtable-gray div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
  background-color: #e7e7e7;  
  color: #fff;
}
.jtable-gray div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number:hover,
.jtable-gray div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first:hover,
.jtable-gray div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last:hover,
.jtable-gray div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous:hover,
.jtable-gray div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next:hover {
  background-color: #929292;
}
.jtable-gray div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled {  
  color: #2f2f2f;  
}
.jtable-gray div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list .jtable-page-number-disabled:hover {
  background-color: #e7e7e7;
}
.jtable-gray div.jtable-busy-message { 
  color: #fff;  
  background-color: #4e4e4e;
}

.jtable-gray div.jtable-main-container > table.jtable > thead th {
   font-size: 12px;
   /* font-weight: bold; */
   font-family: Arial, Helvetica, sans-serif, Calibri;
   color: #7b7b7b;
   line-height: 21px;
   border: 1px solid #ddd;
}
.jtable-gray div.jtable-main-container > table.jtable > thead { display: table-header-group !important; }


.jtable-gray div.jtable-main-container > table.jtable > tbody > tr.jtable-row-even {
    background-color: #fff;
}