@font-face {
    font-family: logtatec;
    src: url('../fonts/Jura-VariableFont_wght.ttf');
  }
  html {
    height:100%;
    width: 100%;
    padding:0px;
    margin: 0px;

    /*--main-background-image: url(../images/starsBackground.jpg);*/
    --main-text-color: #4CAF50;
    --main-background-color: rgba(0,0,0,1);



    --theme1-background-color: maroon;
    --theme1-font-color: white;

    --theme2-background-color: rgb(81, 127, 180);
    --theme2-font-color: white;

    --theme3-background-color:rgb(0,0,0);
    --theme3-font-color: white;





    --doc-height: 100%;
    --doc-width: 100%;
  }

  body {
    padding:0px;
    margin: 0px;
    height: var(--doc-height);
    width: calc(var(--doc-width));

    font-family: logtatec;
    font-weight: bold;
    border:none;
    cursor: auto;
  }

  .theme1{
    background-color: var(--theme1-background-color);
    color:var(--theme1-font-color);
    --today-day-row: rgb(66, 37, 37);
    --normal-day-row: rgb(46, 12, 12);
    --slider-bgcolor: white;
    --cases-quarts-bgcolor: transparent;
    --cases-quarts-color: gold;
    --cases-quarts-border-color:#fff;
    --scrollbar-color: silver;
    --infos-rdvs-font-color: white;
    .footer{
      background-color: black;
    }
    table{
      color:white;
    }
    /* The Modal (background) */
    .modal {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 2; /* Sit on top */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }
  
    /* Modal Content/Box */
    .modal-content {
      background-color: rgb(46, 12, 12);
      margin: 5% auto; /* 5% from the top and centered */
      padding: 20px;
      border: 1px solid #888;
      width: 60%; /* Could be more or less, depending on screen size */
      color:white;
    }
  
  }
  .theme2{
    background-color: var(--theme2-background-color);
    color:var(--theme2-font-color);
    --today-day-row: rgb(37, 48, 66);
    --normal-day-row: rgb(15, 61, 68);
    --slider-bgcolor: rgb(133, 32, 32);
    --cases-quarts-bgcolor: rgb(255,255,255);
    --cases-quarts-color: gold;
    --cases-quarts-border-color:rgb(0,0,0);
    --scrollbar-color: silver;
    --infos-rdvs-font-color: white;
    .footer{
      background-color: black;
    }
    table{
      color:white;
    }
    /* The Modal (background) */
    .modal {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 2; /* Sit on top */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }
  
    /* Modal Content/Box */
    .modal-content {
      background-color: rgb(15, 61, 68);
      margin: 5% auto; /* 5% from the top and centered */
      padding: 20px;
      border: 1px solid #888;
      width: 60%; /* Could be more or less, depending on screen size */
      color:white;
    }
  
  }

  .theme3{
    background-color: var(--theme3-background-color);
    color:var(--theme3-font-color);
    --today-day-row: rgb(6,6,6);
    --normal-day-row: rgb(36, 36, 36);
    --slider-bgcolor: yellow;
    --cases-quarts-bgcolor: rgba(0,0,0,1);
    --cases-quarts-color: gold;
    --cases-quarts-border-color:#666;
    --scrollbar-color: silver;
    --infos-rdvs-font-color: white;
    .footer{
      background-color: black;
    }
    table{
      color:white;
    }
    /* The Modal (background) */
    .modal {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 2; /* Sit on top */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background-color: rgb(0,0,0); /* Fallback color */
      background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }
  
    /* Modal Content/Box */
    .modal-content {
      background-color: rgb(36,36,36); 
      margin: 5% auto; /* 5% from the top and centered */
      padding: 20px;
      border: 1px solid #888;
      width: 60%; /* Could be more or less, depending on screen size */
      color:white;
    }
  
  }