html,
body {
    height: 100%;
    font-family:arial;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.table-fixed thead {
  width: 97%;
}
.table-fixed tbody {
  height: 200px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
  float: left;
  border-bottom-width: 0;
}



	.TFtable{
		width:100%; 
		border-collapse:collapse; 
                
	}
	.TFtable td{ 
		padding:5px !important;  border:#4e95f4 1px solid;
                font-weight:bold;
                font-family:arial;
                border:0px;
	}
        .TFtable th{ 
		background-color:#2d2d2d;color:white;  font-weight:bold;
                font-family:arial;
	}
	/* provide some minimal visual accomodation for IE8 and below */
	.TFtable tr{
		background: #b8d1f3;
	}
	/*  Define the background color for all the ODD background rows  */
	.TFtable tr:nth-child(odd){ 
		background: #f1f8ff;
	}
	/*  Define the background color for all the EVEN background rows  */
	.TFtable tr:nth-child(even){
		background: #d8ebf9;
	}

        .goldHeader > .hasDatepicker
        {
                        background-color:#222;
                        width:80px;
                        border:0px #222;
                        text-align:right;
        }
        
       .goldHeader >      .ui-datepicker-trigger
        {
             background-color:#222;
               border:2px white;
               border-radius:5px;
        }

        .goldHeader > .ui-datepicker-trigger:hover
        {
             background-color:gray;
            
        }

        .btnCreateBill
        {
            height:41px;
            width:135px;
            border: 0px ;
        }
        
        .btnGold
        {
            
            background-image:url('images/btnBg.png');
         height:40px;
         background-color:transparent;
            background-repeat:repeat-x;
            border: 0px ;
            font-family:arial 16px !important;
            font-weight:bold;
            
        }
        
        .btnGold:hover
        {
            border:2px solid green;
            
        }
        
        .btnGold:disabled
        {
            border:2px solid gray !important;
            background-color: gray !important;
           background-image: url('images/btnBg12.png');
           
        }
        
        .btnCloseThisDay
        {
            width:256px;
        }
        
        .selectGold
        {
            float:right;
            box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
            height:30px;
            width:200px;
            font-size:16px;
            font-family:arial;
             appearance: none;
 
              
        }
        
        .goldHead
        {
            font-family:arial;
            font-weight:bold;
            
        }
        
        .inputGold
{
  background-color:#ebebeb;
  height:37px;
  border-radius:4px;
  -moz-box-shadow:    inset 0 0 5px #000000;
   -webkit-box-shadow: inset 0 0 5px #000000;
   box-shadow:         inset 0 0 5px #000000;
   padding:2px;
   font-size: 16px;
   font-weight:bold;
    font-family: "arial";
    color:black;
   
}
        
        .styled-select {
   width:100px;
   overflow: hidden;
   background: #F8F8F8;
   border: 1px solid #DDDDDD;
   height: 30px;
   border-radius:2px;
 }
 
.styled-select select {
  width: 100%;
  border: 0;
  line-height: 1.5;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  appearance: none;
  background: transparent url("/img/smart_arrows.png") no-repeat scroll 97% 8px;
  @media (-webkit-min-device-pixel-ratio: 2), 
    (min-resolution: 192dpi) {
      background: transparent url("/img/smart_arrows@2x.png") no-repeat scroll 97% 8px;
      background-size: 16px 144px;
    }
}


//fixed header tables

@header_background_color: #333;
@header_text_color: #FDFDFD;
@alternate_row_background_color: #DDD;

@table_width: 750px;
@table_body_height: 300px;
@column_one_width: 200px;
@column_two_width: 200px;
@column_three_width: 350px;

.fixed_headers {
  width: @table_width;
  table-layout: fixed;
  border-collapse: collapse;
  
  th { text-decoration: underline; }
  th, td {
    padding: 5px;
    text-align: left;
  }
  
  td:nth-child(1), th:nth-child(1) { min-width: @column_one_width; }
  td:nth-child(2), th:nth-child(2) { min-width: @column_two_width; }
  td:nth-child(3), th:nth-child(3) { width: @column_three_width; }

  thead {
    background-color: @header_background_color;
    color: @header_text_color;
    tr {
      display: block;
      position: relative;
    }
  }
  tbody {
    display: block;
    overflow: auto;
    width: 100%;
    height: @table_body_height;
    tr:nth-child(even) {
      background-color: @alternate_row_background_color;
    }
  }
}

.old_ie_wrapper {
  height: @table_body_height;
  width: @table_width;
  overflow-x: hidden;
  overflow-y: auto;
  tbody { height: auto; }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.form-control
{
    padding: 1px 6px;
}

#from_date , #to_date , #bill-date, #dailycash-date, #staffs-joining_date, #expense-date, #expiry1 
{
    display:none;
}

#from_date1     , #to_date1
{
    background-color:#222;
                        width:80px;
                        border:0px #222;
                        text-align:right;
                        
}

.percentage
{
     background-image:url('images/p.png');
    background-position: right; 
    background-repeat: no-repeat;
    padding-right: 30px;
    text-aligh: center !important:

   
}

.form-control
{
        font-weight:bold;
}


.userul
{
    padding-right:30px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}



.selected_link
{
    color:orange;
    font-weight:bold;
}

.gold_link
{
    color:black;
    font-weight:bold;
}

.gold_float_right
{
    float:right;
}

.hidethistr
{
    display:none;
}

.barcode-text
{
    font-size:10px;
    color:blue !important;
    font-weight:bold;

}

.inward_list_item
{
     border-radius: 5px;
     padding:2px;
}

.largeglyphicon
{
    font-size:30px !important;
}

.stockText
{
    font-size:30px;
}

form div.required label.control-label:after {
  content:" * ";
  color:red;
}

.pending_bill
{
    
    background-color: green; //#8F1F5A//
    border: 2px solid;
    border-radius: 8px;
    color:white;
    font-weight:bold;
    text-align: center;
      
}

.pending_bill input[type="checkbox"]{
  width: 30px; /*Desired width*/
  height: 20px; /*Desired height*/
  clear:both;
}