table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  align: center;
  border: 1px solid #ddd;
}

th, td {
  text-align: left;
  padding: 8px;
}
tr:nth-child(even) {
  background-color: #f2f2f2;
}

tr:nth-child(odd) {
  background-color: #ffffff;
}

td:hover {
  background-color: #17dead;
}


tr:hover {
  background-color: #a2a2a2;
}


.win {
height: 100%; /* высота нашего блока */
overflow-y: auto; /* прокрутка по вертикали */
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.w_page {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.w_page-blured {
    text-shadow: 0 0 8px black;
    color: transparent;
    color: inherit\9;
    filter: blur(5px);
/*    filter: progid:DXImageTransform.Microsoft.MotionBlur(Strength=30, Direction=45), progid:DXImageTransform.Microsoft.MotionBlur(Strength=30, Direction=225); */
}
.w_popup {
    position:       fixed;
    left:           5%;
    top:            5%;
    right:          5%;
    bottom:         5%;
    z-index:        1;
    text-align:     center;
    vertical-align: middle;
    white-space:    nowrap;
    border-radius:  5px;
    font:           0/0;
    box-sizing:     border-box;
}

.w_popup-card {
    display:        block;
    position:       absolute;
    left:           5%;
    top:            5%;
    right:          5%;
    bottom:         5%;
    top: 0;
    z-index:        1;
    vertical-align: top;
    border:         1px solid #bbb;
    border-radius:  10px;
    white-space:    normal;
    background:     white;
    min-width:      3em;
    min-height:     3em;
    text-align:     center;
    max-height:     95%;
    overflow:       hidden;
    font:           12px/1.2 'Verdana', sans-serif;
    box-shadow: 5px 5px 10px #aaa;
}


.w_popup-card:table {
  border-collapse: collapse;
  border-spacing: 1;
  width: 95%;
  align: center;
  border: 1px solid #ddd;
}

.w_popup-head {
    overflow: auto;
    position: relative;
    height: 40px;
    box-sizing: border-box;
}

.w_popup-body {
    overflow: auto;
    height: 95%;
    position: relative;
    box-sizing: inherit;
}

.w_popup-foot {
    overflow: auto;
    position: relative;
    box-sizing: border-box;
}


.w_popup-escape {
    display:             block;
    position:            absolute;
    cursor:              pointer;
    z-index:             1;
    right:               5px;
    margin-top:          5px;
    opacity:             .1;
}

.w_popup-icon {
    display:             block;
    position:            absolute;
    cursor:              pointer;
    z-index:             1;
    right:               1px;
    margin-top:          1px;
    opacity:             1;
}



.w_popup-escape:hover {
    opacity: 1;
}