<style>
     .subnavbar .mainnav > li:nth-child(2) > a{
     color: #ff9900;
     }

     .extraClasToMerge{
        color: #fff;
     }

  </style>

  <div class="myLoader" ng-show="showLoader">
    <img src="../img/hourglass.gif" width="50px;">
  </div>

  
  <div class="col-xs-12 col-md-6">

           <div class="widget stacked">
              <div class="widget-header">

                 <i class="fa fa-pencil"></i>

                 <h3>Price Manager Active</h3>
                 <select style="float: right; margin: 7px 10px; width: 150px; height: 26px; padding: 0 0;" class="btn btn-primary" class="form-control" ng-model="sendEmail.pricing" ng-change="confirmMail()">
                    <option value="" disabled selected="selected">Email All Pricing</option>
                    <option value="JET-A">Email JET-A pricing only</option>
                    <option value="AVGAS">Email AVGAS pricing only</option>
                    <option disabled>_______________________________</option>
                    <option value="all">Distribute All</option>
                 </select>

              </div>
              <!-- /widget-header -->
              <div class="widget-content">

                 <h4>Deployed Fuel Prices</h4>

                 <table class="table vertical-center">

                    <thead>
                       <tr>
                          <th> Product</th>
                          <th> Cost</th>

                          <th> Margin</th>

                          <th> PAP(Total)</th>

                          <th style="color: #F90;"> Expires</th>

                       </tr>
                    </thead>
                    <tbody>

                       <tr ng-repeat="fuelPricing in newFuelPricing | orderBy : 'namejetrest' | filter:{ status: true }">

                          <td>

                             <span style="color: #2196f3" ng-show="fuelPricing.jeta">{{fuelPricing.name}}</span>
                             <span  ng-show="fuelPricing.jeta">{{fuelPricing.namejetrest}}</span>
                             <span style="color: 39c" ng-show="fuelPricing.avgas">{{fuelPricing.name}}</span>
                             <span  ng-show="fuelPricing.avgas">{{fuelPricing.nameavgasrest}}</span>

                          </td>
                          <td>

                            <span>{{fuelPricing.fuelPricing.cost | number : 4}}</span>

                            </td>

                          <td>

                            <span>{{fuelPricing.fuelPricing.papMargin | number : 4}}</span>

                             </td>

                          <td>

                             <span style="line-height: 31px; color: #1ab394;">$ {{fuelPricing.fuelPricing.cost -- fuelPricing.fuelPricing.papMargin  | number : 4 }}</span>

                          </td>
                          <td>

                            <span>{{fuelPricing.fuelPricing.expirationDate}}</span>

                          </td>

                       </tr>
                    </tbody>
                 </table>

                
              </div>

              <!-- /widget-content -->
           </div>

           <!-- /widget --> 

           <div class="widget stacked">
              <div class="widget-header">
                 <i class="fa fa-pencil"></i>

                 <h3>Price Manager Staging</h3>

              </div>
              <!-- /widget-header -->
              <div class="widget-content">

                 <h6 style="color:#F90">Queue Pricing for Deployment in the Price Manager below</h6>
                 <form>

                 <table class="table vertical-center">

                    <thead>
                       <tr>
                          <th> Product</th>
                          <th> Cost</th>

                          <th> PAP(Margin)</th>
                          <th> Effective Date</th>
                          <th style="color: #F90;">Price Expires</th>

                          <th> PAP(Total)</th>

                       </tr>
                    </thead>
                    <tbody>

                       <tr ng-repeat="fuelPricing in newFuelPricing | orderBy : 'namejetrest' | filter:{ status: true }">

                          <td>
                             <span style="color: #2196f3" ng-show="fuelPricing.jeta">{{fuelPricing.name}}</span>
                             <span  ng-show="fuelPricing.jeta">{{fuelPricing.namejetrest}}</span>
                             <span style="color: 39c" ng-show="fuelPricing.avgas">{{fuelPricing.name}}</span>
                             <span  ng-show="fuelPricing.avgas">{{fuelPricing.nameavgasrest}}</span>
                          </td>
                          <td>

                             <input type="text" class="form-control" ng-keyup="disableButtons(fuelPricing.futureFuelPricing.cost)" ng-model="fuelPricing.futureFuelPricing.cost" style="height:31px; width: 60px; padding: 6px 6px; font-size:12px;"  placeholder="0.0000" valid-number />

                          </td>
                           <td>

                             <input type="text" class="form-control" ng-model="fuelPricing.futureFuelPricing.papMargin" style="height:31px; width: 80px; padding: 6px 6px; font-size:12px;" placeholder="0.0000" valid-number />

                          </td>

                          <td>

                             <input type="text"  class="form-control" ng-disabled="fuelPricing.futureFuelPricing.cost == undefined || fuelPricing.futureFuelPricing.cost == null || fuelPricing.futureFuelPricing.cost == ''" datepicker ng-model="fuelPricing.futureFuelPricing.deployDate" style="height:31px; width: 80px; padding: 6px 6px; font-size:12px;">
                          </td>

                          <td>

                             <input type="text"  class="form-control" datepicker  ng-disabled=" fuelPricing.futureFuelPricing.cost == undefined || fuelPricing.futureFuelPricing.cost == null || fuelPricing.futureFuelPricing.cost == ''" ng-model="fuelPricing.futureFuelPricing.nextExpiration" style="height:31px; width: 80px; padding: 6px 6px; font-size:12px;">

                          </td>
                          <td>

                             <span style="line-height: 31px; color: #1ab394; font-size:12px;">$ {{fuelPricing.futureFuelPricing.cost -- fuelPricing.futureFuelPricing.papMargin  | number : 4}}</span>

                          </td>
                       </tr>
                    </tbody>
                 </table>

                 <div class="row" style="margin-left: 0px;">
                    <div class="col-md-12" style= "text-align: right; padding-left: 0;">
                      <div style="float: left;">
                        <button type="button" class="btn btn-primary btn-xs" ng-click="updateFutureFuelPricingImmediatelyClick()" ng-disabled="noPrices" style= "text-align: center;  font-size:12px">Save & Deploy Immediately</button>
                    
                       <button type="button" ng-click="resetFutureFuelPricingClick()" class="btn btn-default btn-xs">Reset All</button>
                      </div>
                      <div style="float: right;">
                        <button type="button" class="btn btn-success btn-xs" ng-click="updateFutureFuelPricingClick()" ng-disabled="noPrices" style="margin-right:3%">Save & Stage for Deploy</button>
                      </div>
                       <div style="clear: both;"></div>
                    </div>
                 </div>
               </form>
             </div>

              <!-- /widget-content -->
           </div>
           <!-- /widget -->  

  </div>

  <div class="col-xs-12 col-md-6">
     

           <div class="widget stacked">
              <div class="widget-header">

                 <i class="fa fa-pencil"></i>

                 <h3 style="font-style: italic"><b style="color: #2196f3; font-style: normal">JET-A</b> Customer Margin Template</h3>
                 

              </div>
              <!-- /widget-header -->

              <div class="widget-content" style="padding-top: 10px;">

                 <section id="accordions">
                    <div class="newCustomAccordian">
                       <!-- tab 1 -->

                       <div ng-repeat="jets in aTypeJets">
                          <div class="customAccordianHeader" id="{{jets.id}}">
                             <span>{{jets.marginName}}</span>

                             <select class="form-control" disabled="true" ng-model="jets.pricingStructure" ng-change="selectChanged($index)">

                                <option value="" disabled selected>Pricing Structure</option>

                                <option value="minus">Retail/PAP - (minus)</option>
                                <option value="plus">Cost + (plus)</option>

                                <option value="equal">Direct = (equal)</option>

                             </select>
                             <span style="margin-right: 0;">$</span>

                             <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue" ng-blur="force4decimals(jets.marginValue)" placeholder="0.0000"  valid-number />

                             <div class="pull-right">

                                <button class="btn btn-success" style="display: none; background-image: none; background-color: #f3f3f3; color: #333; border:0;" ng-click="closeAccordian(jets)">Close</button>

                                <button class="btn btn-success" style="display: none;" ng-click="saveJetAccordian(jets)">Save</button>
                                <button class="btn btn-danger" style="display: none;" ng-click="deleteJetAccordian(jets.id)">Delete</button>

                                <button type="button" class="btn btn-primary" ng-click="emailPricingForMargin(jets.id)" style= "font-weight: normal; text-align: center;  font-size:12px">Email Pricing for this Margin</button>

                                <button class="btn btn-default" ng-click="toggleJestAccordian(jets.id, $index)" style= "text-align: center;  font-size:12px">Edit</button>

                             </div>
                             <div class="clearfix"></div>
                          </div>
                          <div class="customAccordianTabBody {{jets.id}}" style="display: none;">

                             <div class="tierListWrap" ng-repeat="tier in aTypeJets[$index].tierList">

                                <div class="tierListHead" style="height: 36px;">
                                   <span class="pull-left tierHeadingSpan" ng-hide="showEditTier">{{tier.minTierBreak}}-{{tier.maxTierBreak}} gal.
                                   </span>
                                   <i class="fa fa-pencil-square-o pull-right" ng-click="showEditTier = ! showEditTier" ng-hide="showEditTier" style="margin-top: 5px; cursor: pointer;" aria-hidden="true"></i>
                                   
                                   <input type="text" placeholder="min" style="width: 36px;" ng-model="tier.minTierBreak" ng-show="showEditTier">
                                   <span ng-show="showEditTier">-</span> 
                                   <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.maxTierBreak" ng-show="showEditTier"> <b ng-show="showEditTier">gal.</b>
                                   <div class="clearfix"></div>
                                </div>
                                <div class="tierListBody" style="height: 35px;">
                                   <span class="pull-left minTierSpan" ng-hide="showEditTier">-${{tier.margin}}</span> 
  
                                   <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.margin" ng-show="showEditTier"> &nbsp; 

                                   <span class="pull-right maxTierSpan" ng-hide="showEditTier">(${{tier.marginTotal | number : 2}})</span>

                                   <button class="addTierBtn" ng-click="editTier(tier, $parent.$index)" ng-show="showEditTier">Save</button>

                                   <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteTier(tier.id, jets.id, $parent.$index)" aria-hidden="true" ng-show="showEditTier"></i>

  
                                   <div class="clearfix"></div>
                                </div>
                             </div>
                             <div class="tierListWrap" style="width: 160px;">
                                <div class="tierListHead" style="border-right: 1px solid #ddd;">

                                   <input type="text" placeholder="min" ng-model="trData[$index].minTierBreak">

                                   <span>-</span> 

                                   <input type="text" placeholder="max" ng-model="trData[$index].maxTierBreak"> <b>gal.</b>

                                   <div class="clearfix"></div>
                                </div>
                                <div class="tierListBody" style="border-right: 1px solid #ddd;">
                                   <span style="color: #449d44;">$</span>

                                   <input type="text" placeholder="margin" ng-model="trData[$index].margin" class="tierTextBox" style="width: 70px; height: 24px;">
                                   <button class="addTierBtn" ng-click="addNewTier(jets.id, trData, $index)">Add Tier</button>

                                   <div class="clearfix"></div>
                                </div>
                             </div>
                             <!-- <div class="tierListWrap" style="width: 32px;">
                                <div class="tierListHead" style="height: 36px; border-right: 1px solid #ddd;">
                                   &nbsp;
                                </div>
                                <div class="tierListBody" style="height: 35px; border-right: 1px solid #ddd;">
                                   <i class="fa fa-trash-o deleteTierIcon" aria-hidden="true"></i>
                                </div>
                             </div> -->
                             <div class="clearfix"></div>

                             <!-- <textarea class="form-control resizeTextarea" ng-model="jets.message" placeholder="Message..."></textarea> -->
                             <br/>
                             <div ckeditor="options" ng-model="jets.message" ready="onReady()"></div>

                          </div>

                       </div>

                    </div>

                     <div class="pull-right">
                        <button type="submit" class="btn btn-success btn-sm" ng-click="addNewMarginBtn()" style="margin-top: 4px; margin-right: 10px;"><i class="fa fa-plus" aria-hidden="true"></i> Add New Margin</button>
                    </div>

                 </section>

                 <!-- <div class="row">&nbsp;</div>

                 <div class="row">
                    <div class="form-group">
                       <div class="col-lg-12 text-right">
                          <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp;
                          <button type="reset" class="btn btn-default">Cancel</button>
                       </div>

                    </div>

                 </div> -->

              </div>
              <!-- /widget-content -->
           </div>
           <!-- /widget -->

           <div class="widget stacked">
              <div class="widget-header">
                 <i class="fa fa-pencil"></i>

                 <h3><b style="color: 39c;">AVGAS 100LL </b> <i>Customer Margin Template</i></h3>

              </div>
              <!-- /widget-header -->

              <div class="widget-content" style="padding-top: 10px;">

                 <section id="accordions">
                    <div class="newCustomAccordian">
                       <!-- tab 1 -->
                       <div ng-repeat="jets in vTypeJets">
                          <div class="customAccordianHeader" id="{{jets.id}}">
                             <span>{{jets.marginName}}</span>
                             <select class="form-control" disabled="true" ng-model="jets.pricingStructure">
                                <option value="" disabled selected>Pricing Structure</option>

                                <option value="minus">Retail - (minus)</option>
                                <option value="plus">Cost + (plus)</option>
                                <option value="equal">Direct = (equal)</option>

                             </select>
                             <span style="margin-right: 0;">$</span>

                             <input type="text" disabled="true" class="form-control" ng-model="jets.marginValue" ng-blur="force4decimals(jets.marginValue)" placeholder="0.0000" valid-number />

                             <div class="pull-right">

                                <button class="btn btn-success" style="display: none; background-image: none; background-color: #f3f3f3; color: #333; border:0;" ng-click="closeAccordianVtype(jets)">Close</button>

                                <button class="btn btn-success" style="display: none;" ng-click="saveVtypeJetAccordian(jets)">Save</button>
                                <button class="btn btn-danger" style="display: none;" ng-click="deleteVtypeJetAccordian(jets.id)">Delete</button>

                                 <button type="button" class="btn btn-primary" ng-click="emailPricingForMargin()" style= "font-weight: normal; text-align: center;  font-size:12px">Email Pricing for this Margin</button>

                                <button class="btn btn-default" ng-click="toggleVtypeJestAccordian(jets.id, $index)" style= "text-align: center;  font-size:12px">Edit</button>

                             </div>

                             <div class="clearfix"></div>

                          </div>

                          <div class="customAccordianTabBody {{jets.id}}" style="display: none;">
                             <div class="tierListWrap" ng-repeat="tier in vTypeJets[$index].tierList">
                                <div class="tierListHead" style="height: 36px;">
                                   <span class="pull-left tierHeadingSpan" ng-hide="showEditTier">{{tier.minTierBreak}}-{{tier.maxTierBreak}} gal.
                                   </span>
                                   <i class="fa fa-pencil-square-o pull-right" ng-click="showEditTier = ! showEditTier" ng-hide="showEditTier" style="margin-top: 5px; cursor: pointer;" aria-hidden="true"></i>
                                   
                                   <input type="text" placeholder="min" style="width: 36px;" ng-model="tier.minTierBreak" ng-show="showEditTier">
                                   <span ng-show="showEditTier">-</span> 
                                   <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.maxTierBreak" ng-show="showEditTier"> <b ng-show="showEditTier">gal.</b>
                                   <div class="clearfix"></div>

                                </div>

                                <div class="tierListBody" style="height: 35px;">
                                   <span class="pull-left minTierSpan" ng-hide="showEditTier">-${{tier.margin}}</span> 
  
                                   <input type="text" placeholder="max" style="width: 36px;" ng-model="tier.margin" ng-show="showEditTier"> &nbsp; 

                                   <span class="pull-right maxTierSpan" ng-hide="showEditTier">(${{tier.marginTotal | number : 2}})</span>

                                   <button class="addTierBtn" ng-click="editVtypeTier(tier, $parent.$index)" ng-show="showEditTier">Save</button>

                                   <i class="fa fa-trash-o deleteTierIcon" ng-click="deleteVtypeTier(tier.id, jets.id, $parent.$index)" aria-hidden="true" ng-show="showEditTier"></i>

  
                                   <div class="clearfix"></div>

                                </div>

                             </div>
                             <div class="tierListWrap" style="width: 160px;">
                                <div class="tierListHead" style="border-right: 1px solid #ddd;">
                                   <input type="text" placeholder="min" ng-model="vtrData[$index].minTierBreak">
                                   <span>-</span> 
                                   <input type="text" placeholder="max" ng-model="vtrData[$index].maxTierBreak"> <b>gal.</b>
                                   <div class="clearfix"></div>

                                </div>

                                <div class="tierListBody" style="border-right: 1px solid #ddd;">
                                   <span style="color: #449d44;">$</span>
                                   <input type="text" placeholder="margin" ng-model="vtrData[$index].margin" class="tierTextBox" style="width: 70px; height: 24px;">
                                   <button class="addTierBtn" ng-click="addNewVtypeTier(jets.id, vtrData, $index)">Add Tier</button>
                                   <div class="clearfix"></div>

                                </div>
                             </div>

                             <!-- <div class="tierListWrap" style="width: 32px;">
                                <div class="tierListHead" style="height: 36px; border-right: 1px solid #ddd;">
                                   &nbsp;
                                </div>
                                <div class="tierListBody" style="height: 35px; border-right: 1px solid #ddd;">
                                   <i class="fa fa-trash-o deleteTierIcon" aria-hidden="true"></i>
                                </div>
                             </div> -->
                             <div class="clearfix"></div>

                             <br/>
                             <div ckeditor="options" ng-model="jets.message" ready="onReady()"></div>

                          </div>
                       </div>
                    </div>

                    <div class="pull-right">
                      <button type="submit" class="btn btn-success btn-sm" ng-click="addNewVtypePop()" style="margin-top: 4px; margin-right: 10px;"><i class="fa fa-plus" aria-hidden="true"></i> Add New Margin</button>
                   </div>

                 </section>

                 <!-- <div class="row">&nbsp;</div>

                 <div class="row">
                    <div class="form-group">
                       <div class="col-lg-12 text-right">
                          <button type="submit" class="btn btn-success"><i class="icon-ok"></i> Save Form</button>&nbsp;&nbsp;
                          <button type="reset" class="btn btn-default">Cancel</button>
                       </div>

                    </div>

                 </div> -->

              </div>
              <!-- /widget-content -->
           </div>
           <!-- /widget -->

  </div>
  <div class="clearfix"></div>

  
  <div class="addNewMargin" style="display: none;">
     <div class="customBackdrop">
        <div class="customModalInner" style="max-width: 700px;">
           <div class="customModelHead">
              <p class="pull-left">
                 <i class="fa fa-list-alt" aria-hidden="true"></i>
                 Add New JET-A Customer Margin
              </p>
              <p class="pull-right">
                 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeMarginPopup()"></i>
              </p>
              <div class="clearfix"></div>
           </div>
           <div class="customModelBody">
              
              <div class="customAccordianHeader customActive">
                 <input type="text" class="form-control" style="width: 120px; margin-right: 10px;" placeholder="Margin Name" ng-model="newJet.marginName">
                 <select class="form-control" ng-model="newJet.pricingStructure">
                    <option value="" disabled selected>Pricing Structure</option>

                    <option value="minus">Retail -(minus)</option>
                    <option value="plus">Cost +(plus)</option>
                    <option value="equal">Direct =(equal)</option>

                 </select>
                 <span style="margin-right: 0;">$</span>

                 <input type="text" class="form-control" style="width: 120px;" placeholder="Margin Price" ng-model="newJet.marginValue" ng-blur="force4decimals(newJet.marginValue)" valid-number />

                 <div class="clearfix"></div>
              </div>
              <div class="customAccordianTabBody">

                 <div ckeditor="options" ng-model="newJet.message" ready="onReady()"></div>

              </div>
  
           </div>
           <div class="customModelFooter text-center">
              <input type="submit" value="Save" class="btn" ng-click="addNewATypeJet()">
              <button class="btn" ng-click="closeMarginPopup()">Cancel</button>
           </div>
        </div>
     </div>
  </div>

  <div class="addNewVtype" style="display: none;">
     <div class="customBackdrop">
        <div class="customModalInner" style="max-width: 700px;">
           <div class="customModelHead">
              <p class="pull-left">
                 <i class="fa fa-list-alt" aria-hidden="true"></i>
                 Add New AVGAS 100LL Customer Margin Template
              </p>
              <p class="pull-right">
                 <i class="fa fa-times" aria-hidden="true" style="cursor: pointer;" ng-click="closeNewVtypePop()"></i>
              </p>
              <div class="clearfix"></div>
           </div>
           <div class="customModelBody">
              
              <div class="customAccordianHeader customActive">
                 <input type="text" class="form-control" style="width: 120px; margin-right: 10px;" placeholder="Margin Name" ng-model="newVtypeJet.marginName">
                 <select class="form-control" ng-model="newVtypeJet.pricingStructure">
                    <option value="" disabled selected>Pricing Structure</option>

                    <option value="minus">Retail -(minus)</option>
                    <option value="plus">Cost +(plus)</option>
                    <option value="equal">Direct =(equal)</option>

                 </select>
                 <span style="margin-right: 0;">$</span>

                 <input type="text" class="form-control" style="width: 120px;" placeholder="Margin Price" ng-model="newVtypeJet.marginValue" ng-blur="force4decimals(newVtypeJet.marginValue)" valid-number />

                 <div class="clearfix"></div>
              </div>
              <div class="customAccordianTabBody">

                 <div ckeditor="options" ng-model="newVtypeJet.message" ready="onReady()"></div>

              </div>
  
           </div>
           <div class="customModelFooter text-center">
              <input type="submit" value="Save" class="btn" ng-click="addNewVTypeJet()">
              <button class="btn" ng-click="closeNewVtypePop()">Cancel</button>
           </div>
        </div>
     </div>
  </div>

  <div class="customConfirmPopBackdrop" id="confirm1" style="display: none;">
    <div class="customModalInner">
       <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
          <table>
             <tr>
                <td>
                   <img src="img/info.png" style="width: 50px;">
                </td>
                <td>
                   <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing to everyone in your contact list?</p>
                </td>
             </tr>
          </table>
       </div>
       <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
          <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseConfirm()">Yes</button>
          <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseConfirm()">Cancel</button>
       </div>
    </div>
  </div>

  <div class="customConfirmPopBackdrop" id="confirm2" style="display: none;">
    <div class="customModalInner">
       <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
          <table>
             <tr>
                <td>
                   <img src="img/info.png" style="width: 50px;">
                </td>
                <td>
                   <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to email pricing for this margin?</p>
                </td>
             </tr>
          </table>
       </div>
       <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
          <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="saveAndCloseForMarginConfirm()">Yes</button>
          <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelAndCloseForMarginConfirm()">Cancel</button>
       </div>
    </div>
  </div>

  <div class="customConfirmPopBackdrop" id="deleteTierConfirm" style="display: none;">
    <div class="customModalInner">
       <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
          <table>
             <tr>
                <td>
                   <img src="img/info.png" style="width: 50px;">
                </td>
                <td>

                   <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Tier?</p>

                </td>
             </tr>
          </table>
       </div>
       <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
          <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteTier()">Yes</button>
          <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelTierDelete()">Cancel</button>
       </div>
    </div>
  </div>
  
  <div class="customConfirmPopBackdrop" id="deleteVtypeTierConfirm" style="display: none;">
    <div class="customModalInner">
       <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
          <table>
             <tr>
                <td>
                   <img src="img/info.png" style="width: 50px;">
                </td>
                <td>

                   <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Tier?</p>

                </td>
             </tr>
          </table>
       </div>
       <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
          <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteVtypeTier()">Yes</button>
          <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelVtypeTierDelete()">Cancel</button>
       </div>
    </div>
  </div>

  <div class="customConfirmPopBackdrop" id="deleteMargin" style="display: none;">
    <div class="customModalInner">
       <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
          <table>
             <tr>
                <td>
                   <img src="img/info.png" style="width: 50px;">
                </td>
                <td>

                   <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Margin Template?</p>

                </td>
             </tr>
          </table>
       </div>
       <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
          <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeleteMargin()">Yes</button>
          <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelMarginDelete()">Cancel</button>
       </div>
    </div>
  </div>
  
  <div class="customConfirmPopBackdrop" id="deleteVtypeMargin" style="display: none;">
    <div class="customModalInner">
       <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
          <table>
             <tr>
                <td>
                   <img src="img/info.png" style="width: 50px;">
                </td>
                <td>

                   <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure that you want to delete this Margin Template?</p>

                </td>
             </tr>
          </table>
       </div>
       <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
          <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmDeletVtypeMargin()">Yes</button>
          <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelVtypeMarginDelete()">Cancel</button>
       </div>
    </div>
  </div>

  <div class="customConfirmPopBackdrop" id="resetPricing" style="display: none;">
    <div class="customModalInner">
       <div class="customModelBody" style="border-radius: 5px 5px 0 0;">
          <table>
             <tr>
                <td>
                   <img src="img/info.png" style="width: 50px;">
                </td>
                <td>
                   <p style="padding: 5px 10px; margin-bottom: 0;">Are you sure you want to reset and clear all of the staged pricing above and current pricing below?</p>
                </td>
             </tr>
          </table>
       </div>
       <div class="customModelFooter text-right" style="border-radius: 0 0 5px 5px;">
          <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="confirmReset()">Yes</button>
          <button class="btn" style="padding: 4px 0; width: 80px;" ng-click="cancelReset()">No</button>
       </div>
    </div>
  </div>

  <!-- Le javascript
     ================================================== -->
  <!-- Placed at the end of the document so the pages load faster -->

  <!-- <script>

     CKEDITOR.replace( 'editor2', {
        height: 250,
        extraPlugins: 'divarea'
     } );

  </script> -->