.viewer-background-light {
    width: 100%;
    height: 100%;
    overflow: hidden;
  
    background: #11e8bb; /* Old browsers */
    background: -moz-linear-gradient(top,  #aaa 0%,#fff 50%, #aaa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #aaa 0%,#fff 50%,#aaa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #aaa 0%,#fff 50%,#aaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */
    
    background-color: white;
    opacity: 1;
    background-image: 
        radial-gradient(rgb(221, 221, 221) 1.35px, #f5f5f5 1.35px), 
        radial-gradient(circle, rgba(14,32,88,1) 75%, rgba(18,32,74,1) 100%);
    background-size: 27px 27px;
    color: #222222;
}

.viewer-background-dark {
    width: 100%;
    height: 100%;
    overflow: hidden;
  
    background: #11e8bb; /* Old browsers */
    background: -moz-linear-gradient(top,  #aaa 0%,#fff 50%, #aaa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #aaa 0%,#fff 50%,#aaa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #aaa 0%,#fff 50%,#aaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */
    
    background-color: #222222;
    opacity: 1;
    background-image: 
        radial-gradient(#303030 1.35px, #222222 1.35px), 
        radial-gradient(circle, rgba(14,32,88,1) 75%, rgba(18,32,74,1) 100%);
    background-size: 27px 27px;
    color: #f5f5f5;
}

.viewer-background-blue {
    width: 100%;
    height: 100%;
    overflow: hidden;
  
    background: #11e8bb; /* Old browsers */
    background: -moz-linear-gradient(top,  #aaa 0%,#fff 50%, #aaa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #aaa 0%,#fff 50%,#aaa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #aaa 0%,#fff 50%,#aaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */
    
    opacity: 1;
    background-image: 
        radial-gradient(#152c72 1.35px, #12204a 1.35px), 
        radial-gradient(circle, #0e2058 75%, #12204a 100%);
    background-size: 27px 27px;
    color: #f5f5f5;
}

.viewer-background-gradient-dark {
    width: 100%;
    height: 100%;
    overflow: hidden;
  
    background: #11e8bb; /* Old browsers */
    background: -moz-linear-gradient(top,  #aaa 0%,#fff 50%, #aaa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #aaa 0%,#fff 50%,#aaa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #aaa 0%,#fff 50%,#aaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */
    
    background: radial-gradient(circle, #666 0%, #242424 100%);
    color: #f5f5f5;
}

.viewer-background-gradient-blue {
    width: 100%;
    height: 100%;
    overflow: hidden;
  
    background: #11e8bb; /* Old browsers */
    background: -moz-linear-gradient(top,  #aaa 0%,#fff 50%, #aaa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #aaa 0%,#fff 50%,#aaa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #aaa 0%,#fff 50%,#aaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */
    
    background: radial-gradient(circle, #1a2d9b 0%, #020b41 100%);
    color: #f5f5f5;
}

.viewer-background-light-2 {
    width: 100%;
    height: 100%;
    overflow: hidden;
  
    background: #11e8bb; /* Old browsers */
    background: -moz-linear-gradient(top,  #aaa 0%,#fff 50%, #aaa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #aaa 0%,#fff 50%,#aaa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #aaa 0%,#fff 50%,#aaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa', endColorstr='#FFF',GradientType=0 ); /* IE6-9 */
    
    background: radial-gradient(circle, #242424 0%, #000000 100%);
    color: white;
}
