Untitled

<div class="row">

      <div class="col-lg-3">
        {% if not efr01 %}
          <div class="card">
              <div class="card-header ui-sortable-handle" >
                <h3 class="card-title">
                  <i class="fas fa-star-half-alt"></i> Security Score: Based on OWASP
                </h3>
              </div><!-- /.card-header -->
              <div class="card-body">
                <div align="center"class="tab-content p-0">
                  <p>
                  <input type="text" value="{{ new_security_score }}" class="dial" data-fgColor="
                  {% if new_security_score < 30 %}
                  #28a745
                  {% elif new_security_score < 60 %}
                  #ffc107
                  {% else %}
                  #ff0018
                  {% endif %}
                  ">
                </div>
              </div><!-- /.card-body -->
            </div>
            {% endif %}
      </div>