title: Jquery UI sortable with table
body: <p>Consider the following image.</p>
  
  <p><a href="https://i.stack.imgur.com/pJeWq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pJeWq.png" alt="enter image description here"></a></p>
  
  <p>In the following image, rows are divided as a section of few rows.
  I have implemented the Jquery UI sortable with the table but by that, any row can be inserted anywhere in the table.</p>
  
  <p>What I want is, rows can only be sortable within their specific section, for example, a row of one section should not insert in section 2.</p>
  
  <p>So I'm looking for something like validation on jumping say, a row cannot jump another row with a specific class or let me know something else.</p>
  
  <p>Below is the piece of code for jquery.</p>
  
  <pre><code>$(function(){
              $("#etemplate_table_id").sortable({   /*etemplate_table_id - table id*/
                  items:".tbl_row_4",          /*tbl_row_4 - class of rows in yellow color*/
                  cursor:"move"
              });
          });
  </code></pre>
  
  <p>Below is code to produce sample html :</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Test&lt;/title&gt;
  
      &lt;link rel="stylesheet" type="text/css" href="project.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  
          &lt;div class="table-responsive"&gt;
              &lt;table class="table table-bordered tbl_style " id="etemplate_table_id"&gt;
                  &lt;thead&gt;
                      &lt;tr class="tbl_row_head" "=""&gt;
                          &lt;th&gt;M&lt;/th&gt;
                          &lt;th&gt;W&lt;/th&gt;
                          &lt;th&gt;A&lt;/th&gt;
                          &lt;th&gt;Detailed Description&lt;/th&gt;
                          &lt;th&gt;R-Class&lt;/th&gt;
                          &lt;th&gt;B-Class&lt;/th&gt;
                          &lt;th&gt;E-Category&lt;/th&gt;
                          &lt;th&gt;ML-Category&lt;/th&gt;
                          &lt;th&gt;Labor Rate&lt;/th&gt;
                          &lt;th&gt;QTY&lt;/th&gt;
                          &lt;th&gt;UOM&lt;/th&gt;
                          &lt;th&gt;Duration&lt;/th&gt;
                          &lt;th&gt;Crew Size&lt;/th&gt;
                          &lt;th&gt;Unit Mhrs.&lt;/th&gt;
                          &lt;th&gt;Total Mhrs.&lt;/th&gt;
                          &lt;th&gt;Phase&lt;/th&gt;
                          &lt;th&gt;Total Cost&lt;/th&gt;
                      &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody&gt;
  
                  &lt;tr class="tbl_row_1" id="H0111"&gt;
                                          &lt;td&gt;01&lt;/td&gt;
                                          &lt;td colspan="8" class="left_align"&gt;House # 109, Vienna Andre&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                      &lt;/tr&gt;&lt;tr class="tbl_row_2" id="01_01-tbl_row_2" name="W002"&gt;
                                          &lt;td&gt;01.01&lt;/td&gt;
                                          &lt;td colspan="8" class="left_align wbs_master_list_td"&gt;Head &amp;amp; Trauma Pt&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;16&lt;/td&gt;
                                          &lt;td&gt;0&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;0&lt;/td&gt;
                                      &lt;/tr&gt;
                                      &lt;tr class="tbl_row_3"&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td class="cell_grp_brown"&gt;Test&lt;/td&gt;
                                          &lt;td colspan="7" class="left_align"&gt;Activity Description&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;16&lt;/td&gt;
                                          &lt;td&gt;0&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;0&lt;/td&gt;
                                      &lt;/tr&gt;&lt;tr class="tbl_row_4 no_wrap_class" id="H0111__W002__1066"&gt;
                                              &lt;td&gt;&lt;/td&gt;
                                              &lt;td class="cell_grp_brown"&gt;01.01.03&lt;/td&gt;
                                              &lt;td&gt;1066&lt;/td&gt;
                                              &lt;td class="no_wrap_class"&gt;Develop Tower Near Yellow East River&lt;/td&gt;
                                              &lt;td&gt;DATA1&lt;/td&gt;
                                              &lt;td&gt;OM_CL&lt;/td&gt;
                                              &lt;td&gt;110100&lt;/td&gt;
                                              &lt;td&gt;Contractor&lt;/td&gt;
                                              &lt;td&gt;0&lt;/td&gt;
                                              &lt;td&gt;&lt;input size="1" value="" type="text"&gt;&lt;/td&gt;
                                              &lt;td&gt;LS&lt;/td&gt;
                                              &lt;td class="duration_cell"&gt;9 days&lt;/td&gt;
                                              &lt;td class="crew_cell"&gt;&lt;select class="crew_dropdown"&gt;&lt;option selected=""&gt;0&lt;/option&gt;&lt;option&gt;1&lt;/option&gt;&lt;option&gt;2&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
                                              &lt;td&gt;&lt;input value="8" size="1" class="unit_mhrs_input" type="text"&gt;&lt;/td&gt;
                                              &lt;td&gt;0&lt;/td&gt;
                                              &lt;td&gt;2&lt;/td&gt;&lt;td&gt;0&lt;/td&gt;&lt;/tr&gt;&lt;tr class="tbl_row_4 no_wrap_class" id="H0111__W002__1259"&gt;
                                              &lt;td&gt;&lt;/td&gt;
                                              &lt;td class="cell_grp_brown"&gt;01.01.04&lt;/td&gt;
                                              &lt;td&gt;1259&lt;/td&gt;
                                              &lt;td class="no_wrap_class"&gt;Install Marron Wire M001&lt;/td&gt;
                                              &lt;td&gt;PCC-1&lt;/td&gt;
                                              &lt;td&gt;ME_CL&lt;/td&gt;
                                              &lt;td&gt;130100&lt;/td&gt;
                                              &lt;td&gt;Testing &amp;amp; Commissioning&lt;/td&gt;
                                              &lt;td&gt;0&lt;/td&gt;
                                              &lt;td&gt;&lt;input size="1" value="" type="text"&gt;&lt;/td&gt;
                                              &lt;td&gt;Days&lt;/td&gt;
                                              &lt;td class="duration_cell"&gt;5 days&lt;/td&gt;
                                              &lt;td class="crew_cell"&gt;&lt;select class="crew_dropdown"&gt;&lt;/select&gt;&lt;/td&gt;
                                              &lt;td&gt;&lt;input value="8" size="1" class="unit_mhrs_input" type="text"&gt;&lt;/td&gt;
                                              &lt;td&gt;0&lt;/td&gt;
                                              &lt;td&gt;3&lt;/td&gt;&lt;td&gt;0&lt;/td&gt;&lt;/tr&gt;&lt;tr class="tbl_row_10" id="01_01-tbl_row_10"&gt;
                                          &lt;td colspan="12" class="right_align"&gt;Subtotal For Head &amp;amp; Trauma Pt&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;16&lt;/td&gt;
                                          &lt;td&gt;0&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;$0&lt;/td&gt;
                                      &lt;/tr&gt;&lt;tr class="tbl_row_2" id="01_02-tbl_row_2" name="W003"&gt;
                                          &lt;td&gt;01.02&lt;/td&gt;
                                          &lt;td colspan="8" class="left_align wbs_master_list_td"&gt;Base Alm 17 SO&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;0&lt;/td&gt;
                                          &lt;td&gt;0&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;0&lt;/td&gt;
                                      &lt;/tr&gt;
                                      &lt;tr class="tbl_row_3"&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td class="cell_grp_brown"&gt;Test&lt;/td&gt;
                                          &lt;td colspan="7" class="left_align"&gt;Activity Description&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;0&lt;/td&gt;
                                          &lt;td&gt;0&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;0&lt;/td&gt;
                                      &lt;/tr&gt;&lt;tr class="tbl_row_10" id="01_02-tbl_row_10"&gt;
                                          &lt;td colspan="12" class="right_align"&gt;Subtotal For Base Alm 17 SO&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;0&lt;/td&gt;
                                          &lt;td&gt;0&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;$0&lt;/td&gt;
                                      &lt;/tr&gt;&lt;tr class="tbl_row_2" id="01_03-tbl_row_2" name="W004"&gt;
                                          &lt;td&gt;01.03&lt;/td&gt;
                                          &lt;td colspan="8" class="left_align wbs_master_list_td"&gt;Body Mixed &amp;amp; //le &lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;5&lt;/td&gt;
                                          &lt;td&gt;5&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;1634&lt;/td&gt;
                                      &lt;/tr&gt;
                                      &lt;tr class="tbl_row_3"&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td class="cell_grp_brown"&gt;Test&lt;/td&gt;
                                          &lt;td colspan="7" class="left_align"&gt;Activity Description&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;5&lt;/td&gt;
                                          &lt;td&gt;5&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;1634&lt;/td&gt;
                                      &lt;/tr&gt;&lt;tr class="tbl_row_4 no_wrap_class" id="H0111__W004__1000"&gt;
                                              &lt;td&gt;&lt;/td&gt;
                                              &lt;td class="cell_grp_brown"&gt;01.02.01&lt;/td&gt;
                                              &lt;td&gt;1000&lt;/td&gt;
                                              &lt;td class="no_wrap_class"&gt;Map of Blue carousel&lt;/td&gt;
                                              &lt;td&gt;CVENG&lt;/td&gt;
                                              &lt;td&gt;NON O &amp;amp; M&lt;/td&gt;
                                              &lt;td&gt;140100&lt;/td&gt;
                                              &lt;td&gt;Engineering&lt;/td&gt;
                                              &lt;td&gt;789&lt;/td&gt;
                                              &lt;td&gt;&lt;input size="1" value="1" type="text"&gt;&lt;/td&gt;
                                              &lt;td&gt;HR&lt;/td&gt;
                                              &lt;td class="duration_cell"&gt;1 day&lt;/td&gt;
                                              &lt;td class="crew_cell"&gt;&lt;select class="crew_dropdown"&gt;&lt;option selected=""&gt;0&lt;/option&gt;&lt;option&gt;1&lt;/option&gt;&lt;option&gt;2&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
                                              &lt;td&gt;&lt;input value="1" size="1" class="unit_mhrs_input" type="text"&gt;&lt;/td&gt;
                                              &lt;td&gt;1&lt;/td&gt;
                                              &lt;td&gt;1&lt;/td&gt;&lt;td&gt;&lt;input class="total_cost_input" size="1" value="500" type="text"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="tbl_row_4 no_wrap_class" id="H0111__W004__1001"&gt;
                                              &lt;td&gt;&lt;/td&gt;
                                              &lt;td class="cell_grp_brown"&gt;01.02.02&lt;/td&gt;
                                              &lt;td&gt;1001&lt;/td&gt;
                                              &lt;td class="no_wrap_class"&gt;Blue Tire Removal&lt;/td&gt;
                                              &lt;td&gt;CVENG&lt;/td&gt;
                                              &lt;td&gt;O &amp;amp; M&lt;/td&gt;
                                              &lt;td&gt;1301E&lt;/td&gt;
                                              &lt;td&gt;Engineering&lt;/td&gt;
                                              &lt;td&gt;789&lt;/td&gt;
                                              &lt;td&gt;&lt;input size="1" value="1" type="text"&gt;&lt;/td&gt;
                                              &lt;td&gt;HR&lt;/td&gt;
                                              &lt;td class="duration_cell"&gt;5 days&lt;/td&gt;
                                              &lt;td class="crew_cell"&gt;&lt;select class="crew_dropdown"&gt;&lt;option selected=""&gt;0&lt;/option&gt;&lt;option&gt;1&lt;/option&gt;&lt;option&gt;2&lt;/option&gt;&lt;option&gt;3&lt;/option&gt;&lt;option&gt;4&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
                                              &lt;td&gt;&lt;input value="1" size="1" class="unit_mhrs_input" type="text"&gt;&lt;/td&gt;
                                              &lt;td&gt;1&lt;/td&gt;
                                              &lt;td&gt;1&lt;/td&gt;&lt;td&gt;&lt;input class="total_cost_input" size="1" value="500" type="text"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="tbl_row_4 no_wrap_class" id="H0111__W004__1002"&gt;
                                              &lt;td&gt;&lt;/td&gt;
                                              &lt;td class="cell_grp_brown"&gt;01.02.03&lt;/td&gt;
                                              &lt;td&gt;1002&lt;/td&gt;
                                              &lt;td class="no_wrap_class"&gt;Jet Blue Service A&lt;/td&gt;
                                              &lt;td&gt;CVENG&lt;/td&gt;
                                              &lt;td&gt;O &amp;amp; M&lt;/td&gt;
                                              &lt;td&gt;1301E&lt;/td&gt;
                                              &lt;td&gt;Engineering&lt;/td&gt;
                                              &lt;td&gt;789&lt;/td&gt;
                                              &lt;td&gt;&lt;input size="1" value="1" type="text"&gt;&lt;/td&gt;
                                              &lt;td&gt;HR&lt;/td&gt;
                                              &lt;td class="duration_cell"&gt;3 days&lt;/td&gt;
                                              &lt;td class="crew_cell"&gt;&lt;select class="crew_dropdown"&gt;&lt;option selected=""&gt;0&lt;/option&gt;&lt;option&gt;1&lt;/option&gt;&lt;option&gt;2&lt;/option&gt;&lt;option&gt;3&lt;/option&gt;&lt;option&gt;4&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
                                              &lt;td&gt;&lt;input value="1" size="1" class="unit_mhrs_input" type="text"&gt;&lt;/td&gt;
                                              &lt;td&gt;1&lt;/td&gt;
                                              &lt;td&gt;1&lt;/td&gt;&lt;td&gt;&lt;input class="total_cost_input" size="1" value="500" type="text"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="tbl_row_4 no_wrap_class" id="H0111__W004__1003"&gt;
                                              &lt;td&gt;&lt;/td&gt;
                                              &lt;td class="cell_grp_brown"&gt;01.02.04&lt;/td&gt;
                                              &lt;td&gt;1003&lt;/td&gt;
                                              &lt;td class="no_wrap_class"&gt;Air Pressure Blue Pin&lt;/td&gt;
                                              &lt;td&gt;TRENG&lt;/td&gt;
                                              &lt;td&gt;Indirect&lt;/td&gt;
                                              &lt;td&gt;180100&lt;/td&gt;
                                              &lt;td&gt;Engineering&lt;/td&gt;
                                              &lt;td&gt;0&lt;/td&gt;
                                              &lt;td&gt;&lt;input size="1" value="1" type="text"&gt;&lt;/td&gt;
                                              &lt;td&gt;HR&lt;/td&gt;
                                              &lt;td class="duration_cell"&gt;4 days&lt;/td&gt;
                                              &lt;td class="crew_cell"&gt;&lt;select class="crew_dropdown"&gt;&lt;option selected=""&gt;0&lt;/option&gt;&lt;option&gt;1&lt;/option&gt;&lt;option&gt;2&lt;/option&gt;&lt;option&gt;3&lt;/option&gt;&lt;option&gt;4&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
                                              &lt;td&gt;&lt;input value="1" size="1" class="unit_mhrs_input" type="text"&gt;&lt;/td&gt;
                                              &lt;td&gt;1&lt;/td&gt;
                                              &lt;td&gt;1&lt;/td&gt;&lt;td&gt;&lt;input class="total_cost_input" size="1" value="12" type="text"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="tbl_row_4 no_wrap_class" id="H0111__W004__1004"&gt;
                                              &lt;td&gt;&lt;/td&gt;
                                              &lt;td class="cell_grp_brown"&gt;01.02.05&lt;/td&gt;
                                              &lt;td&gt;1004&lt;/td&gt;
                                              &lt;td class="no_wrap_class"&gt;Blue Tax Appraisal For Marty James&lt;/td&gt;
                                              &lt;td&gt;TRENG&lt;/td&gt;
                                              &lt;td&gt;O &amp;amp; M&lt;/td&gt;
                                              &lt;td&gt;1301E&lt;/td&gt;
                                              &lt;td&gt;Engineering&lt;/td&gt;
                                              &lt;td&gt;0&lt;/td&gt;
                                              &lt;td&gt;&lt;input size="1" value="1" type="text"&gt;&lt;/td&gt;
                                              &lt;td&gt;HR&lt;/td&gt;
                                              &lt;td class="duration_cell"&gt;5 days&lt;/td&gt;
                                              &lt;td class="crew_cell"&gt;&lt;select class="crew_dropdown"&gt;&lt;option selected=""&gt;0&lt;/option&gt;&lt;option&gt;1&lt;/option&gt;&lt;option&gt;2&lt;/option&gt;&lt;option&gt;3&lt;/option&gt;&lt;option&gt;4&lt;/option&gt;&lt;option&gt;5&lt;/option&gt;&lt;option&gt;6&lt;/option&gt;&lt;option&gt;7&lt;/option&gt;&lt;/select&gt;&lt;/td&gt;
                                              &lt;td&gt;&lt;input value="1" size="1" class="unit_mhrs_input" type="text"&gt;&lt;/td&gt;
                                              &lt;td&gt;1&lt;/td&gt;
                                              &lt;td&gt;1&lt;/td&gt;&lt;td&gt;&lt;input class="total_cost_input" size="1" value="122" type="text"&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr class="tbl_row_10" id="01_03-tbl_row_10"&gt;
                                          &lt;td colspan="12" class="right_align"&gt;Subtotal For Body Mixed &amp;amp; //le &lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;5&lt;/td&gt;
                                          &lt;td&gt;5&lt;/td&gt;
                                          &lt;td&gt;&lt;/td&gt;
                                          &lt;td&gt;$1634&lt;/td&gt;
                                      &lt;/tr&gt;
                  &lt;/tbody&gt;
              &lt;/table&gt;                
          &lt;/div&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>Below is the css code for this :</p>
  
  <pre><code>.estimatigPortfolioOverview_row_1, .estimatigPortfolioOverview_row_5_right{
      border: 1px solid black;
      padding: 10px;
  }
  
  .estimatigPortfolioOverview_row_5_right,.estimatigPortfolioSplit_row_2,.estimatigPortfolioIchrs_row_2, .estimatigPortfolioIchrs_row_4, .estimatigPortfolioSplit_row_4{
      margin-top: 10px;
  }
  
  .estimatigPortfolioOverview_row_1 td:nth-child(odd){
      font-size: 13px;
  }
  
  .estimatigPortfolioOverview_row_1 input[type="text"]{
      font-size: 11px;
      width: 110px;
  }
  .estimatigPortfolioOverview_row_1 input[type="checkbox"]{
      margin-left: 5px;
  }
  .estimatigPortfolioOverview_row_1_div_3, .estimatigPortfolioOverview_row_3,.estimatigPortfolioSplit_row_2,.estimatigPortfolioIchrs_row_2, .estimatigPortfolioIchrs_row_4_col_2 table, .estimatigPortfolioSplit_row_4_col_3 table{
      border: 1px solid black;
  }
  
  .estimatigPortfolioOverview_row_1 td, .estimatigPortfolioOverview_row_1 th, .estimatigPortfolioIchrs_row_4 td, .estimatigPortfolioIchrs_row_4 th, .estimatigPortfolioSplit_row_4 td, .estimatigPortfolioSplit_row_4 th{
      border: none !important;
  }
  
  .estimatigPortfolioOverview_row_3 label,.estimatigPortfolioOverview_row_5_left .form-group label,.estimatigPortfolioSplit_row_2 label,.estimatigPortfolioIchrs_row_2 label{
      margin-right: 10px;
  }
  
  .estimatigPortfolioOverview_row_5_left li label{
      margin-left: 10px;
  }
  
  .estimatigPortfolioOverview_row_4 ul li{
      border-left: 1px solid black; 
  }
  
  .estimatigPortfolioOverview_row_4 ul li:first-child{
      border: none; 
  }
  
  .estimatigPortfolioOverview_row_4 ul li:first-child input{
      margin-left: 10px;
  }
  
  .estimatigPortfolioOverview_row_3_4_hr,.estimatigPortfolioIchrs_row_2_3_hr{
      border: 4px solid #b4b40f;
  }
  
  .estimatigPortfolioOverview_row_5_right_2, .estimatigPortfolioOverview_row_7_col_1{
      border: 1px solid black;
      text-align: center;
  }
  
  .estimatigPortfolioOverview_row_7_col_1{
      padding: 10px;
  }
  
  .estimatigPortfolioOverview_row_6{
      margin:10px;
  }
  .estimatigPortfolioOverview_row_6 button, .estimatigPortfolioIchrs_row_3_footer_button_row button{
      border: 1px solid #351f72;
      color: #351f72;
      background-color: #e9b947;
      padding: 0px 20px;
      margin-top: 5px;
  }
  
  .estimatigPortfolioOverview_row_6, .estimatigPortfolioIchrs_row_3_footer_button_row{
      text-align: center;
  }
  
  .estimatigPortfolioIchrs_row_3_footer_button_row{
      margin: 15px 0px;
  }
  
  .padding_less{
      padding: unset;
  }
  
  .estimatigPortfolioSplit_row_2 span{
      font-size: 16px;
      font-weight: bold;
      color: #e3960a;
  }
  
  .estimatigPortfolioSplit_row_3, .estimatigPortfolioOverview_row_3{
      margin-top: 20px;
  }
  
  .estimatigPortfolioSplit_row_3 table th{
      padding: unset;
      font-size: 13px;
  }
  
  .estimatigPortfolio_top_row li{
      float: right;
      margin: 10px;
  }
  
  .estimatigPortfolioIchrs_row_3{
      border: 3px solid #ccc1c1;
  }
  
  .glyphicon-one-fine-empty-dot::before{
      content: "\25cf";
  }
  
  .main_row{
      display: block;
      font-size: 20px;
      font-weight: bold;
      margin: 0px;
  
  }
  
  .glyphicon-one-fine-empty-dot{
      font-size: 30px;
      padding-right: 5px;
  }
  
  .glyphicon_dot_1{
      color: #daa50f;
  }
  
  .glyphicon_dot_2{
      color: #8c7dda;
  }
  
  .glyphicon_dot_3{
      color: #ec3434;
  }
  
  .sub_row .glyphicon-plus{
      font-size: 12 !important;
      margin-right: 12px !important;
      color: #000000 !important;
  }
  
  .sub_row{
      width: 90%;
      margin: 3px 6%
  }
  
  .sub_row div:first-child{
      font-size: 16px;
      margin-left: -3%;
      color: #0ca6d8;
  }
  
  .sub_row .sub_row_right_div{
      display: inline-block;
      float: right;
      text-align: center;
      font-size: 12px !important;
      margin-right: 15px; 
  }
  
  .sub_row .sub_row_right_div span:first-child{
      text-decoration: underline;
      color: #782828 !important;
  }
  
  .estimatigPortfolioIchrs_row_3_col_1, .estimatigPortfolioSplit_row_3_col_1{
      overflow-y: scroll;
      max-height: 350px;
  }
  
  .estimatigPortfolioIchrs_row_3_col_1 table th{
      font-size: 14px;
  }
  
  .estimatigPortfolioIchrs_row_3_col_1 td{
      font-size: 13px;
  }
  
  
  .eselection_form{
      margin-left: 20px;
  }
  
  .estimatigPortfolioOverview_row_4 .list-inline{
      overflow-x: scroll;
      padding: 15px 0px !important;
  }
  
  
  .tbl_row_head, .tbl_row_1, .tbl_row_10{
      background-color: #3399CC;
  }
  .tbl_row_1{
      color: #ffffff;
      font-weight: bold;
  }
  
  .tbl_row_head th{
      white-space: pre;
  }
  
  .tbl_row_head th{
      font-weight: normal;
  }
  
  .ips_template_table_col .table-responsive{
      max-height: 600px;
      overflow: scroll;
  }
  
  .tbl_row_10{
      font-size: 12px;
      font-weight: bold;
  }
  
  .tbl_row_2{
      background-color: #E6EDE2;
  }
  
  .tbl_row_3, .tbl_row_9{
      background-color: #CCDD90;
  }
  
  .tbl_row_4, .tbl_row_5, .tbl_row_6, .tbl_row_7, .tbl_row_8, .tbl_row_9{
      background-color: #f3f2c1;
  }
  
  .tbl_style tr:not(.tbl_row_1):not(.tbl_row_2):not(.tbl_row_10) td:nth-child(2){
      background-color: #EEDDDC;
  }
  
  .tbl_style tr:not(.tbl_row_1):not(.tbl_row_10) td:nth-child(1){
      background-color: #E6EDE2 !important;;
  }
  
  .tbl_style &gt; tbody &gt; tr &gt; td, .tbl_style &gt; tbody &gt; tr &gt; th, .tbl_style &gt; tfoot &gt; tr &gt; td, .tbl_style &gt; tfoot &gt; tr &gt; th, .tbl_style &gt; thead &gt; tr &gt; td, .tbl_style &gt; thead &gt; tr &gt; th {
      border: 1px solid #000000;
  }
  
  .ips_template_table_col{
      background-color: #fcfcf1;
      padding: 20px;
  }
  
  .estimatigPortfolioIchrs_row_4_col_1 table, .estimatigPortfolioSplit_row_4_col_2 table{
      font-size: 16px;
  }
  
  .estimatigPortfolioIchrs_row_4_col_1 select, .estimatigPortfolioSplit_row_4_col_2 select{
      width:90%;
  }
  
  .estimatigPortfolioIchrs_row_4_col_2 table:not(a), .estimatigPortfolioSplit_row_4_col_3 table input[type="text"]{
      font-size: 13px;
  }
  
  .estimatigPortfolioIchrs_row_4_col_2 tr:first-child input, .estimatigPortfolioSplit_row_4_col_3 tr:first-child input{
      width:90%;
  }
  
  .estimatigPortfolioIchrs_row_4_col_2 tr:last-child input, .estimatigPortfolioSplit_row_4_col_3 tr:last-child input{
      width:95%;
  }
  
  .estimatigPortfolioIchrs_row_4_col_2 table a, .estimatigPortfolioSplit_row_4_col_3 table a{
      font-size: 20px;
      font-weight: bold;
      text-decoration: underline;
  }
  
  .estimatigPortfolioIchrs_row_4_col_2 table .vertical_align, .estimatigPortfolioSplit_row_4_col_3 .vertical_align{
      vertical-align: bottom;
  }
  
  .estimatigPortfolioIchrs_row_4_col_3 table{
      font-size: 12px;
  }
  
  .estimatigPortfolioIchrs_row_4_heading_div, .estimatigPortfolioSplit_row_4_heading_div, .overview_master_list_estimate_modal_heading_div{
      display: block;
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      margin: 20px 0px;   
  }
  
  .estimatigPortfolioIchrs_row_4_heading_div span, .overview_master_list_estimate_modal_heading_div span{
      border: 1px solid black;
      padding: 2px 10%;
  }
  
  .estimatigPortfolioSplit_row_4_heading_div span{
      border: 1px solid black;
      padding: 2px 2%;
  }
  
  .estimatigPortfolioSplit_row_4_col_4 table{
      font-size: 15px;
  }
  
  .estimatigPortfolioSplit_row_4_col_4 thead, .estimatigPortfolioIchrs_row_4_col_3 thead{
      border-top: 5px solid #64afe7;
      border-bottom: 5px solid #64afe7;
  }
  
  #split_testing_commissioning_modal .modal-dialog, #ichrs_non_incremental_cost_modal .modal-dialog, #overview_master_list_estimate_modal .modal-dialog{
      width: 85% !important;
  }
  
  .modal_table_scroll{
      max-height: 40%;
      overflow-y: scroll;
  }
  
  .etemplate_btn_div{
      text-align: center;
      margin: 25px 0px 10px 0px;
  }
  
  .etemplate_btn_div button{
      padding: 0px 10px;
  }
  
  .estimatigPortfolioOverview_row_1 table{
      margin-bottom: unset;
  }
  
  .estimatigPortfolioOverview_row_1_div_0_tbl_pid, .estimatigPortfolioOverview_row_1_div_0_tbl_pin{
      margin-left: 13%;
  }
  
  @media (max-width: 991px){
      .estimatigPortfolioOverview_row_1_div_0_tbl_pj_name{
          margin-left: 3%;
      }
  
      .estimatigPortfolioSplit_row_4_heading_div span, .overview_master_list_estimate_modal_heading_div span, .estimatigPortfolioIchrs_row_4_heading_div span{
          display: block;
          white-space: normal;
      }
  }
  
  @media (min-width: 992px){
      .estimatigPortfolioOverview_row_1_div_0_tbl_pj_name input[type="text"]{
          width: 100%;
      }    
      .estimatigPortfolioOverview_row_1_div_0_tbl_pj_name{
          margin-left: -5%;
      }
  }
  
  .estimatigPortfolioOverview_row_1_div_3{
      padding: 1% 0px;
      margin-top: 8px;
  }
  
  .estimatigPortfolioOverview_row_1_div_2  select, .estimatigPortfolioOverview_row_1_div_3 select{
      width: 70px;
  }
  
  #header_div_checkbox{
      margin-bottom: 20px;
  }
  
  #header_div{
      display: none;
  }
  
  .master_list_est_row_1_col_1 .table-responsive{
      max-height: 400px;
      overflow: scroll;
  }
  
  #master_excel_file{
      display: none;
  }
  
  .master_list_est_row_1_col_2{
      text-align: center;
  }
  
  .left_align, .tbl_row_4 td{
      text-align: left;
  }
  
  #master_list_modal_on_template .modal-dialog{
      width: 85%;
  }
  
  .right_align{
      text-align: right;
  }
  
  .no_wrap_class{
      white-space: nowrap;
  }
  
  .tbl_row_2 td:nth-child(2){
      padding-left: 70px;
  }
  
  .tbl_row_3 td:nth-child(2), .tbl_row_4 td:nth-child(2){
      padding-left: 100px;
  }
  </code></pre>