html, body
{
   height: 100%;
}
body:before
{
   content: "";
   position: fixed;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: -1;
   background-image: linear-gradient(to right, #00008B 0%, #000000 100%);
}
.BodySub:before
{
   content: "";
   position: fixed;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: -1;
   background-image: linear-gradient(to right, #014912 0%, #000000 100%);
}
body
{
   background-color: #00008B;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
.divText
{
    background-color: #FFFFFF;
    background-image: none;
    border: 2px solid #FFFFFF;
    border-radius: 15px;
    overflow-y: auto;
    padding: 6px 6px 6px 6px;
    margin: 0;
    text-align: center;
    box-shadow: 6px 6px 10px #DCDCDC;
    text-align: center;
    background-color: transparent;
    border-radius: 15px;
    max-width: 90%;
    max-height: 90%;    
}
.imgArt
{
   filter: drop-shadow(10px 10px 12px rgba(255,0,0,0.82));
}
.imgPlus
{
   border-width: 0;
   vertical-align: top;
   filter: drop-shadow(10px 10px 10px rgba(255,255,255,0.39));
}
.iconProg
{
    right: 0px;
    width: 73px;
    height: 73px;
    border-radius: 20px;
    background-color: #FFFFFF;
    background-image: none;
    border: 2px solid #FFFFFF;
    border-radius: 15px;
    overflow-y: auto;
    padding: 6px 6px 6px 6px;
    margin: 0;
    text-align: center;
    box-shadow: 6px 6px 10px #DCDCDC;
    text-align: center;
    background-color: transparent;
    max-width: 64px;
    max-height: 64px;
}