<div class="alert-success">
    <b>Success</b> alert
  </div>
  <div class="alert-danger">
    <b>Danger</b> alert
  </div>
  <div class="alert-warning">
    <b>Warning</b> alert
  </div>
      
    

      
  <div class="card">
  <h2>Lorem Ipsum</h2> 
  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
  Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
  when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  </p>
  </div>
      
    

        
  <button class="button-primary">primary</button>
  <button class="button-danger">danger</button>
  <button class="button-info">info</button>
        
    

      
  <div class="form-field">
  <input type="checkbox" checked
    id="checkbox1" name="checkbox1" </input>
  <label for="checkbox1">Pedido Médico</label>
  </div>

  <div class="form-field">
  <input type="checkbox"
    id="checkbox2" name="checkbox2" </input>
  <label for="checkbox2">Exames</label>
  </div>

      
    

      
  <button class="button-primary" onclick="openModal()">Open Modal</button>

  <div id="modal-shadow" class="modal-shadow" >
    <div class="modal-content">
      <div class="modal-header">
        <h2>Lorem Ipsum</h2> 
        <div class="close">
          <span class="material-symbols-outlined"  onclick="closeModal()">close</span>
        </div>
      </div>
      <div class="modal-body">
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
      </div>
    </div>
  </div>
      
    

      
  <div class="form-field">
  <label class="input-radio">
  <input type="radio" value="Sim" name="radio1" checked></input>
  <span class="checkradio"></span>Sim
  </label>

  <label class="input-radio">
  <input type="radio" value="Não" name="radio1"></input>
  <span class="checkradio"></span>Não
  </label>
  </div>
      
    

      
  <div class="form-field">
  <label class="field-description">Convênio</label>
  <select class="input-field">
    <option disabled>--selecione--</option>
    <option>Opção A</option>
    <option>Opção B</option>
  </select>
  </div>
      
    

      
  <div class="switch">
    <label>
      <input type="checkbox" checked></input>
      <span class="lever"></span> Somente dias disponíveis
    </label>
  </div>
      
    

      
  <div class="form-field">
  <label class="field-description">input type text</label>
  <input type="text" class="input-field">
  </div>