@CHARSET "UTF-8";

/*
 *  File:         slip_dataTables.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables
 *  Author:       Julio César Velasco Juárez < jvelasco@beverlydata.com >
 *  Created:      18-06-2012
 *  Language:     CSS
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the the standard DataTables in the slip software platform
 *
 */
 
div.dataTables_length {float:left; margin-bottom:0px;}
div.dataTables_length select{width:60px; display:inline; margin-bottom:0px; }

div.dataTables_filter {float:right; margin-bottom:0px;}
div.dataTables_filter input[type=text]{width:150px; display:inline;margin-bottom:0px; height:25px!important;}
div.dataTables_info {float:left;} 
div.dataTables_paginate {float:right;}
 
div.dataTables_length,
div.dataTables_filter,
div.dataTables_paginate,
div.dataTables_info {padding:6px; margin-top:10px;}

/* table wrapper */
/* Self clearing - http://www.webtoolkit.info/css-clearfix.html -> the container get the height of its content */
/*
div.dataTables_wrapper{
	overflow-x: scroll;
}*/

div.dataTables_wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .dataTables_wrapper { display: block; }
* html .dataTables_wrapper { height: 1%; }

/* table */
div.dataTables_wrapper table.slipDataTable{
	clear:both; width:100%; 
	text-align:left;
	border: 0;
}

div.dataTables_wrapper table.slipDataTable tr:nth-child(even) td{ background-color: #EFFFE3; }
div.dataTables_wrapper table.slipDataTable tr:nth-child(odd) td{ background-color: #f3f3f3; }
div.dataTables_wrapper table.slipDataTable tr:hover td {background-color: #D6DF22; }


div.dataTables_wrapper table.slipDataTable thead th {
	padding: 8px;
	font-weight: bold;
	font-size: 13px;
	color: #fff;	
	background:#4d4d4d;
	background: -moz-linear-gradient(top,  #999999 0%, #4d4d4d 75%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(75%,#4d4d4d));
	background: -webkit-linear-gradient(top,  #999999 0%,#4d4d4d 75%);
	background: -o-linear-gradient(top,  #999999 0%,#4d4d4d 75%);
	background: -ms-linear-gradient(top,  #999999 0%,#4d4d4d 75%);
	background: linear-gradient(top,  #999999 0%,#4d4d4d 75%);	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#4d4d4d',GradientType=0 );
	border:0;	
}

div.dataTables_wrapper table.slipDataTable thead th:first-child{
	border-top-left-radius: 8px;
	-ms-border-top-left-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-khtml-border-top-left-radius: 8px;
}
div.dataTables_wrapper table.slipDataTable thead th:last-child{
	border-top-right-radius: 8px;
	-ms-border-top-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-khtml-border-top-right-radius: 8px;  
}
div.dataTables_wrapper table.slipDataTable thead th.sorting_asc {
	
	background: url('images/DataTables/sort_asc.png') no-repeat right center, -moz-linear-gradient(top,  #999999 0%, #4d4d4d 75%); 
	background: url('images/DataTables/sort_asc.png') no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(75%,#4d4d4d));
	background: url('images/DataTables/sort_asc.png') no-repeat right center, -webkit-linear-gradient(top,  #999999 0%,#4d4d4d 75%);
	background: url('images/DataTables/sort_asc.png') no-repeat right center, -o-linear-gradient(top,  #999999 0%,#4d4d4d 75%);
	background: url('images/DataTables/sort_asc.png') no-repeat right center, -ms-linear-gradient(top,  #999999 0%,#4d4d4d 75%);
	background: url('images/DataTables/sort_asc.png') no-repeat right center, linear-gradient(top,  #999999 0%,#4d4d4d 75%);
	
}
div.dataTables_wrapper table.slipDataTable thead th.sorting_desc {
	background: url('images/DataTables/sort_desc.png') no-repeat right center, -moz-linear-gradient(top,  #999999 0%, #4d4d4d 75%); /* FF3.6+ */
	background: url('images/DataTables/sort_desc.png') no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(75%,#4d4d4d)); /* Chrome,Safari4+ */
	background: url('images/DataTables/sort_desc.png') no-repeat right center, -webkit-linear-gradient(top,  #999999 0%,#4d4d4d 75%); /* Chrome10+,Safari5.1+ */
	background: url('images/DataTables/sort_desc.png') no-repeat right center, -o-linear-gradient(top,  #999999 0%,#4d4d4d 75%); /* Opera 11.10+ */
	background: url('images/DataTables/sort_desc.png') no-repeat right center, -ms-linear-gradient(top,  #999999 0%,#4d4d4d 75%); /* IE10+ */
	background: url('images/DataTables/sort_desc.png') no-repeat right center, linear-gradient(top,  #999999 0%,#4d4d4d 75%); /* W3C */	
} 
div.dataTables_wrapper table.slipDataTable thead th.sorting {
	background: url('images/DataTables/sort_both.png') no-repeat right center, -moz-linear-gradient(top,  #999999 0%, #4d4d4d 75%); /* FF3.6+ */
	background: url('images/DataTables/sort_both.png') no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(75%,#4d4d4d)); /* Chrome,Safari4+ */
	background: url('images/DataTables/sort_both.png') no-repeat right center, -webkit-linear-gradient(top,  #999999 0%,#4d4d4d 75%); /* Chrome10+,Safari5.1+ */
	background: url('images/DataTables/sort_both.png') no-repeat right center, -o-linear-gradient(top,  #999999 0%,#4d4d4d 75%); /* Opera 11.10+ */
	background: url('images/DataTables/sort_both.png') no-repeat right center, -ms-linear-gradient(top,  #999999 0%,#4d4d4d 75%); /* IE10+ */
	background: url('images/DataTables/sort_both.png') no-repeat right center, linear-gradient(top,  #999999 0%,#4d4d4d 75%); /* W3C */
}
div.dataTables_wrapper table.slipDataTable td{
	padding: 8px;
	background: #F0F4E5;
	border-top: 1px solid #4d4d4d;	
}
/*
div.dataTables_wrapper table.slipDataTable td:first-child{
	border-left: 1px solid #4d4d4d;	
}
div.dataTables_wrapper table.slipDataTable td:last-child{
	border-right: 1px solid #4d4d4d;	
}*/
	
/* pagination */
div.dataTables_wrapper a.paginate_button,
div.dataTables_wrapper a.paginate_active {
    display: inline-block;
    background-color: transparent;
    color:#97C00E;
    padding: 2px 3px;
    margin-left: 2px;
    cursor: pointer;
    *cursor: hand;
}
div.dataTables_wrapper a.paginate_active {    
    color:#fff !important;
    background-color:#4d4d4d;
    border: 1px solid black;
    font-weight:bold
}
div.dataTables_wrapper a.paginate_button_disabled {
    color: #aaa;    
    text-decoration: none;
}

div.dataTables_wrapper .paging_full_numbers a:active {
    outline: none
}
div.dataTables_wrapper .paging_full_numbers a:hover {
    text-decoration: none;
}

		
/* some tablets */
@media only screen and (max-width : 801px) {

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 481px) {
	div.dataTables_length {float:left; /*clear:both;*/} 
	div.dataTables_filter {float:left; /*clear:both;*/} 
	div.dataTables_info {float:left; /*clear:both;*/} 
	div.dataTables_paginate {float:left; /*clear:both;*/}
}