
   /* increase font & row height */
  /* increase font & row height */

 
   /* COLOR DE FONDO DE PANEL SUPERIOR Y TOOL BUTTON */
   .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{
      border:1px solid rgb(210,210,210) ;
      background: rgb( 240,240,240); 
       /*background: transparent; */
      
      color: rgb(50,50,50);
   }


    
   /* sector TITULOS DE COLUMNAS */  
   .ui-th-column   { border:0px solid red!important;   }

   /* TITULOS DE COLUMNAS */ 
   .ui-jqgrid-sortable  { 
      color:rgb(50,50,50);
      font-size: 14px!important;
      font-weight: bold!important;
       
   }

    
 
   

   .ui-jqgrid {font-family:"arial";border-radius: 0.0em;border: solid 0px red; }
   .ui-jqgrid *, .ui-widget, .ui-widget input,  .ui-widget textarea, .ui-widget button {
       font-size:20px; 
   }
   .ui-jqgrid tr.jqgrow td { font-size:14px; height:25px; }
   
   .ui-widget select { font-size:12px; }
   
   .ui-jqgrid-htable th div{ font-size:12px; font-weight: normal;}
   
   /* big toolbar icons */
   .ui-jqgrid .ui-jqgrid-toppager1 {  border:0px solid #00ff00; border-radius: 0.0em; }
   .ui-jqgrid .ui-jqgrid-toppager1 .ui-pg-div  span.ui-icon
   {float:left;margin: 0px; width:40px; height: 50px;}
    
   
   .ui-jqgrid .ui-jqgrid-toppager1 { margin-bottom: 30px; height: 55px; }
   
   .ui-jqgrid .ui-jqgrid-toppager1 .ui-pg-div { line-height1: 50px; }
   .ui-jqgrid .ui-jqgrid-toppager1 .ui-pg-div span.ui-icon { margin: 2px; }

   .ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon { margin: 4px; }
   .ui-jqgrid .ui-jqgrid-pager { height: 45px; }
   .ui-jqgrid .ui-jqgrid-pager .ui-pg-div { line-height: 50px; }
   
   /*.ui-jqgrid tr.ui-row-ltr td {  border-right-width: 0; } */
   /*.ui-jqgrid tr.jqgrow td { border-bottom-width: 0; } */
   .ui-jqgrid .ui-jqgrid-bdiv { overflow-y: scroll }
   
   .ui-jqgrid table.ui-jqgrid-htable th.ui-th-column {
      /*background: #000000;*/
      
      border-radius: 0.0em;
      height: 30px; /* ancho cabecera de grid */
      border: solid 1px red;
   }

   .ui-sortable {

       bforder: none!important;
       border-bottom:solid 1px rgb(240,240,240)!important;
   }


 
  

   /* INPUTS DE BUSQUEDA */
   .ui-jqgrid table.ui-jqgrid-htable th.ui-th-column input,
   .ui-jqgrid table.ui-jqgrid-htable th.ui-th-column select {
      background: #ffffff;
      border-radius: 0px;  
      border: none; 
      border: solid 1px rgb(200,200,200);
      color: #444444;
      height: 25px;
      font-size:12px;
      font-weight: normal;

      
   }
   
   .ui-jqgrid .ui-jqgrid-pager {
      border-radius: 0.0em; 

   }
   .ui-jqgrid .ui-separator {
   height: 18px;
   border-left: 1px solid #ccc;
   border-right: 1px solid #000000;
   margin: 1px;
   float: right;
   }
   
   .ui-jqgrid .ui-pg-button. button-green {
    color:   #00ff00;
   }
   
   .iconcolorblue {color:#71d0ff;}
   .iconcolorblack {color:black;}
   .iconcolorgreen {color:green;}
   .iconcolorred {color:red;}
   .iconcolorwhite {color:white;}
   .iconcolorgray {color:#c0c0c0;}
   
   .ui-jqgrid tr.jqgrow td {
      border: 1px solid #e1e1e1; /* grid line  */
      border: 1px solid rgb(240,240,240) ;/* grid line  */
      /*border-left: solid 0px #e1e1e1;*/
      /*border-right: solid 0px #e1e1e1;*/
   }   
    
   /*
   .ui-jqgrid tr.jqgrow:hover {
      xxbackground: #f3f3f3; 
      color:#000000;
   } 

   .ui-jqgrid tr.jqgrow:active {
      background: red;
      color:#000000;
   } 
   */

   .ui-state-hover,.ui-widget-content .ui-state-hover,
   .ui-widget-header .ui-state-hover,.ui-state-focus,
   .ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus
   { color: black; }
    
      
   
   
   /*
   .ui-jqgrid .ui-pg-button {
      border: solid 1px #dfeffc;
   }

   .ui-jqgrid .ui-separator {
      border: solid 1px #dfeffc;
   }
   */
   
   .ui-jqgrid .ui-jqgrid-titlebar {
     border-radius: 0.0em;
   }

   
    
   .ui-jqgrid .ui-state-highlight { 
      background: rgba(56, 159, 168, 0.6);
      background: rgb(55, 119, 192) ;
      background: rgb(35, 36, 97) ;
      background: rgb(26, 50, 74) ;
      background: rgb(52, 73, 94) ;
      /*background: rgb(37, 61, 82) ;*/
      color: #ffffff;
      font-weight: normal;
       
   
   }
    
    
   .ui-jqgrid .loading {
       background: url(loader1.gif);
       border-style: none;
       width: 32px;
       height: 32px;
       background-repeat: no-repeat;
   }
   
  
   .ui-jqgrid .ui-jqgrid-pager select {
      border-radius: 0.5em;
      border: solid 1px #c0c0c0;
      height: 24px;
   }
   
   .ui-jqgrid .ui-jqgrid-pager input {
      border-radius: 0.5em;
      border: solid 1px #c0c0c0;
      height: 24px;
   }
   
   .ui-jqgrid .ui-pg-button:hover {
     
      /*border: solid 1px #004080;*/

   }
   
   .ui-jqgrid {
      /* border: solid 0px #004080;*/
   }

  .ui-jqgrid table.ui-jqgrid-htable th.ui-th-column {
    
     
    border: solid 1px #D5EBED; /*bordes de panel superior */
   } 

  /*.ui-pg-div { height: 50px; padding:5px!important;}*/
  /*.ui-pg-div:hover { border:1px solid red!important;}*/


/*
.ui-jqgrid .ui-search-input {

    padding-top:0px;

}

.ui-jqgrid .ui-jqgrid-htable th div {

    height: 20px;
     

}
*/

/* SECTOR TOOLBAR */

.ui-jqgrid{backgrosund: transparent!important;}

.ui-pager-control { height:70px!important; }

/* ICONOS DE TOOLBAR */ 
.ui-icon { 
    color: rgb( 40, 41, 35);
 

    font-size: 30px; 

}

.ui-icon:hover {  color: rgb(51, 51, 204)!important;   }

.ui-icon-triangle-1-n,
.ui-icon-triangle-1-s
 {  padding-top:10px; color: rgb(100,100,100); font-size: 12px!important; }

/* HOVER DE ICONOS DE TOOLBAR */
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button:hover {
  /*border:1px solid rgb(200,200,200); */
  background: none; 
 
}

table.ui-jqgrid-btable {
    border-collapse: collapse!important;
}


.xui-state-hover {
   border : 1px solid blue;
   background: green!important;
}




