/******************css do simulador****************/
input[type=range] {
    
    width: 100%; /* Specific width is required for Firefox. */
    background: transparent; /* Otherwise white in Chrome */
  }
  
  
  
  input[type=range]:focus {
    outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
  }
  /* Special styling for WebKit/Blink */
  input[type=range]::-webkit-slider-thumb {
    border: 2px solid transparent;
    border-radius: 4px;
    background: #368DF7 !important;
    cursor: pointer;
    margin-top: -5px;
    margin-bottom: -5px;  /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  }
  
  input[type=range]::-moz-range-thumb {
    border: 3px solid #f5f6fa;
    border-radius: 3px;
    background: #368DF7;
    cursor: pointer;
    border-radius: 50%;
    width: 14px;
    height: 14px;
  }

  input[type=range]::-moz-range-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background:  #deedfe;
    border-radius: 1.3px;
  }

  input[type="range"]::-moz-range-progress {
      background: #368DF7;
      height: 5px;
      border-radius: 12px;
  }
  
  /************************fim css simulador***********/