<div class="semi-modal-wash">
    <div class="semi-modal-dialog">
        <div class="title-bar">
            <h2><%=Strings.SETTINGS_TITLE%></h2>
        </div>
        <div class="primary-content box">
        <div class="row">
      
          <div class="column-auto-hand" >        
            <div class="box">
                    
            <div class="bordered resolution">
                <h3><%=Strings.GENERATED_RESOLUTIONS%></h3>
                <ul class="checklist">
                  <li class="titles">
                    <div class="row">
                      <div class="column-3-hand" >        
                        <div class="box" style="text-align:left;">
                          <span style="text-align:left;"> <%=Strings.EXTRACT_AT %>  </span>
                        </div>
                      </div>
                      <div class="column-9-hand" >        
                        <div class="box">
                          <div class="row">
                            <div class="column-5-hand" >        
                              <div class="box">
                                  <span><%=Strings.EXTRACT_SUFFIX %> </span>
                              </div>
                            </div>
                            <div class="column-7-hand" >        
                              <div class="box">
                                      <span><%=Strings.EXTRACT_FOLDER %> </span>
                              </div>
                              </div>
                            </div>
                        </div>
                        </div>
                      </div>

                  </li>
                  <li>
                    <div class="row">
                      <div class="column-3-hand" >        
                        <div class="box">
                          <!--input type="checkbox" name="" value="0.25"> <p>0.25x </p-->
                          <label class="checkbox">
                          <input type="checkbox"  value="0.25">
                          <div class="checkbox__checkmark"></div>
                          </label> <p>0.25x </p>
                        </div>
                      </div>
                      <div class="column-9-hand" >        
                        <div class="box">
                          <input data-assigned-value="0.25" type="text" name="folder"  placeholder="scaled-at-25/" title="<%=Strings.EXTRACT_FOLDER_TIP %>">
                          <input data-assigned-value="0.25" type="text" name="suffix" placeholder="none" title="<%=Strings.EXTRACT_SUFFIX_TIP %>">
                        </div>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="row">
                      <div class="column-3-hand" >        
                        <div class="box">
                          <!--input type="checkbox" name="" value="0.33"> <p>0.33x </p-->
                          <label class="checkbox">
                          <input type="checkbox"  value="0.33">
                          <div class="checkbox__checkmark"></div>
                          </label> <p>0.33x </p>
                        </div>
                      </div>
                      <div class="column-9-hand" >        
                        <div class="box">
                          <input data-assigned-value="0.33" type="text" name="folder"  placeholder="scaled-at-33/" title="<%=Strings.EXTRACT_FOLDER_TIP %>">
                          <input data-assigned-value="0.33" type="text" name="suffix" placeholder="none" title="<%=Strings.EXTRACT_SUFFIX_TIP %>">
                        </div>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="row">
                      <div class="column-3-hand" >        
                        <div class="box">
                          <!--input type="checkbox" name="" value="0.5"> <p>0.5x </p-->
                          <label class="checkbox">
                          <input type="checkbox"  value="0.5">
                          <div class="checkbox__checkmark"></div>
                          </label> <p>0.5x </p>
                        </div>
                      </div>
                      <div class="column-9-hand" >        
                        <div class="box">
                          <input data-assigned-value="0.5" type="text" name="folder"  placeholder="scaled-at-50/" title="<%=Strings.EXTRACT_FOLDER_TIP %>">
                          <input data-assigned-value="0.5" type="text" name="suffix"  placeholder="none" title="<%=Strings.EXTRACT_SUFFIX_TIP %>">
                        </div>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="row">
                      <div class="column-3-hand" >        
                        <div class="box">
                          <!--input type="checkbox" name="" value="0.75"><p>0.75x </p-->
                          <label class="checkbox">
                          <input type="checkbox"  value="0.75">
                          <div class="checkbox__checkmark"></div>
                          </label> <p>0.75x </p>
                        </div>
                      </div>
                      <div class="column-9-hand" >        
                        <div class="box">
                          <input data-assigned-value="0.75" name="folder" type="text" placeholder="scaled-at-75/" title="<%=Strings.EXTRACT_FOLDER_TIP %>">
                          <input data-assigned-value="0.75" name="suffix" type="text" placeholder="none" title="<%=Strings.EXTRACT_SUFFIX_TIP %>">
                        </div>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="row">
                      <div class="column-3-hand" >        
                        <div class="box">
                          <!--input type="checkbox" name="" value="1.5"><p>1.5x </p-->
                          <label class="checkbox">
                          <input type="checkbox"  value="1.5">
                          <div class="checkbox__checkmark"></div>
                          </label> <p>1.5x </p>
                        </div>
                      </div>
                      <div class="column-9-hand" >        
                        <div class="box">
                          <input data-assigned-value="1.5" type="text" name="folder" placeholder="scaled-at-150/" title="<%=Strings.EXTRACT_FOLDER_TIP %>">
                          <input data-assigned-value="1.5" type="text" name="suffix" placeholder="none" title="<%=Strings.EXTRACT_SUFFIX_TIP %>">
                        </div>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="row">
                    <div class="column-3-hand" >        
                      <div class="box">
                        <!--input type="checkbox" name="" value="2"><p>2x </p-->
                        <label class="checkbox">
                          <input type="checkbox"  value="2">
                          <div class="checkbox__checkmark"></div>
                          </label> <p>2x </p>
                      </div>
                    </div>
                    <div class="column-9-hand" >        
                      <div class="box">
                        <input data-assigned-value="2" type="text" name="folder" placeholder="scaled-at-200/" title="<%=Strings.EXTRACT_FOLDER_TIP %>">
                        <input data-assigned-value="2" type="text" name="suffix" data-placeholder="@2x" placeholder="@2x" title="<%=Strings.EXTRACT_SUFFIX_TIP %>">
                      </div>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="row">
                      <div class="column-3-hand" >        
                        <div class="box">
                          <!--input type="checkbox" name="" value="3"><p>3x </p-->
                          <label class="checkbox">
                          <input type="checkbox"  value="3">
                          <div class="checkbox__checkmark"></div>
                          </label> <p>3x </p>
                        </div>
                      </div>
                      <div class="column-9-hand" >        
                        <div class="box">
                          <input data-assigned-value="3" type="text" name="folder" placeholder="scaled-at-300/" title="<%=Strings.EXTRACT_FOLDER_TIP %>">
                          <input data-assigned-value="3" type="text" name="suffix" placeholder="none" title="<%=Strings.EXTRACT_SUFFIX_TIP %>">
                        </div>
                      </div>
                    </div>
                  </li>
                  <li>
                    <div class="row">
                      <div class="column-3-hand" >        
                        <div class="box">
                          <!--input type="checkbox" name="" value="4"><p>4x</p-->
                          <label class="checkbox">
                          <input type="checkbox"  value="4">
                          <div class="checkbox__checkmark"></div>
                          </label> <p>4x </p>
                        </div>
                      </div>
                      <div class="column-9-hand" >        
                        <div class="box">
                          <input data-assigned-value="4" type="text" name="folder" placeholder="scaled-at-400/" title="<%=Strings.EXTRACT_FOLDER_TIP %>">
                          <input data-assigned-value="4" type="text" name="suffix" placeholder="none" title="<%=Strings.EXTRACT_SUFFIX_TIP %>">
                        </div>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>


              <div class="bordered">
                <h3><%=Strings.AUTO_EXTRACT %></h3>
                <ul class="checklist">
                  <li id="auto-extract">
                    <label class="checkbox">
                          <input type="checkbox" name="" value="autoSaveOnUpdate">
                          <div class="checkbox__checkmark"></div>
                          </label><!--input type="checkbox" name="" value="autoSaveOnUpdate"--><p id="auto-extract-description" ><%=Strings.AUTO_SAVE_CHANGES %> </p>
                    </li>
                </ul>
              </div>

            </div>
        </div>
        <div class="column-3-hand button-group-right" >        
            <div class="box">
                <p><button data-action-code="OK" id="button-settings-ok" class="active"><%=Strings.RENAME_NOTICE_SUBMIT_BUTTON_LABEL %> </button></p>
                <p><button data-action-code="Cancel" id="button-settings-cancel"><%=Strings.CANCEL %></button></p>
            </div>
        </div>
        </div>
        
        </div>
    </div>
</div>
