title: How to edit classes in tempus-dominus (datetimepicker) not shown in the source file?
body: <p>I would like to change for instances the class .day of tempus-dominus (<a href="https://tempusdominus.github.io/bootstrap-4/" rel="nofollow noreferrer">https://tempusdominus.github.io/bootstrap-4/</a>) but even when using !important it does not seem to work when inspecting (try not to click around because the inspecting of it is weird. Even when forcing :hover the dropdown disappears).</p>
  
  <p>Let's say I want to change the font-size of .day from 90% to 100%</p>
  
  <p>Source code: <a href="https://tempusdominus.github.io/bootstrap-4/theme/css/tempusdominus-bootstrap-4.css" rel="nofollow noreferrer">https://tempusdominus.github.io/bootstrap-4/theme/css/tempusdominus-bootstrap-4.css</a></p>
  
  <p>Find the code below =)</p>
  
  <p>Thanks in advance for your help!</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;title&gt;Tempus Dominus&lt;/title&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;meta name="description" content="" /&gt;
  &lt;meta name="keywords" content="" /&gt;
  
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" /&gt;
  &lt;link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css" /&gt;
  &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/github.min.css" /&gt;
  &lt;link rel="stylesheet" href="https://tempusdominus.github.io/bootstrap-4/theme/css/tempusdominus-bootstrap-4.css" /&gt;
  
  &lt;style&gt;
    /*
    .bootstrap-datetimepicker-widget table td {
    color: red;
    }
    */
  }
  &lt;/style&gt;
  
  &lt;/head&gt;
  
    &lt;body&gt;
      &lt;script src="https://momentjs.com/downloads/moment.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.0-alpha14/js/tempusdominus-bootstrap-4.min.js"&gt;&lt;/script&gt;
  
  
      &lt;div class="container"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-sm-6"&gt;
            &lt;input type="text" class="form-control datetimepicker-input" id="datetimepicker5" data-toggle="datetimepicker" data-target="#datetimepicker5" /&gt;
          &lt;/div&gt;
          &lt;script type="text/javascript"&gt;
            $(function() {
              $('#datetimepicker5').datetimepicker();
            });
          &lt;/script&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>