table.grid {
    background: #FFFFFF;
    border: 1px solid #949393;
    font-size: small;
    font-weight: 600;
    color: #949393;
    width: 100%;
    clear: both;
}

table .empty {
    border: 1px solid #949393;
    background: #FFFFFF;
}

.table_login {
    width: 270px; 
    height: 247px; 
    background-image: url('../Images/table/login.png');
    background-repeat: no-repeat;
    background-color: White;
}

table.data {
    border: medium none;
    color: #AAAAAA;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 13px;
    font-style: italic;
    width: 100%;
    text-align: left;
    clear: both;    
    font-weight: 600;
    _letter-spacing: 0px;/* if ie6 */
    border-collapse: collapse;
    
}

table.data tr, table.data th, table.data td {
    border: none;
}

table.data th {
    background: #969593;
    color: #FFFFFF;
    text-align: left;   
}

table.data tr {   
    border-bottom: 1px solid #dddddd;
    transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -webkit-transition: background 0.2s ease-out;
}

table.data td {
   border-bottom: 1px solid #dddddd; /* para ie6/ie7 */
}

table.data tr:hover, table.data tr.selected {
    background: #ebf1f6;
    color: #0690dc !important;
    font-weight: 600;
    transition: background 0.2s ease-in; -moz-transition: background 0.2s ease-in; -webkit-transition: background 0.2s ease-in;
}

table.data tr.selected {
    background: #dae3ed;
}


table.data td a {
    text-decoration: none;
    color: #AAAAAA;
}


table.data td a:hover {
    cursor: pointer;
    color: #0690dc
}

table.data tr:hover a, table.data td:hover a {
    color: #0690dc !important;
}



table.data .icon {
    height: 25px;
    margin-bottom: -4px;
}

/*UnHover GridView*/

table.GridView_UnHover {
    border: medium none;
    color: #AAAAAA;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 13px;
    font-style: italic;
    width: 100%;
    text-align: left;
    clear: both;    
    font-weight: 600;
}

table.GridView_UnHover tr, table.GridView_UnHover th, table.GridView_UnHover td {
    border: none;
}

table.GridView_UnHover th {
    background: #969593;
    color: #FFFFFF;   
}

table.GridView_UnHover tr {
    border-bottom: 1px solid #dddddd;
}

table.GridView_UnHover tr:hover, table.GridView_UnHover tr.selected {
    /*
    color: #0690dc !important;
    font-weight: bold;*/
}

table.GridView_UnHover tr:hover a {
    color: #0690dc !important;
    font-weight: 600;
}

table.GridView_UnHover td a {
    text-decoration: none;
    color: #AAAAAA;
}

table.GridView_UnHover td a:visited {
    color: #DDDDDD;
}

table.GridView_UnHover td a:hover {
    cursor: pointer;
}

/*table.GridView_UnHover input[type=image]
{
    height: 25px;
    margin-bottom: -4px;
}*/

table.GridView_UnHover .icon {
    height: 25px;
    margin-bottom: -4px;
}

.PagerStyle span {
    padding-left: 4px;
    padding-right: 4px;
    background: #969593;
    color: #FFFFFF;   
}

.PagerStyle td {
    padding-left: 4px;     
    padding-right: 4px;
}

.hideGridColumn {
    display:none;
}

table.GridView_UnHover, select {
    font-weight: normal;    
}

#ContentPlaceHolderContainer_ContentPlaceHolderContent_GridViewEmployee_filter, #ContentPlaceHolderContainer_ContentPlaceHolderContent_GridViewEmployee_info
{
    display: none!important; 
    }
    
/*------ NUEVOS ESTILOS TABLA ------*/


table.grilla {
    border-collapse: collapse;
    color: #666;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    text-align: left;
    border: none;
  /*margin-bottom: 40px;*/
    margin-bottom: 10px;
    width: 100%;
}

table.grilla th {
    background: #16a2d2;
    color: #fff;
}

table.grilla tr {
    transition: all .3 ease-out; -moz-transition: all .3 ease-out; -webkit-transition: all .3 ease-out;      
}

table.grilla tr:hover, table.grilla tr.selected {
    background: #ebf1f6;
    color: #0060a9!important;
    transition: all .2 ease-in; -moz-transition: all .2 ease-in; -webkit-transition: all .2 ease-in;
    cursor: pointer
}


table.grilla th, table.grilla td {
    padding: 8px;
    border: 0;
    text-align: left; 
}

table.grilla.periodos td {
    padding: 4px;
    cursor: pointer
}

table.grilla td {
    border-bottom: 1px solid #ccc;
}

table.grilla a img {
    display: inline;
}


/* paginado */

/*--  paginado inbox --*/

.paginado-arriba input {
    background: #efefef;
    border: 1px solid #cecece;
    transition: all ease-out .2s; -moz-transition: all ease-out .2s; -webkit-transition: all ease-out .2s; 
 }
 
 .paginado-arriba input:hover { 
    background: #999;  
    transition: all ease-in .2s; -moz-transition: all ease-in .2s; -webkit-transition: all ease-in .2s; 
  }
  
  .paginado-arriba span {
    margin-right: 10px;
  }
  
/*
.paginado table tr, .paginado table tr:hover {
    background: none;
}

.paginado table td, .paginado td {
    border: none;
}

.paginado table td span, .paginado table td a  {
    color: #555;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 5px 10px;
    transition: all .2 ease-out; -moz-transition: all .2 ease-out; -webkit-transition: all .2 ease-out;

}

.paginado table td span:hover, .paginado table td a:hover {
    background: #666;
    color: #ffffff!important;
    transition: all .2 ease-in; -moz-transition: all .2 ease-in; -webkit-transition: all .2 ease-in;
}*/

.paginado-arriba table {
    float: right;
}

.paginado-arriba table tr td, .paginado table tr td {
    border: 0;
    background: #fff!important;  
}

.grilla .paginado-arriba table tr td:hover, .grilla .paginado-arriba table tr td:hover {
    background: none!important;
    background: #fff!important;     
 }
 
 /*
.grilla td input {
    float: right;
    text-align: right;
}*/


.mail-bandeja{
    width:400px;
}     
    


@media (max-width: 480px) { /*480*/
                            
.grilla-scroll-xs {
    overflow-x: scroll;
    width: 280px;
}

.mail-bandeja{
    width:200px;
}     
    
                            
}