body {
     background-color: #1d1d1d;
/*     background-image: url(/u/wapp/sys/login/rq/bg.jpg);
     background-repeat: no-repeat;
     opacity: 0.1;
*/
   
     color: white;  
   }

body::after {
  content: "";
  background: url(images/bg.jpg);
  opacity: 0.05;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1; 
}  
   .thumbMain_div {
     position:relative;
/*     border: double;*/
   }
   .thumbMain_title {
   }
   .thumbMain_icon {
   }
   .thumb_div {
     position:relative;
    
     display: inline-block;
   
     padding-top: 16px;
     padding-right: 16px;
     padding-bottom: 16px;
     padding-left: 16px;
   }
  

   .thumb_table {
   
   }
   .thumbIcon_tr {
 /*    height: 128px; */
   }
   .thumbIcon_td {
   }
   .thumbIcon_img {
     width : 128px; 
     height: 128px; 
/*     opacity: 0.9;*/
     background-color: white; 
     box-shadow: 0 4px 8px 0 rgba(256, 256, 256, 0.2), 0 6px 20px 0 rgba(256, 256, 256, 0.19);
     cursor : pointer;
   }
   .thumbIcon_img:hover {
      outline:3px solid blue;
      opacity: 1.0;
      filter : brightness (200%);

      filter : saturate  (200%);
      filter : contrast  (200%);
      cursor : pointer;

   }
    .thumbIcon_img_disabled {
     width : 128px; 
     height: 128px; 
     box-shadow: 0 4px 8px 0 rgba(256, 256, 256, 0.2), 0 6px 20px 0 rgba(256, 256, 256, 0.19);

     background-color: white; 

     opacity: 0.8;

/*     filter: grayscale(50%);*/
   }

   .thumbName_tr {
   }
   .thumbName_td {
     text-align: center;
   }
   .thumbName_lable {
     text-shadow: 3px 3px black;
     font-size: small;
   }