/* CHROME PRINT BACKGROUND */ 
@media print {
  -webkit-print-color-adjust: exact !important;

* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    color-adjust: exact !important;                 /*Firefox*/
}

}

* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    color-adjust: exact !important;                 /*Firefox*/
}




/*  STYLES FOR jDataB  */ 



/* MAIN TITLE  */
.jdb-title { 
	border-color:#3C8DBC; 
	padding:0px;
}
.jdb-title > div.panel-heading{
	background-color:#3C8DBC;
	border-color:#000;  
	color:#FFFFFF;
	font-size:16px; 
}
 

/* div buttons at list */ 
.jdb-butonslist {
	margin-right:10px;display:inline-block; 
	width:auto;
	padding:0px;
	vertical-align: top;
}
/* BTNS */ 
.jdb-btn {
  color: #ffffff; 
  background-color: #3C8DBC; 
  margin-right:3px;margin-top:5px;margin-bottom:5px;
 
}

.jdb-btn > span {
	margin-right:3px;
}



/* MAIN DIV */ 
.jsdata-main {

}


/* HEADER  div header */
.jdb-header {
	background-color:#3C8DBC; 
	vertical-align: top;
	margin-top:10px;	margin-bottom:12px;
	padding-top:12px;padding-bottom:12px;
    -moz-box-shadow: 0px 5px 5px #888888;
    -webkit-box-shadow: 0px 5px 5px #888888;
    box-shadow: 0px 5px 5px #888888;; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#cccccc')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 5, Direction = 135, Color = '#cccccc');
}

.jdb-header > div > button.jdb-btn {
	color:#444 !important;
	background-color: #f4f4f4 !important; 
	
}


/* BUSCADOR */ 
.jdb-buscador{
	margin-right:10px;display:inline-block; 
	width:50%;
	padding-left:0px;
}

 @media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.jdb-buscador{
	margin-right:10px;display:inline-block; 
	width:100%;
	padding-left:0px;
}
}



.jdb-buscadorgr {
	
	padding-top:5px;
}
.jsdata-buscadordi { /* div input buscador */ 
	margin-top:0px;
}

/* div botones acciones */ 
.jdb-acciones {
	display:inline-block; 
	width:auto;
	padding-left:0px;
	padding-top:5px;
	float:right;
	width:auto;
	padding:0px;
	vertical-align: top;
}

/* DATOS  div datos */
.jdb-datos{
	 
	padding:0px;	
}


/* PAG div pag */ 
.jdb-pag{ 
	padding-left:0px;padding-bottom:5px;padding-top:0px;
	text-align:center; 
}
.jdb-pag >span { 
	
} 
.jdb-pag-input{ /* input num pag   */
	display:inline-block;
}

/* MENUS SUPERIORS */ 
.jdb-menulist{
	margin-right:10px;display:inline-block; 
	width:auto;
	padding:0px;
	vertical-align: top;
	float: right;
}
.jdb-menua { /* option menus before group of data */ 
	color:#ffffff; 
	display:inline-block; 
	cursor:pointer; 
	margin-left:10px; margin-right:10px;
	text-decoration:none; 
} 

.jdb-menua-active { /* option menus before group of data */ 
	color:#cacaca; 
	text-decoration:none; 
	font-weight: bold;
} 


/* ---------------- EDIT CSS ------------------- */ 

/* DIV MAIN EDIT */ 
.jdb-mainedit {
	padding:0px;
	text-align:left; 
}


/* div buttons for save list / del */ 
.jdb-butonsedit {
	margin-right:10px;display:inline-block; 
	width:auto;
	padding:0px;
}

/* div botones acciones Edit */ 
.jdb-accionesedit {
	display:inline-block; 
	width:auto;
	padding-left:0px;
	padding-top:0px;
	float:right; 
}

/* div save */ 
.jdb-divsave {  
 	padding:0px;
	text-align:left; 
}

/* div row to get form */ 
.jdb-divrow{
	margin-top:15px;
}


/* div before edit*/ 
.jdb-divbfedit {
 	padding:0px;
	text-align:left; 
}

/* div form edicion */ 
.jdb-divform {
 	 
	padding-top:10px;
	text-align:left; 
}

@media screen and (min-width: 480px) {
.jdb-divform {
 	padding:10px;
	padding-top:10px;
	text-align:left; 
}
}
  
.jbd-edit-group { /* div group of input label+input*/ 
	margin-bottom: 2px;
	padding:0px;
} 

/* label for edit */ 
.jdb-label{

}

.jbd-input-group { /* div group of input + caret */ 

}

/* INPUT for edit */ 
.jdb-input{ 

} 
.jdb-input-memo{  /* for memo fields */ 

}
.jdb-input-date { /* for dates fields */ 

}

/* ---------------- TABLAS DETALLE ------------------- */ 
.jdb-detalle > tbody > tr:hover td{
	background-color:#fff; 
}


/* ---------------- DETALLE CSS ------------------- */ 
.jdb-bfdetalle{ /* div before detalle */ 
 	padding:0px;
	text-align:left; 
}


.jdb-maindetail{ /* div edit detail */ 
	padding-0px;
}


.jdb-navedit { /* navigator ul */ 

}

.jdb-navedit > li { cursor:pointer;} 

.jdb-navedit > li  > a > span.caret {
	border-top:4px solid #B8C7CE;
	
}


.jdb-navedit > li.active > a  { /* li element active */ 
	background-color:#3C8DBC;color:#fff;  
}

.jdb-navedit > li > a  { /* li element active */ 
	background-color:#222D32;color:#B8C7CE;
}
.jdb-navedit > li  > a:hover{
	background-color:#2C3B41;color:#fff;
}



.jdb-navedit > li.jdb-navedit-noactive > a { /* element no Active */
	background-color:#222D32;color:#B8C7CE;
}
.jdb-navedit > li.jdb-navedit-noactive > a:hover{
	color:#fff;
}


.jdb-navedit-active > a  { /* a element active */ 
	background-color:#3C8DBC;color:#fff; 
}

.jdb-editdetail{ /* div edit detail */ 
	padding:0px; 
	border: 1px solid #444;
}

.jdb-table { /* table */  
	padding:0px;
}

.jdb-table > thead > tr { /* Titles */ 
	background-color:#3C8DBC; 
} 

.jdb-table > tbody > tr > td { /* border */ 
	color: #333;
	border-bottom: 1px solid #8AA496;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family:  'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif; 
	font-size: 14px;
	font-weight:  400 ;
	line-height: 1.42857143;	 

}

.jdb-tr-title { /* tr title */ 
	background-color:#3C8DBC !important ;  
}

.jdb-tr-title > td > a { /* a titles */ 
	color:#fff;
	text-decoration:none;
	text-transform: capitalize;
}

.jdb-tr-edit { /* tr edit  */ 

}

.jdb-td-novisible{  /* if the col is no visible */ 
	display: none;  width:0px
}
.jdb-td-add{ /* td add registry */ 

}



.jdb-input-det{ /* normal input field */ 

} 

.jdb-detall-alert{ /* detall recuadre alert */ 
	color:#222D32; text-decoration:none; 
}


/* ---------------- CROSS TAB  ------------------- */ 
div.jdb-cross { /* Div of table cross */ 
	overflow: auto;
	padding:0px;
	height:auto; 
}

table.jdb-table-cross {  /* table cross */ 
	
}

.jdb-table-cross > thead > tr { /* titles */ 
	background-color:#3C8DBC;
	color:#fff; 
	font-size:12px;
	text-decoration:none;
 
}

.jdb-table-cross > tbody > tr { /* TABLE TR */ 
}  

.jdb-table-cross > tbody > tr:hover td { /* TABLE HOVER TR */ 
	background: #B8C7CE;
}  

.hover_class {background-color: #eee;} 


.jdb-table-cross > thead > tr > th > a { /* a Titles */ 
	text-decoration:none;
	color:#fff;
}  
.jdb-table-cross > tbody { /* table body */ 
	overflow-y: auto;
}
.jdb-cross-td-total{
	background-color:#cacada
} 

.jdb-table-cross > tfoot > tr { /* foot */ 
	background-color:#000;
	color:#fff; 
	font-size:12px;
	text-decoration:none;
	text-align:right;
}
.jdb-table-cross > tfoot > tr >  td:nth-child(1){ /*  1st col */ 
	text-align:left;
}
.jdb-table-cross > tfoot > tr > td > a { /* a foot*/ 
	text-decoration:none;
	color:#fff;
} 
 

.fixed-column {
    position: absolute;
    display: inline-block;
    background-color:#222D32;
    min-width:150px;max-width:150px; width:150px;  
	font-size:12px;
	text-decoration:none;
	text-align:left;
}

#table-comandesvdetall > tbody > tr >  td:nth-child(1)    {
	min-width:150px; max-width:150px; width:150px; 
	background-color:#222D32;
	font-size:12px;
	text-decoration:none;
	text-align:left;
}


/* ---------------- EDIT PARAMETERS ------------------- */ 
.jbd-param-group { /* div group of input params  */ 
	display:inline-block; 
	padding-bottom:15px;
}
.jdb-param-options { /* div group of options in graph  */ 
	padding-bottom:5px;
	margin-bottom:5px;
	border-top:1px solid #cacaca; 
	border-bottom:1px solid #cacaca; 
}

/* ---------------- TABLE SELECT DESPLEGABLES BUSCADORES   ------------------- */ 
.jdb-table-div{  /* DIV WHERE TABLE SELECT IS */ 
	padding:0px; 
	background-color: #ECF0F5; 
	border-bottom: 1px solid #dddddd;
	background-color:#fafafa;
}

.jdb-table-div > div.divnavega {
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}

.jdb-table-select>tbody>tr>td, .jdb-table-select>tbody>tr>th, .jdb-table-select>tfoot>tr>td, .jdb-table-select>tfoot>tr>th, .jdb-table-select>thead>tr>td, .jdb-table-select>thead>tr>th {
	padding:4px !important;
	border-top: 0px !important; 
}

.jdb-table-select  { 
	border-collapse: collapse;
	border: 1px solid #ddd; 
}
.jdb-table-select > tbody > tr  { 
	border-bottom:1px solid #dddddd;
	background-color:#fafafa;
	cursor:pointer; 
}
.jdb-table-select > tbody > tr > td > a  { 
	color:#353535; text-decoration:none;  
}

.jdb-table-select > tbody > tr:hover > td  { 
	background-color: #3C8DBC; 
}
.jdb-table-select > tbody > tr:hover > td > a  { 
	color: #fff; 
}

.jdb-table-select > tbody > tr.active > td  { 
	background-color: #3C8DBC;  
}

.jdb-table-select > tbody > tr.active > td >a { 
	color: #fff; 
}




/* ---------------- FILES   ------------------- */ 
.jdb-files-div{  /*main div of files */ 
	width:350px;
	max-height:350px;
} 

.jdb-listfiles{  /* div list files */ 
	padding:0px;
	max-height:350px;
	overflow:auto;
}


.jdb-files-div-btn{ /* div for button upload  */
	margin-top:7px;
}
.jdb-files-div-file {
	border-bottom:1px solid #000; 	
	padding-right:0px; 
}

.jdb-files-file { /* file */ 
	text-decoration: none ;
	cursor:pointer;
}
.jdb-files-file:hover {
	text-decoration: none ;
}
.jdb-files-div-icons { /* icons */ 
	float: right; 
}
.jdb-files-div-icons > span { /* icon  */ 
	cursor:pointer; 
	margin-right:10px;
}


/* ---------------- LIST ITEMS   ------------------- */ 
.jdb-list-item > a{  
	color:#555555; cursor:pointer; 
}
.jdb-list-item.active > a{  
	color:#ffffff; 
}
.jdb-list-item.active, .jdb-list-item.active:hover {
	background-color: #3C8DBC;
	border-color:#3C8DBC
}
.jdb-list-item > span.glyphicon {
	cursor:pointer; 
}
.jdb-list-item{ 
cursor:pointer; 
}
ul.list-child{ 
	margin-left:7px;
	padding:0px;
	max-height:400px;
	overflow-y:auto; 
}

.jdb-list-item > span.badge {
	background-color:#3C8DBC; 
}
.jdb-list-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
}


/* ---------------- SHADOWS  ------------------- */ 
.jdb-shadow-sm{
    -moz-box-shadow: 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px #ccc; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#cccccc')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 2, Direction = 135, Color = '#cccccc');
    border-radius: 5px;
}


.jdb-shadow{
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 4, Direction = 135, Color = '#cccccc');
    border-radius: 5px;
}

.jdb-shadow-md{
    -moz-box-shadow: 8px 8px 9px #ccc;
    -webkit-box-shadow: 8px 8px 9px #ccc;
    box-shadow: 8px 8px 9px #ccc; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#cccccc')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 8, Direction = 135, Color = '#cccccc');
    border-radius: 5px; 
}

.jdb-shadow-lg{
    -moz-box-shadow: 12px 12px 12px #ccc;
    -webkit-box-shadow: 12px 12px 12px #ccc;
    box-shadow: 12px 12px 12px #ccc; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=12, Direction=135, Color='#cccccc')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 12, Direction = 135, Color = '#cccccc');
}




/* ---------------- SELECT ELEMENTS    ------------------- */ 
.jdb-div-select {
	display:none;
}

.jdb-view-block { display:block}


/* ---------------- NAV CSS ------------------- */ 
.jdb-navedit { /* navigator ul */ 

}

.jdb-navedit > li { cursor:pointer;} 

.jdb-navedit > li  > a > span.caret {
	border-top:4px solid #B8C7CE;
	
}


.jdb-navedit > li.active > a  { /* li element active */ 
	background-color:#3C8DBC;color:#fff;  
}

.jdb-navedit > li > a  { /* li element active */ 
	background-color:#222D32;color:#B8C7CE;
}
.jdb-navedit > li  > a:hover{
	background-color:#2C3B41;color:#fff;
}



.jdb-navedit > li.jdb-navedit-noactive > a { /* element no Active */
	background-color:#222D32;color:#B8C7CE;
}
.jdb-navedit > li.jdb-navedit-noactive > a:hover{
	color:#fff;
}


.jdb-navedit-active > a  { /* a element active */ 
	background-color:#3C8DBC;color:#fff; 
}