/**************************** 2020 FIRMA MASIVA *********************/


 #contendor-resultados-firmas {box-sizing: border-box; padding: 10px;}
  


div.listado-fondo {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #FFF;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border-bottom: #000;
    clear: both;
  
   padding: 15px 0px 15px 2px;
}

div.listado-resultado-firma { padding-left: 35px; }

/* div.listado-resultado-firma.active, div.listado-resultado-firma:hover {background-color: #ddd; } */

div.listado-resultado-panel { padding: 0 18px; display: none; background-color: white; border: 1px solid #ddd;}

div.listado-resultado-panel.show { display: block; }

div.firma-exitosa {border-left:4px solid #CCC; background-image: url(/images/ico-firma-si.png); background-repeat: no-repeat; background-position: left center; float: left;  width: 120px;}
div.firma-exitosa::after {  content: "ver detalle";}

div.firma-fallida {border-left:4px solid #CCC; background-image: url(/images/ico-firma-no.png); background-repeat: no-repeat; background-position: left center; float: left;  width: 120px;}
div.firma-fallida::after {  content: "ver detalle";}

div.firma-proceso { border-left:4px solid #CCC; background-image: url(/images/progreso-firma.gif) !important; background-repeat: no-repeat; background-position: left center; float: left;  width: 120px !important;}
  div.firma-proceso::after {  content: "en proceso ";}