@extends('inventory.layout') 
@section('title', 'Routing Form')
@section('content')
 @push('head')
    <!-- plugins:css -->
    <link rel="stylesheet" href="assets/vendors/mdi/css/materialdesignicons.min.css">
    <link rel="stylesheet" href="assets/vendors/css/vendor.bundle.base.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
    <!-- endinject -->
    
    <style>

/ Style the tab /
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/ Style the buttons inside the tab /
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/ Change background color of buttons on hover /
.tab button:hover {
  background-color: #ddd;
}

/ Create an active/current tablink class /
.tab button.active {
  background-color: #ccc;
}

/ Style the tab content /
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
.tradeadd{
        background-color: #2dce89!important;
        border-color: #2dce89!important;
        color:#fff !important;
        padding: 6px 14px !important;
    }

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

/*tr:nth-child(even) {
  background-color: #dddddd;
}*/
#content1::after{
    content: "\a";
    white-space: pre;
    }
    #title:after{
        content: "\a";
        white-space: pre;
    }
    #desc{
        color: #D3D3D3 !important;
    }
    #wisestep_count select, #wisestep_count input{
      border: 1px solid #8c8c8c;
    height: 45px !important;
    border-radius: 5px;
    color: #8c8c8c;
    }
    #wisestep_count .submitbtn, #wisestep_count .submitstage{
      height: 45px;
    padding: 0 20px;
    background: #333;
    border: 1px solid #333;
    color: #fff;
    border-radius: 5px;
    font-weight: 600;
    }

     #wisestep_count tr td:first-child{
      width:30%;
     }
     #bottomstage tr td{
      width: 30%;
     }
     .wisestep_sr{
      font-size: 17px !important;
      padding-left: 15px;
      background:#f0f0f0;
     }
     /*.totlsteps{

    margin-bottom: 0px;
    text-align: left;
    padding-top: 15px;*/
    .totlsteps {
    margin-bottom: 0px;
    text-align: left;
  
    /*color: #4249A3;*/
}

     #wisestep_count{
     padding: 20px;
    margin-bottom: 30px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #a4a4a4;

    overflow: hidden;
    z-index: 1;
    position: relative;

  }
  .wisetable_steps{
    margin-top: 20px;
  }
  #bottomstage:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #a4a4a4;
    left: 0;
    margin-top: -20px;
  }
  #bottomstage{
    margin-top: 40px;
  }
    

</style>
    <!-- Layout styles -->
    <link rel="stylesheet" href="{{ url('assets/css/style.css')}}">
    <link rel="stylesheet" href="{{ url('assets/css/custom.css')}}">
    <!-- End layout styles -->
    <link rel="shortcut icon" href="{{ url('assets/images/favicon.ico')}}" />
@endpush

    <div class="container-scroller">

      <!-- partial:partials/_navbar.html -->
     
      <!-- partial -->
    <div class="container-fluid">
       
        <div class="main-panel" style="width: 100%;">
           <div class="content-wrapper">
            <div class="page-header">
              
              <h3 class="page-title">
                
              
                  
              </h3>
             
            </div>



           <div class="row">
                      <div class="col-12 appendimg"><label for="title" class="showmedia">Client Name :</label>Director  Marketing<br><label for="title" class="showmedia">File No :</label>To publicize the products and services of the Company<br><label for="title" class="showmedia">Case No :</label>Knowhow of this  post<br><label for="title" class="showmedia">File Date :</label>1. Create promotional material
2. Send them to prospective customers.<br><label for="title" class="showmedia">Appelant Final Product :</label>The products and services of the company are well known to prospective customers.<br><label for="status" class="showmedia">Status :</label>Active</div>
                  </div>

            </div>

        </div>
          <!-- content-wrapper ends -->
          <!-- partial:partials/_footer.html -->
          
          <!-- partial -->
       
        <!-- main-panel ends -->
    </div>
      <!-- page-body-wrapper ends -->
    </div>
    <!-- container-scroller -->
    <!-- plugins:js -->
    @push('script')
   
    <script src="{{ url('assets/vendors/js/vendor.bundle.base.js')}}"></script>
    <!-- endinject -->
    <!-- Plugin js for this page -->
    <script src="{{ url('assets/vendors/chart.js/Chart.min.js')}}"></script>
    <script src="{{ url('assets/js/jquery.cookie.js')}}" type="text/javascript"></script>
    <!-- End plugin js for this page -->
    <!-- inject:js -->
    <script src="{{ url('assets/js/off-canvas.js')}}"></script>
    <script src="{{ url('assets/js/hoverable-collapse.js')}}"></script>
    <script src="{{ url('assets/js/misc.js')}}"></script>
    <!-- endinject -->
    <!-- Custom js for this page -->
    <script src="{{ url('assets/js/dashboard.js')}}"></script>
    <script src="{{ url('assets/js/todolist.js')}}"></script>
    <!-- End custom js for this page -->


  @endpush
 @endsection