/* all system graphic elements are set here so that
   when the files are exported as html and sent, the receiver does not have these as they don't need them
   */

/* enhancement required here 
1) URLs need to be absolute
2) need to implement a method to adjust CSS files automatically for Variables from PHP like this system root 
Refer a method like https://code.tutsplus.com/tutorials/how-to-add-variables-to-your-css-files--net-2663 
*/


:root{
/*   --screenBackground:         url("BlueBackground2.jpg");
   --virtualDesktopBackground: url("WoodGrain.jpg");
   --virtualDesktopBorderImg:  url("Checkerplate.jpg");
   --zoomicon:                 url("zoomicon.png"); 
   --screenBackground:         url("BlueBackground2.jpg");
   */
   --screenBackground:         url("BlueBackground2.jpg");
   --virtualDesktopBackground: url("WoodGrain.jpg");
   --virtualDesktopBorderImg:  url("Checkerplate.jpg");
   --zoomicon:                 url("zoomicon.png"); 
   
   }
   

.screenpagezone {
  background-image: var(--virtualDesktopBackground);
  border-image: var(--virtualDesktopBorderImg) 30 stretch;
}

.pagezoomslider {
  background-image: var(--virtualDesktopBackground);
  border-image: var(--virtualDesktopBorderImg) 30 stretch;
}

#docsizer::-webkit-slider-thumb {
  background: var(--zoomicon);
}

#docsizer::-moz-range-thumb {
    background: var(--zoomicon);
}