.paginacion{
   text-transform: uppercase;
   margin-bottom: 20px;
 }
 
 .paginacion span{
   position: relative;
   float: left;
   line-height: 45px;
   margin-right: 20px;
 }
 
 .paginacion ul li{
   background-color: #ebebeb;
   color: #00389d;
   border: 1px solid #989898;
   display: inline-block;
   position: relative;
   float: left;
   line-height: 45px;
   min-width: 45px;
   text-align: center;
   margin: 0 2px;
   padding: 0;
 }
 
 .paginacion ul li a{
   display: block;
   width: 100%;
   height: 100%;
 }
 
 .paginacion ul li a:hover, .paginacion ul li a:focus{
   background-color: #ccc;
 }
 
 .link-paginacion a{
   padding-left: 15px;
   padding-right: 15px;
   display: block;
 }

 .pagina_actual_link{
   background-color: #00635a !important;
 }
 
 .pagina_actual_link a{
   color: #fff !important;
 }

 .paginacion a:hover, .paginacion a:active{
    text-decoration: none;
 }


 .visible-x{
  display: none !important;
}

.hidden-x{
  display: block !important;
}


 @media( max-width: 991px ){
    
    .table-striped td{
      display: block;
    }

    .table-striped a, .table-striped button{
      width: 100%;
      margin-bottom: 10px;
    }


   .paginacion{
      background-color: #ddd;
      height: 32px;
    }
  
    .tabla{
      border: 1px solid #ccc;
      font-size: 11px;
    }
    
    .paginacion ul li{
      min-width: 30px;
      line-height: 30px;
    }

    .visible-x{
      display: block !important;
    }

    .hidden-x{
      display: none !important;
    }

 }