
/*

  INSTRUCTIONS ---------------------------------------------------------------------------------
  
  1. Add this stylesheet to the <head> of your pages
     <link href="YOUR PATH/JYL.css" rel="stylesheet" type="text/css" />
     
  2. Use the file name as data-dd-theme attribute on your datedropper elements
     <input data-dd-theme="JYL" />
     
*/


div.datedropper.JYL {

    --dd-color1: #007bff;
    --dd-color2: #FFF;
    --dd-color3: #4D4D4D;
    --dd-color4: #FFF;
  
    --dd-radius: 8px;
    --dd-width: 198px;
    --dd-shadow: 0 0 36px 0px rgba(0, 0, 0, 0.45);
  
  }

  #loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
 }
 
 #loading-image {
   position: absolute;
   top: 100px;
   left: 240px;
   z-index: 100;
 }