.popup2 {
top: 0;
right: 0;
left: 0;
font-size: 60%;
z-index: 999999;
display: block;
visibility: hidden;
margin: 0 auto;
width: 92%;
max-width: 900px;
height: auto;


/* фиксированное позиционирование, окно стабильно при прокрутке */
position: fixed;
padding: 10px;
padding-left: 10px;
border: 0px solid #383838;
/* скругление углов */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background-color: #FFFFFF;
/* внешняя тень */
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8);
/* полная прозрачность окна, появление при клике */
opacity: 0;
/* эффект перехода (появление) */
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-ms-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
}
.overlay:target+.popup2 {
top: 5%;
visibility: visible;
opacity: 1;
}



.tabl {
background: #fff;
border: 3px solid #fff;
box-shadow: 0 0px 0px rgba(0,0,0,0.0);
}
.tabl:a hover {
background: #fff;
border: 3px solid #fff;
box-shadow: 0 0px 0px rgba(0,0,0,0.0);
}

.icons{
background: #fff;
border: 3px solid #fff;
box-shadow: 0 0px 0px rgba(0,0,0,0.0);
}
icons:hover td  {
background: #fff;
border: 3px solid #fff;
box-shadow: 0 0px 0px rgba(0,0,0,0.0);
}
table tbody tr:hover td {
    background: #fff; }
    th, td {
   border: 0px solid #EAEAEA;
   padding: 6px 10px;
}