/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .modal {
    z-index: 100000;
  }
  
  div.dt-datetime {
    z-index: 100001;
  }
  
  div.selectize-dropdown {
    z-index: 100001;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 1em;
  
  }
  
  div#booking-form {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 1em;
  }

  div.DTE_Header, div.DTE_Footer{
    background-color: white;
  }

  div.DTE_Header{
    border-bottom: none !important;
  }

  div.DTE_Footer{
    border-top: none !important;
  }

  div.required-field label.DTE_Label::before, span.required-field{
    content: "* " !important;
    color: red !important;
    display: inline-block;
    width: 1em;
  }
  div.optional-field label.DTE_Label::before{
    content: "* ";
    color: transparent; /* invisible asterisk */
    display: inline-block;
    width: 1em;
  }
  
  div.DTE_Field input[type=color], div.DTE_Field input[type=date], div.DTE_Field input[type=datetime], div.DTE_Field input[type=datetime-local], div.DTE_Field input[type=email], div.DTE_Field input[type=month], div.DTE_Field input[type=number], div.DTE_Field input[type=password], div.DTE_Field input[type=search], div.DTE_Field input[type=tel], div.DTE_Field input[type=text], div.DTE_Field input[type=time], div.DTE_Field input[type=url], div.DTE_Field input[type=week] {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 1em;
  }
  
  div.DTE_Field div.DTE_Field_Info, div.DTE_Field div.DTE_Field_Message, div.DTE_Field div.DTE_Field_Error {
    font-size: 0.8em; 
  }