| Server IP : 103.234.187.230 / Your IP : 216.73.216.216 Web Server : Apache System : Linux lserver42043-ind.megavelocity.net 3.10.0-1160.108.1.el7.x86_64 #1 SMP Thu Jan 25 16:17:31 UTC 2024 x86_64 User : apache ( 48) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/html/b2bzend/public/dqp/ |
Upload File : |
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="author" content="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Viewport metatags -->
<meta name="HandheldFriendly" content="true" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<!-- iOS webapp metatags -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- TODO: Add a favicon -->
<link rel="shortcut icon" href="assets/images/ico/fab.ico">
<title>Global Travel Exchange</title>
<!--Page loading plugin Start -->
<link rel="stylesheet" href="assets/css/plugins/pace.css">
<script src="assets/js/pace.min.js"></script>
<!--Page loading plugin End -->
<!-- Plugin Css Put Here -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/plugins/bootstrap-progressbar-3.1.1.css">
<link rel="stylesheet" href="assets/css/plugins/jquery-jvectormap.css">
<link rel="stylesheet" href="assets/css/plugins/selectize.bootstrap3.css">
<link rel="stylesheet" href="assets/css/plugins/jquery.minicolors.css">
<link rel="stylesheet" href="assets/css/plugins/jquery.datetimepicker.css">
<link rel="stylesheet" href="assets/css/plugins/icheck/skins/all.css">
<link rel="stylesheet" href="assets/css/plugins/jquery.toolbars.css">
<link rel="stylesheet" href="assets/css/plugins/ladda-themeless.min.css">
<link href="style/preview.min.css" rel="stylesheet" />
<!-- Plugin Css End -->
<!-- Custom styles Style -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- Custom styles Style End-->
<!-- Responsive Style For-->
<link href="assets/css/responsive.css" rel="stylesheet">
<!-- Responsive Style For-->
<!-- Custom styles for this template -->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="">
<!--Navigation Top Bar Start-->
<nav class="navigation">
<div class="container-fluid">
<!--Logo text start-->
<div class="header-logo"> <a href="index.html" title="">
<h1><img src="assets/images/gtxLogo.png" alt="GTX"></h1>
</a> </div>
<!--Logo text End-->
<div class="top-navigation">
<!--Collapse navigation menu icon start -->
<div class="menu-control hidden-xs"> <a href="javascript:void(0)"> <i class="fa fa-exchange"></i> </a> </div>
<!--Collapse navigation menu icon end -->
<!--Top Navigation Start-->
<ul>
<li class="dropdown">
<!--Notification drop down start-->
<a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)"> <span class="fa fa-bell-o"></span> <span class="badge badge-red">6</span> </a>
<div class="dropdown-menu right top-notification">
<h4>Notification</h4>
<ul class="ls-feed">
<li> <a href="javascript:void(0)"> <span class="label label-red"> <i class="fa fa-check white"></i> </span> You have 4 pending tasks. <span class="date">Just now</span> </a> </li>
<li> <a href="javascript:void(0)"> <span class="label label-light-green"> <i class="fa fa-bar-chart-o"></i> </span> Finance Report for year 2013 <span class="date">30 min</span> </a> </li>
<li> <a href="javascript:void(0)"> <span class="label label-lightBlue"> <i class="fa fa-shopping-cart"></i> </span> New order received with <span class="date">45 min</span> </a> </li>
<li> <a href="javascript:void(0)"> <span class="label label-lightBlue"> <i class="fa fa-user"></i> </span> 5 pending membership <span class="date">50 min</span> </a> </li>
<li> <a href="javascript:void(0)"> <span class="label label-red"> <i class="fa fa-bell"></i> </span> Server hardware upgraded <span class="date">1 hr</span> </a> </li>
<li> <a href="javascript:void(0)"> <span class="label label-blue"> <i class="fa fa-briefcase"></i> </span> IPO Report for <span class="lightGreen">2014</span> <span class="date">5 hrs</span> </a> </li>
<li class="only-link"> <a href="notification.html">View All</a> </li>
</ul>
</div>
<!--Notification drop down end-->
</li>
<li class="hidden-xs"> <a class="right-sidebar" href="javascript:void(0)"> <i class="fa fa-comment-o"></i> </a> </li>
<li class="dropdown">
<!--Notification drop down start-->
<a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)"> <i class="fa fa-cogs"></i> </a>
<div class="dropdown-menu right top-notification">
<h4>Account Setting</h4>
<ul class="ls-feed">
<li> <a href="profile.html"> <span class="label label-red"> <i class="fa fa-user white"></i> </span> Profile </a> </li>
<li> <a href="javascript:void(0)"> <span class="label label-light-green"> <i class="fa fa-lock"></i> </span> Change Password </a> </li>
<li> <a href="login.html"> <span class="label label-lightBlue"> <i class="fa fa-power-off"></i> </span> Logout </a> </li>
</ul>
</div>
<!--Notification drop down end-->
</li>
</ul>
<!--Top Navigation End-->
</div>
</div>
</nav>
<!--Navigation Top Bar End-->
<section id="main-container">
<!--Left navigation section start-->
<section id="left-navigation">
<!--Left navigation user details start-->
<div class="user-image"> <img src="assets/images/demo/agent_icon.png" alt=""/>
<div class="user-online-status"><span class="user-status is-online "></span> </div>
</div>
<ul class="social-icon">
<li><a href="javascript:void(0)"><i class="fa fa-facebook"></i></a></li>
<li><a href="javascript:void(0)"><i class="fa fa-twitter"></i></a></li>
<li><a href="javascript:void(0)"><i class="fa fa-linkedin"></i></a></li>
<li><a href="javascript:void(0)"><i class="fa fa-google-plus"></i></a></li>
</ul>
<!--Left navigation user details end-->
<!--Left navigation start-->
<ul class="mainNav">
<li class="active"> <a href="index.html" > <i class="fa fa-dashboard"></i> <span>Dashboard</span> </a> </li>
<li class="active"> <a href="#" class="active"> <i class="fa fa-support"></i> <span>CRM</span> </a>
<ul>
<li ><a href="crm_customers.html" >Customers</a></li>
<li><a href="suppliers.html">Suppliers</a></li>
<li><a href="leadListing.html" class="active">Leads</a></li>
</ul>
</li>
<li> <a href="#"> <i class="fa fa-shopping-cart"></i> <span>Buy</span> </a>
<ul>
<li><a href="flight.html">Flights</a></li>
<li><a href="hotel.html" >Hotels</a></li>
<li><a href="activities.html">Activities</a></li>
<li><a href="Sightseeing.html">Sightseeing</a> </li>
<li><a href="insurance.html">Insurance</a></li>
<li><a href="packageSearch.html">Packages</a> </li>
<li><a href="CustomizePackages.html">Customize Packages</a></li>
</ul>
</li>
<li> <a href="#"> <i class="fa fa-check-square-o"></i> <span>Booking</span> </a>
<ul>
<li><a href="flightBookinglist.html">Flights</a></li>
<li><a href="hotelBookinglist.html">Hotels</a></li>
<li><a href="activitiesBookinglist.html">Activities</a></li>
<li><a href="SightseeingBooking.html">Sightseeing</a> </li>
<li><a href="insuranceBookinglist.html">Insurance</a></li>
<li><a href="packageBookinglist.html">Packages</a></li>
</ul>
</li>
<li> <a href="#"> <i class="fa fa-cubes"></i> <span>My Inventory</span> </a>
<ul>
<li><a href="flight-inventory.html">Flight</a></li>
<li><a href="hotel-listing.html">Hotel</a></li>
<li><a href="listactivities.html">Activities</a></li>
<li><a href="listsightseeing.html">Sightseeing</a></li>
<li><a href="Transport_listing.html">Transport</a></li>
<li><a href="flexiPackageList.html">Packages</a></li>
</ul>
</li>
<li> <a href="#"> <i class="fa fa-money"></i> <span>Finance</span> </a>
<ul>
<li><a href="customers.html">Customers</a></li>
<li><a href="suppliersFinance.html">Suppliers</a></li>
<li><a href="GTX_Balance_Wallet.html">GTX Balance/Wallet</a></li>
<li><a href="GTX_points.html">GTX Points</a></li>
</ul>
</li>
<li> <a href="#"> <i class="fa fa-users"></i> <span>Staff Management</span> </a>
<ul>
<li><a href="Roles.html">Roles</a></li>
<li><a href="Department.html">Department</a></li>
<li><a href="staff.html">Staff</a></li>
</ul>
</li>
<li> <a href="#"> <i class="fa fa-gears"></i> <span>Setting</span> </a>
<ul>
<li><a href="profile.html">Company Profile</a></li>
<li><a href="edit_policies.html">T & C</a></li>
<li><a href="markupSetting.html">Mark up Settings</a></li>
</ul>
</li>
</ul>
<!--Left navigation end-->
</section>
<!--Left navigation section end-->
<!--Page main section start-->
<section id="min-wrapper">
<div id="main-content">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<!--Top header start-->
<h3 class="ls-top-header">Build Your own Dynamic Package</h3>
<!--Top header end -->
<!--Top breadcrumb start -->
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-home"></i></a></li>
<li class="active">Build Your own Dynamic Package</li>
</ol>
<!--Top breadcrumb start -->
</div>
</div>
<!-- Main Content Element Start-->
<div class="row">
<div class="col-md-12 ">
<div class="col-md-12 stepCount">
<div class="NextStep">
<a href="#" class="active1">Next Step</a>
<a href="#" class="active">Next Step 1</a>
<a href="#">Next Step 2</a>
<a href="#">Next Step 3</a>
</div>
</div>
<div class="leadeBorder">
<div class="col-md-12">
<h3>Plan Your Travel</h3>
</div>
<div class="row">
<div class="col-md-12">
<div class="col-md-12">
<div class="filterByScroll-tab queryscroll">
<div class="alert alert-graylight no-margin-bot">
<h5 class="no-margin-top"><strong>Query Detals</strong></h5>
<div class="row">
<div class="col-md-3">
Description (remarks)
</div>
<div class="col-md-2">
Name
</div>
<div class="col-md-2">
Date of Travel
</div>
<div class="col-md-2">
No of Pax
</div>
<div class="col-md-2">
No of Rooms
</div>
<!-- <div class="col-md-4">
<div class="form-group">
<label>destiantion covered</label>
<select id="select-theme" name="state[]" multiple class="demo-default select-theme">
<option value="nd">New Delhi, India (DEL)</option>
<option value="go">Goa</option>
<option value="mum">Mumbai</option>
<option value="ch">Chennai</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Filed 1</label>
<input type="text" name="placeholder" class="form-control" placeholder="Filed 1">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Filed 2</label>
<input type="text" name="placeholder" class="form-control" placeholder="Filed 2">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Filed 3</label>
<input type="text" name="placeholder" class="form-control" placeholder="Filed 3">
</div>
</div>-->
<div class="col-md-1"> <a href="#" class="quick-link-text" id="editdetals" > Edit</a> </div>
<div class="clear"></div>
</div>
<div class="row" style="display:none;" id="editdetals-tab">
<div class="space-ref"></div>
<div class="col-md-3">
<div class="form-group form-min-height" >
<input type="text" name="placeholder" class="form-control" placeholder="Description (remarks)">
</div>
</div>
<div class="col-md-2">
<div class="form-group form-min-height">
<input type="text" name="placeholder" class="form-control" placeholder="Name">
</div>
</div>
<div class="col-md-2">
<div class="form-group form-min-height">
<input type="text" name="placeholder" class="form-control" placeholder="Date of Travel">
</div>
</div>
<div class="col-md-2">
<div class="form-group form-min-height">
<input type="text" name="placeholder" class="form-control" placeholder="No of Pax">
</div>
</div>
<div class="col-md-2">
<div class="form-group form-min-height">
<input type="text" name="placeholder" class="form-control" placeholder="No of Rooms">
</div>
</div>
<!-- <div class="col-md-4">
<div class="form-group">
<label>destiantion covered</label>
<select id="select-theme" name="state[]" multiple class="demo-default select-theme">
<option value="nd">New Delhi, India (DEL)</option>
<option value="go">Goa</option>
<option value="mum">Mumbai</option>
<option value="ch">Chennai</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Filed 1</label>
<input type="text" name="placeholder" class="form-control" placeholder="Filed 1">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Filed 2</label>
<input type="text" name="placeholder" class="form-control" placeholder="Filed 2">
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label>Filed 3</label>
<input type="text" name="placeholder" class="form-control" placeholder="Filed 3">
</div>
</div>-->
<div class="col-md-1"> <a href="#" class="btn btn-sm dest-cov-btn" style="color:#FFF !important;"> Save</a> </div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="col-md-12 alert alert-warning">
<div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="build3rdparty" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option3" class="icheck-green" checked> 3rd party </label>
<label class="radio-inline icheck-radio-inline " id="itemwisemark" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green" > Build Own with item wise Mark Up </label>
<label class="radio-inline icheck-radio-inline " id="singlemarkup" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Build own with Single mark Up </label>
</div>
</div>
<div class="clear"></div>
<div class="day-count-quick" id="build3rdparty-tab">
<div class="righContainerIn">
<div class="day-count-quick-left">
<ul>
<li class="active"><a href="#" class="active ">Day 1 <br>
<span class="small-day-text">23-02-2020</span></a></li>
<li><a href="#">Day 2 <br>
<span class="small-day-text">23-02-2020</span></a></li>
<li><a href="#">Day 3 <br>
<span class="small-day-text">23-02-2020</span></a></li>
<li><a href="#">Day 4 <br>
<span class="small-day-text">23-02-2020</span></a></li>
<li><a href="#">Day 5 <br>
<span class="small-day-text">23-02-2020</span></a></li>
<li><a href="#">Day 6 <br>
<span class="small-day-text">23-02-2020</span></a></li>
<li><a href="#" class="btn btn-danger dest-cov-btn text-danger btn-sm"><i class="fa fa-plus"></i> Add More
</a></li>
</ul>
</div>
</div>
<div class="day-count-quick-right">
<div class="row">
<div class="col-md-4">
<div class="form-group form-min-height no-margin-bot">
<label>Date</label>
<div class="input-group ls-group-input">
<input class="form-control datePickerOnly" type="text"/>
<span class="input-group-addon datePickerOnly"><i class="fa fa-calendar"></i></span> </div>
</div>
</div>
<div class="col-md-5">
<div class="form-group form-min-height no-margin-bot">
<label>Title</label>
<input type="text" name="placeholder" class="form-control" placeholder="Day 1 - Goa (India) ">
</div>
</div>
<div class="col-md-3">
<div style="padding-bottom:20px;"></div>
<a href="javascript:void(0);" class="quick-link-text" id="onWay">Add Description</a> </div>
<div class="clear"></div>
<div class="col-md-9" id="onWay-tab" style="display:none;">
<div class="form-group">
<label>Description</label>
<div class="ls-group-input">
<textarea name="bio" rows="2" class="animatedTextArea form-control " id="bio"
placeholder="After Breakfast head towards famous aguada fort anjuna beach, Calangute and other famous beach of north goa. Return back to the hotel in the evening. Overnight stay at the hotel after dinner. After breakast head towards famous aguada fort , Anujuna beach. Lorem ipsum dolor sit amet, consectetur adipiscing elit fusce vel."></textarea>
</div>
</div>
<div class="clear"></div>
<div class="col-md-4 no-padding"> <a href="javascript:void(0);" class="btn btn-warning dest-cov-btn" id="onWay">Add More Items </a> </div>
</div>
</div>
<div class="clear"> </div>
<div class="alert alert-white no-margin-bot">
<div class="col-md-12 no-padding">
<div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="transport" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option3" class="icheck-green" checked> Transport </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="accomodation" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green" > Accomodation </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="activitysightseeing" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Sightseeing </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="guide" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Guide </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="misc" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Misc. </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="cruise" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Cruise </label>
</div>
</div>
<div class="clear"></div>
<div class="alert alert-graylight" style=" border:none; padding:10px; margin-bottom:0; margin-top:10px;">
<div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="flight" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option3" class="icheck-black" checked> Flight </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="cab" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-black"> Cab </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="bus" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-black" > Bus </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="rail" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-black"> Rail </label>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="col-md-12 no-padding" id="transport-tab">
<div class="transport_d" style="margin-bottom:0; padding-bottom:0;">
<div class="clear">
<div id="flight-tab">
<h3 class="no-margin-top alert alert-offblack no-border" style="padding:10px;"><strong>Flights</strong></h3>
<div class="col-md-1 no-padding"> <label class="marg-top3">Title:</label></div>
<div class="col-md-9">
<div class="form-group no-margin-bot">
<input type="text" name="placeholder" class="form-control" placeholder="Delhi">
</div>
</div>
<div class="clear"></div>
<div class="space-bot"></div>
<div class="clear">
<div class="alert alert-lightblack no-margin-bot" style="padding:5px;">
<div class="col-md-6 "><div class="radio-button-place marg-top3" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option3"
class="icheck-green" checked>
Supplier </label>
<label class="radio-inline icheck-radio-inline no-padding-left " id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4"
class="icheck-green">
Portal </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4"
class="icheck-green">
API </label>
</div></div>
<div class="col-md-6 no-padding"><input type="text" name="placeholder" class="form-control" placeholder="Supplier"></div>
<div class="clear"></div>
</div>
</div>
<div class="row">
<div class="clear"></div>
<div class="panel-body table-responsivenew no-border no-margin-bot">
<table class="table table-bordered no-margin">
<tr>
<td><input type="text" class="form-control whbg" placeholder="Flight No."/></td>
<td colspan="2"><input type="text" class="form-control whbg" placeholder="Airline"/></td>
<td><a class="btn text-warning btn-sm dest-cov-btn" href="javascript:void(0);" style="color:#FFF !important;">Fetch Details</a></td>
</tr>
<tr>
<td><input type="text" class="form-control whbg" placeholder="Departure City"/></td>
<td> <input class="form-control datePickerOnly whbg" type="text"/ placeholder="Date"> </td>
<td><input type="text" class="form-control whbg" placeholder="Time" /></td>
<td> </td>
</tr>
<tr>
<td><input type="text" class="form-control whbg" placeholder="Arrival City"/></td>
<td><input class="form-control datePickerOnly whbg" type="text"/ placeholder="Date"></td>
<td><input type="text" class="form-control whbg" placeholder="Time" /></td>
<td> </td>
</tr>
<tr>
<td><input type="text" class="form-control whbg" placeholder="No of Stops"/> </td>
<td><input type="text" class="form-control whbg" placeholder="Duration"/></td>
<td>Refundable
<div class="radio-button-place no-margin" style="line-height:inherit !important; width:150px;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="transport" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option3"
class="icheck-green" checked>
Yes </label>
<label class="radio-inline icheck-radio-inline " id="accomodation" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4"
class="icheck-green">
No </label>
</div></td>
<td><a href="#" class="quick-link-text">Cancellation Fee</a></td>
</tr>
</table>
<div class="space-bottom"></div>
<a href="javascript:void(0);" class="quick-link-text" onclick="showPriceBreakUp(this);"><strong>View More Details</strong> <i class="fa fa-plus" aria-hidden="true"></i></a>
<div class="space-bot"></div>
<div id="PriceBreakUp" class="collapse">
<div class="alert alert-warning">
<h5 class="no-margin-top"><strong>Baggage</strong></h5>
<table class="table table-bordered no-margin">
<tr>
<th>Adult Cabin</th>
<th>Check in</th>
<th>Child cabin </th>
<th>Check in</th>
<th>Infant Cabin</th>
<th>Check in</th>
</tr>
<tr>
<td><input type="text" class="form-control whbg" placeholder="2"/></td>
<td><input type="text" class="form-control whbg" placeholder="4"/></td>
<td><input type="text" class="form-control whbg" placeholder="1 "/></td>
<td><input type="text" class="form-control whbg" placeholder="3 "/></td>
<td><input type="text" class="form-control whbg" placeholder="1"/></td>
<td><input type="text" class="form-control whbg" placeholder="1"/></td>
</tr>
</table>
</div>
<div class="space-bottom"></div>
<table class="table table-bordered no-margin alert-graylight">
<tr>
<th>No of Pax </th>
<th> Currency </th>
<th>Person Price</th>
<th> Person Mark Up </th>
<th>Tax Type</th>
<th>Tax Amt</th>
<th>Total</th>
</tr>
<tr>
<td><input type="text" name="placeholder" class="form-control" placeholder="Adult"></td>
<td><div class="form-group no-margin" style="width:80px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">INR</option>
<option value="2">Dollar</option>
<option value="3">Euro</option>
</select>
</div></td>
<td><input type="text" name="placeholder" class="form-control" placeholder="12000" ></td>
<td><input type="text" name="placeholder5" class="form-control" placeholder="3000" ></td>
<td><div class="form-group no-margin" style="width:80px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select Taxt Type">
<option value="1">18%</option>
<option value="2">5%</option>
<option value="3">14%</option>
</select>
</div></td>
<td><input type="text" name="placeholder7" class="form-control" placeholder="10%"></td>
<td><input type="text" name="placeholder8" class="form-control" placeholder="7000"></td>
</tr>
<tr>
<td><input type="text" name="placeholder3" class="form-control" placeholder="Child"></td>
<td><div class="form-group no-margin" style="width:80px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">INR</option>
<option value="2">Dollar</option>
<option value="3">Euro</option>
</select>
</div></td>
<td><input type="text" name="placeholder10" class="form-control" placeholder="12000"></td>
<td><input type="text" name="placeholder17" class="form-control" placeholder="3000"></td>
<td><div class="form-group no-margin" style="width:80px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select Taxt Type">
<option value="1">18%</option>
<option value="2">5%</option>
<option value="3">14%</option>
</select>
</div></td>
<td><input type="text" name="placeholder13" class="form-control" placeholder="10%"></td>
<td><input type="text" name="placeholder15" class="form-control" placeholder="7000"></td>
</tr>
<tr>
<td><input type="text" name="placeholder4" class="form-control" placeholder="Infant"></td>
<td><div class="form-group no-margin" style="width:80px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">INR</option>
<option value="2">Dollar</option>
<option value="3">Euro</option>
</select>
</div></td>
<td><input type="text" name="placeholder19" class="form-control" placeholder="12000"></td>
<td><input type="text" name="placeholder18" class="form-control" placeholder="3000"></td>
<td><div class="form-group no-margin" style="width:80px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select Taxt Type">
<option value="1">18%</option>
<option value="2">5%</option>
<option value="3">14%</option>
</select>
</div></td>
<td><input type="text" name="placeholder14" class="form-control" placeholder="10%"></td>
<td><input type="text" name="placeholder16" class="form-control" placeholder="7000"></td>
</tr>
</table>
</div>
<table class="table table-bordered no-margin alert-graylight">
<tr>
<td align="right" valign="middle" style="vertical-align:middle; font-size:16px;" width="84%"> Total </td>
<td align="right" width="16%"><input type="text" name="placeholder2" class="form-control" placeholder="15000" ></td>
</tr>
</table>
<div class="space-bot"></div>
<div class="col-md-12 no-padding" > <a href="javascript:void(0);" class="quick-link-text pull-left" id="updateticket" style="margin-top:10px;">Update ticket</a> <span class="pull-right"><label class="checkbox" style="display:inline-table;"><input class="icheck-black" type="checkbox" id="checkRed4" value="option4" > Show Separately</label> <a href="javascript:void(0);" class="btn btn-warning dest-cov-btn" id="saveconti" >Save & Continue</a></span></div>
<div class="clear"></div>
<div class="space-bot"></div>
<div class="" id="updateticket-tab" style="display:none;">
<div class="alert alert-graylight">
<div class="row">
<div class="col-md-4 "><input type="text" name="placeholder" class="form-control" placeholder="PNR"></div>
<div class="col-md-4 "><input type="text" name="placeholder" class="form-control" placeholder="Terminal"></div>
<div class="col-md-4 "><input type="text" name="placeholder" class="form-control" placeholder="Gate"></div>
<div class="clear"></div>
</div>
<div class="clear"> </div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="" id="saveconti-tab" style="display:none;">
<div id="allairlines" class="tab-pane fade in active no-padding">
<div class="col-md-12 no-padding gallery1-outer">
<div class="gallery-sec no-padding">
<div class="col-md-12 no-padding gallery1-outer">
<table class="table no-border no-margin" >
<tr>
<td class="no-border-top"><img src="assets/images/goIcon.png"><br />
<span class="small">G8-336</span></td>
<td class="no-border-top">14:20<br />
<span class="graytxt">DEL → BOM</span></td>
<td class="no-border-top">No of Pax<br />
<span class="graytxt">2</span></td>
<td class="no-border-top">16:15<br />
<br /></td>
<td class="no-border-top">1h 55m<br />
<span class="small graytxt">Non-stop</span><br /></td>
<td class="no-border-top"><strong><span class="fa fa-inr"></span> 3,762</strong><br />
<span class="graytxt small commissiontxt"><span class="fa fa-rupee"></span>1,784</span><br /></td>
<td class="no-border-top"><a href="#" class="quick-link-text">Edit</a></td>
</tr>
</table>
</div>
<div class="clear"></div>
<div class="marg-top3"></div>
<div class="alert alert-warning no-margin-bot" style="padding-bottom:10px; padding-top:10px;"><a href="javascript:void(0);" class="quick-link-text" data-toggle="modal" data-target="#myModa1FlightDetail">Flight Details <i class="fa fa-arrow-down"></i></a></div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="col-md-12 no-padding" align="right"> <a href="javascript:void(0);" class="btn btn-warning dest-cov-btn" id="addmore1">Add Items</a> </div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="row" style="display:none;" id="addmore-tab1">
<div class="space-bottom"></div>
<div class="col-md-12">
<div class="alert alert-white no-margin-bot">
<div class="col-md-12 no-padding">
<div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="transport" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option3" class="icheck-green" checked> Transport </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="accomodation" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green" > Accomodation </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="activitysightseeing" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Sightseeing </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="guide" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Guide </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="misc" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Misc. </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="cruise" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Cruise </label>
</div>
</div>
<div class="clear"></div>
<div class="alert alert-graylight" style=" border:none; padding:10px; margin-bottom:0; margin-top:10px;">
<div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="flight" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option3" class="icheck-black" checked> Flight </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="cab" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-black"> Cab </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="bus" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-black" > Bus </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="rail" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-black"> Rail </label>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="col-md-12">
<div class="transport_d" style="padding-bottom:0; margin-bottom:0;">
<div class="col-md-12 no-padding">
<h3 class="no-margin-top alert alert-offblack no-border" style="padding:10px;"><strong>Cab</strong></h3>
<div class="col-md-1 no-padding"> <label class="marg-top3">Title:</label></div>
<div class="col-md-9">
<div class="form-group no-margin-bot">
<input type="text" name="placeholder" class="form-control" placeholder="Delhi">
</div>
</div>
<div class="clear"> </div>
<div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="direc" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option5"
class="icheck-green" checked>
Direct </label>
<label class="radio-inline icheck-radio-inline " id="inventory" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option5"
class="icheck-green">
Inventory </label>
</div>
</div>
<div class="clear"> </div>
<div class="col-md-4 no-padding">
<div class="form-group" style="min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Pvt ">
<option value="1">Pvt</option>
<option value="2">SIC</option>
</select>
</div>
</div>
<div class="clear"></div>
<div class="clear">
<div class="alert alert-lightblack no-margin-bot" style="padding:5px;">
<div class="col-md-6 "><div class="radio-button-place marg-top3" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option3"
class="icheck-green" checked>
Supplier </label>
<label class="radio-inline icheck-radio-inline no-padding-left " id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4"
class="icheck-green">
Portal </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4"
class="icheck-green">
API </label>
</div></div>
<div class="col-md-6 no-padding"><input type="text" name="placeholder" class="form-control" placeholder="Supplier"></div>
<div class="clear"></div>
</div>
</div>
<div class="space-bot"></div>
<div id="direc-tab">
<div class="panel-body table-responsivenew no-border no-padding">
<table class="table table-bordered no-margin">
<tr>
<td> <input type="text" class="form-control whbg" value="Pick Up "/></td>
<td><input type="text" class="form-control whbg" value="Pick Up Location"/></td>
<td><input type="text" class="form-control whbg" value="Pick Up Date & Time"/ style="width:170px;"></td>
<td> </td>
</tr>
<tr>
<td><input type="text" class="form-control whbg" value="Drop"/></td>
<td><input type="text" class="form-control whbg" value="Drop Location"/></td>
<td><input type="text" class="form-control whbg" value="Drop Up Date & Time"/ style="width:170px;"></td>
<td> <input type="text" class="form-control whbg" value="Vehicle Details"/></td>
</tr>
</table>
<div class="space-bottom"></div>
<table class="table table-bordered no-margin alert-graylight">
<tr>
<th>
Currency
</th>
<th>Amount</th>
<th>
Mark Up
</th>
<th>Tax Type</th>
<th>Tax Amt</th>
<th>Total</th>
</tr>
<tr>
<td>
<div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">INR</option>
<option value="2">Dollar</option>
<option value="3">Euro</option>
</select>
</div>
</td>
<th><input type="text" name="placeholder" class="form-control" placeholder="12000"></th>
<th><input type="text" name="placeholder5" class="form-control" placeholder="3000"></th>
<th><input type="text" name="placeholder6" class="form-control" placeholder="18%"></th>
<th><input type="text" name="placeholder7" class="form-control" placeholder="10%"></th>
<th><input type="text" name="placeholder8" class="form-control" placeholder="7000"></th>
</tr>
<tr>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">INR</option>
<option value="2">Dollar</option>
<option value="3">Euro</option>
</select>
</div></td>
<td><input type="text" name="placeholder10" class="form-control" placeholder="12000"></td>
<td><input type="text" name="placeholder17" class="form-control" placeholder="3000"></td>
<td><input type="text" name="placeholder11" class="form-control" placeholder="18%"></td>
<td><input type="text" name="placeholder13" class="form-control" placeholder="10%"></td>
<td><input type="text" name="placeholder15" class="form-control" placeholder="7000"></td>
</tr>
<tr>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">INR</option>
<option value="2">Dollar</option>
<option value="3">Euro</option>
</select>
</div></td>
<td><input type="text" name="placeholder19" class="form-control" placeholder="12000"></td>
<td><input type="text" name="placeholder18" class="form-control" placeholder="3000"></td>
<td><input type="text" name="placeholder12" class="form-control" placeholder="18%"></td>
<td><input type="text" name="placeholder14" class="form-control" placeholder="10%"></td>
<td><input type="text" name="placeholder16" class="form-control" placeholder="7000"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td align="right" valign="middle" style="vertical-align:middle; font-size:16px;">Total </td>
<td colspan="2" align="right"><input type="text" name="placeholder2" class="form-control" placeholder="15000"></td>
</tr>
</table>
<div class="space-bot"></div>
<div class="col-md-12 no-padding" align="right"> <a href="javascript:void(0);" class="btn btn-warning dest-cov-btn" id="saveconti1" >Save & Continue</a> </div>
<div class="col-md-12 no-padding">
<div class="" id="saveconti1-tab" style="display:none;">
<div id="allairlines" class="tab-pane fade in active no-padding">
<div class="col-md-12 no-padding gallery1-outer">
<h5 class="no-margin-top"><strong>Title:</strong></h5>
<div class="gallery-sec no-adding-bot">
<div class="col-md-12 no-padding gallery1-outer">
<div class="col-sm-2 "> <b>Vechile</b> <br />
<span class="small">Innova</span> </div>
<div class="col-sm-2 "> AC <br />
<span class="graytxt">Yes</span><br />
</div>
<div class="col-sm-2 "> No of Seat <br />
<span class="graytxt">5</span>
<br />
</div>
<div class="col-sm-2 "> No of Car<br />
<span class="small graytxt">5</span><br />
</div>
<div class="col-sm-3"> <strong><span class="fa fa-inr"></span> Total Price</strong><br />
<span class="graytxt small commissiontxt"><span class="fa fa-rupee"></span>1,2000</span><br />
</div>
<div class="col-sm-1 ">
<a href="#" class="quick-link-text">Edit</a>
</div>
</div>
<div class="clear"></div>
<div class="marg-top3"></div>
<div class="alert alert-warning no-margin-bot" style="padding-bottom:10px; padding-top:10px;"><a href="javascript:void(0);" class="quick-link-text" data-toggle="modal" data-target="#myModa1FlightDetail">Cab Details <i class="fa fa-arrow-down"></i></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="space-bot"></div>
<div class="col-md-12 no-padding" align="right"> <a href="javascript:void(0);" class="btn btn-warning dest-cov-btn" id="addmore">Add Items</a> </div>
</div>
<div class="clear"></div>
<div class="clear"></div>
</div>
<div id="inventory-tab" style="display:none;">
<div class="col-md-12 no-padding">
<div class="transport_d no-margin " style=" margin-top:0; margin-bottom:0;">
<div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="singleday" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option5"
class="icheck-green" checked>
Daily </label>
<label class="radio-inline icheck-radio-inline " id="point" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option5"
class="icheck-green">
Point to Point </label>
</div>
<div class="clear"></div>
<div class="row">
<div class="panel-body table-responsivenew no-padding no-border" id="singleday-tab">
<div class="col-md-12">
<div class="clear"> </div>
<table class="table table-bordered no-margin">
<tr>
<td>From City</td>
<td><input type="text" class="form-control whbg" value="Distination"/></td>
<td><label class="checkbox no-margin" style="display:inline-table; min-height:inherit;"><input class="icheck-black" type="checkbox" id="checkRed4" value="option4" > Round </label></td>
</tr>
<tr>
<td>From Date</td>
<td>To Date</td>
<td> <a href="#" class="quick-link-text">Show Results</a> <a href="#" class="quick-link-text">Add Rates</a></td>
</tr>
</table>
<div class="panel-body table-responsivenew no-padding-left no-margin-bot no-border">
<table class="table table-bordered no-margin">
<tr>
<th>Vehicle Type</th>
<th>Vehicle Name</th>
<th>AC</th>
<th>Seating Capaicty</th>
<th>Currency</th>
<th>Distance</th>
<th>Extra Hour</th>
<th>Extra KM</th>
<th>No of Vehicle</th>
<th>Cost</th>
<th>Mark Up</th>
<th>Total Price</th>
<th>Action</th>
</tr>
<tr>
<td><input type="text" class="form-control whbg" value="SUV"/ style="width:140px; white-space:nowrap;"></td>
<td><input type="text" class="form-control whbg" value="Indica"/ style="width:140px; white-space:nowrap;"></td>
<td><input type="text" class="form-control whbg" value="Yes"/ style="width:140px; white-space:nowrap;"></td>
<td><input type="text" class="form-control whbg" value="5"/ style="width:140px; white-space:nowrap;"></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">INR</option>
<option value="2">Dollar</option>
<option value="3">Euro</option>
</select>
</div></td>
<td><input type="text" class="form-control whbg" value="4 hrs 40 KM"/style="width:140px; white-space:nowrap;"></td>
<td><input type="text" class="form-control whbg" value="100"/ style="width:140px; white-space:nowrap;"></td>
<td><input type="text" class="form-control whbg" value="15"/ style="width:140px; white-space:nowrap;"></td>
<td><span class="form-group">
<select name="select-country2" class="demo-default select-country" id="select-country2" placeholder="1" style="width:140px; white-space:nowrap;">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</span></td>
<td><input type="text" class="form-control whbg" value="1200"/ style="width:140px; white-space:nowrap;"></td>
<td><input type="text" class="form-control whbg" value="18%"/ style="width:140px; white-space:nowrap;"></td>
<td><input type="text" class="form-control whbg" value="1500"/ style="width:140px; white-space:nowrap;"></td>
<td><label class="checkbox"><input class="icheck-black" type="checkbox" id="checkRed4" value="option4" checked ></label></td>
</tr>
<tr>
<td><input type="text" class="form-control whbg" value="Sedan"/></td>
<td><input type="text" class="form-control whbg" value="Honda City"/></td>
<td><input type="text" class="form-control whbg" value="No"/></td>
<td><input type="text" class="form-control whbg" value="4"/></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">INR</option>
<option value="2">Dollar</option>
<option value="3">Euro</option>
</select>
</div></td>
<td><input type="text" class="form-control whbg" value="4 hrs 40 KM"/></td>
<td><input type="text" class="form-control whbg" value="100"/></td>
<td><input type="text" class="form-control whbg" value="15"/></td>
<td><span class="form-group">
<select name="select-country2" class="demo-default select-country" id="select-country2" placeholder="1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</span></td>
<td><input type="text" class="form-control whbg" value="1200"/></td>
<td><input type="text" class="form-control whbg" value="18%"/></td>
<td><input type="text" class="form-control whbg" value="1500"/></td>
<td><label class="checkbox"><input class="icheck-black" type="checkbox" id="checkRed4" value="option4" ></label></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td align="right" valign="middle" style="vertical-align:middle; font-size:16px;">Total </td>
<td colspan="2" align="right"><input type="text" name="placeholder2" class="form-control" placeholder="15000"></td>
</tr>
</table>
<div class="clear"></div>
</div>
</div>
</div>
<div class="panel-body table-responsivenew no-padding no-border" id="point-tab" style="display:none;">
<div class="col-md-12">
<div class="panel-body table-responsivenew no-padding-left no-margin-bot no-border">
<table class="table table-bordered no-margin">
<tr>
<th>Vechile</th>
<th>AC</th>
<th>Pax</th>
<th>Supplier</th>
<th>Cost</th>
<th>Mark Up</th>
<th>Tax</th>
<th>No of<br>
Car</th>
<th>Toll <br>
Tax</th>
<th>Total Price</th>
<th>Action</th>
</tr>
<tr>
<td>SUV<br>
Innova</td>
<td>Yes</td>
<td>5</td>
<td>ABCD</td>
<td>1200</td>
<td><input type="text" class="form-control whbg" value="18%"/ style="width:60px;"></td>
<td><div class="form-group no-margin" style="min-height:inherit !important; width:80px;">
<select id="select-country" class="demo-default select-country" placeholder="Tax " style="width:80px;">
<option value="1">18%</option>
<option value="2">20%</option>
</select>
</div></td>
<td><input type="text" class="form-control whbg" value="2"/ style="width:50px;"></td>
<td><input type="text" class="form-control whbg" value="200"/ style="width:80px;"></td>
<td><input type="text" class="form-control whbg" value="500"/ style="width:80px;"></td>
<td ><div style="width:60px;"><label class="checkbox no-margin" style="display:inline-table; min-height:inherit;"><input class="icheck-black" type="checkbox" id="checkRed4" value="option4" ></label> <a href="#">Edit</a></div></td>
</tr>
<tr>
<td>SUV<br>
Innova</td>
<td>Yes</td>
<td>5</td>
<td>ABCD</td>
<td>1200</td>
<td><input type="text" class="form-control whbg" value="18%"/ style="width:70px;"></td>
<td><div class="form-group no-margin" style="min-height:inherit !important; width:80px;">
<select id="select-country" class="demo-default select-country" placeholder="Tax " style="width:80px;">
<option value="1">Tax</option>
<option value="2">Tax</option>
</select>
</div></td>
<td><input type="text" class="form-control whbg" value="2"/ style="width:50px;"></td>
<td><input type="text" class="form-control whbg" value="200"/ style="width:80px;"></td>
<td><input type="text" class="form-control whbg" value="500"/ style="width:80px;"></td>
<td ><div style="width:60px;"><label class="checkbox no-margin" style="display:inline-table; min-height:inherit;"><input class="icheck-black" type="checkbox" id="checkRed4" value="option4" ></label> <a href="#">Edit</a></div></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td align="right"><strong>Grand Total</strong></td>
<td colspan="2"><input type="text" class="form-control whbg" value="1200"/ ></td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="space-bot co-md-12" align="right"><a href="javascript:void(0);" class="btn btn-warning dest-cov-btn " id="saveconti2">Save & Continue</a></div>
<div class="space-bot"></div>
<div class="" id="saveconti2-tab" style="display:none;">
<div id="allairlines" class="tab-pane fade in active no-padding">
<div class="col-md-12 no-padding gallery1-outer">
<h5 class="no-margin-top"><strong>Title:</strong></h5>
<div class="gallery-sec no-adding-bot no-margin-bot">
<div class="col-md-12 no-padding gallery1-outer">
<div class="col-sm-2 "> <b>Vechile</b> <br />
<span class="small">Innova</span> </div>
<div class="col-sm-2 "> AC <br />
<span class="graytxt">Yes</span><br />
</div>
<div class="col-sm-2 "> No of Seat <br />
<span class="graytxt">5</span>
<br />
</div>
<div class="col-sm-2 "> No of Car<br />
<span class="small graytxt">5</span><br />
</div>
<div class="col-sm-3"> <strong><span class="fa fa-inr"></span> Total Price</strong><br />
<span class="graytxt small commissiontxt"><span class="fa fa-rupee"></span>1,2000</span><br />
</div>
<div class="col-sm-1 ">
<a href="#" class="quick-link-text">Edit</a>
</div>
</div>
<div class="clear"></div>
<div class="marg-top3"></div>
<div class="alert alert-warning no-margin-bot" style="padding-bottom:10px; padding-top:10px;"><a href="javascript:void(0);" class="quick-link-text" data-toggle="modal" data-target="#myModa1FlightDetail">Cab Details <i class="fa fa-arrow-down"></i></a></div>
</div>
</div>
</div>
</div>
<div class="space-bot"></div>
<div class="col-md-12 no-padding" align="right"> <a href="javascript:void(0);" class="btn btn-warning dest-cov-btn" id="addmore">Add Items</a> </div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="row" style="display:none;" id="addmore-tab">
<div class="space-bottom"></div>
<div class="col-md-12">
<div class="alert alert-graylight no-margin-bot">
<div class="col-md-12 no-padding">
<div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="transport" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option3" class="icheck-green" checked> Transport </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="accomodation" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green" > Accomodation </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="activitysightseeing" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Sightseeing </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="guide" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Guide </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="misc" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Misc. </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="cruise" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Cruise </label>
</div>
</div>
<div class="clear"></div>
<div class="transport_d" style="background:none; border:none; padding:0; margin-bottom:0;">
<div class="right-transport">
<h4 class="no-margin"> <span class="genderBox"><span class="Age-group " id="flight">Flight</span> <span class="Age-group Age-groupActive" id="bus">Bus</span> <span class="Age-group" id="cab">Cab </span> <!--<span class="Age-group" id="car">Car</span>--> <span class="Age-group" id="cruise">Cruise</span> <span class="Age-group"id="rail" >Rail</span> </span> </h4>
<div class="clear"> </div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="col-md-12"><div class="clear"></div>
<div class="transport_d" style="padding-bottom:0; margin-bottom:0;">
<div class="col-md-12 no-padding ">
<h3 class="no-margin-top"><strong>Bus</strong></h3>
<div class="col-md-8 no-padding">
<div class="form-group no-margin-bot">
<label>Title:</label>
<input type="text" name="placeholder" class="form-control" placeholder="Delhi">
</div>
</div>
<div class="clear"> </div>
<div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="transport" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option3"
class="icheck-green" checked>
Departure </label>
<label class="radio-inline icheck-radio-inline " id="accomodation" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4"
class="icheck-green">
Arrival </label>
</div>
<div class="clear"></div>
</div>
<div class="space-bot"></div>
<div class="clear"></div>
<div class="panel-body table-responsivenew no-padding no-border">
<table class="table table-bordered no-margin">
<tr>
<td><input type="text" class="form-control whbg" placeholder="Departure City"/></td>
<td><div class="row"><div class="col-xs-8"> <input type="text" class="form-control whbg" placeholder="Date"/></div> <div class="col-xs-4"><input type="text" class="form-control whbg" placeholder="Time" /></div></div></td>
</tr>
<tr>
<td><input type="text" class="form-control whbg" placeholder="Arrival City"/></td>
<td><div class="row"><div class="col-xs-8"> <input type="text" class="form-control whbg" placeholder="Date"/></div> <div class="col-xs-4"><input type="text" class="form-control whbg" placeholder="Time" /></div></div></td>
</tr>
<tr>
<td><input type="text" class="form-control whbg" value="Duration"/></td>
<td> </td>
</tr>
<tr>
<td><input type="text" class="form-control whbg" value="Name"/></td>
<td><input type="text" class="form-control whbg" value="Number"/></td>
</tr>
</table>
<div class="space-bottom"></div>
<table class="table table-bordered no-margin alert-graylight">
<tr>
<th>Price
</th>
<th>
Currency
</th>
<th>Amount</th>
<th>
Mark Up
</th>
<th>Tax Type</th>
<th>Tax Amt</th>
<th>Total</th>
</tr>
<tr>
<td><input type="text" name="placeholder" class="form-control" placeholder="Adult"></td>
<td>
<div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">INR</option>
<option value="2">Dollar</option>
<option value="3">Euro</option>
</select>
</div>
</td>
<th><input type="text" name="placeholder" class="form-control" placeholder="12000"></th>
<th><input type="text" name="placeholder5" class="form-control" placeholder="3000"></th>
<th><input type="text" name="placeholder6" class="form-control" placeholder="18%"></th>
<th><input type="text" name="placeholder7" class="form-control" placeholder="10%"></th>
<th><input type="text" name="placeholder8" class="form-control" placeholder="7000"></th>
</tr>
<tr>
<td><input type="text" name="placeholder3" class="form-control" placeholder="Child"></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">INR</option>
<option value="2">Dollar</option>
<option value="3">Euro</option>
</select>
</div></td>
<td><input type="text" name="placeholder10" class="form-control" placeholder="12000"></td>
<td><input type="text" name="placeholder17" class="form-control" placeholder="3000"></td>
<td><input type="text" name="placeholder11" class="form-control" placeholder="18%"></td>
<td><input type="text" name="placeholder13" class="form-control" placeholder="10%"></td>
<td><input type="text" name="placeholder15" class="form-control" placeholder="7000"></td>
</tr>
<tr>
<td><input type="text" name="placeholder4" class="form-control" placeholder="Infant"></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">INR</option>
<option value="2">Dollar</option>
<option value="3">Euro</option>
</select>
</div></td>
<td><input type="text" name="placeholder19" class="form-control" placeholder="12000"></td>
<td><input type="text" name="placeholder18" class="form-control" placeholder="3000"></td>
<td><input type="text" name="placeholder12" class="form-control" placeholder="18%"></td>
<td><input type="text" name="placeholder14" class="form-control" placeholder="10%"></td>
<td><input type="text" name="placeholder16" class="form-control" placeholder="7000"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td align="right" valign="middle" style="vertical-align:middle; font-size:16px;">Total </td>
<td colspan="2" align="right"><input type="text" name="placeholder2" class="form-control" placeholder="15000"></td>
</tr>
</table>
<div class="space-bottom">
<div class="space-bot">
<div class="alert alert-lightblack">
<div class="col-md-6 no-padding"><div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option3"
class="icheck-green" checked>
Supplier </label>
<label class="radio-inline icheck-radio-inline " id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4"
class="icheck-green">
Portal </label>
<label class="radio-inline icheck-radio-inline " id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4"
class="icheck-green">
API </label>
</div></div>
<div class="col-md-6 no-padding"><input type="text" name="placeholder" class="form-control" placeholder="Supplier"></div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="space-bottom"></div>
</div>
<div class="space-bot co-md-12" align="right"><a href="javascript:void(0);" class="btn btn-warning dest-cov-btn " id="saveconti4">Save & Continue</a></div>
<div class="space-bot"></div>
<div class="" id="saveconti4-tab" style="display:none;">
<div id="allairlines" class="tab-pane fade in active no-padding">
<div class="col-md-12 no-padding gallery1-outer">
<h5 class="no-margin-top"><strong>Title:</strong></h5>
<div class="gallery-sec no-adding-bot no-margin-bot">
<div class="col-md-12 no-padding gallery1-outer">
<div class="col-sm-2 "> <b>Vechile</b> <br />
<span class="small">Innova</span> </div>
<div class="col-sm-2 "> AC <br />
<span class="graytxt">Yes</span><br />
</div>
<div class="col-sm-2 "> No of Seat <br />
<span class="graytxt">5</span>
<br />
</div>
<div class="col-sm-2 "> No of Car<br />
<span class="small graytxt">5</span><br />
</div>
<div class="col-sm-3"> <strong><span class="fa fa-inr"></span> Total Price</strong><br />
<span class="graytxt small commissiontxt"><span class="fa fa-rupee"></span>1,2000</span><br />
</div>
<div class="col-sm-1 ">
<a href="#" class="quick-link-text">Edit</a>
</div>
</div>
<div class="clear"></div>
<div class="marg-top3"></div>
<div class="alert alert-warning no-margin-bot" style="padding-bottom:10px; padding-top:10px;"><a href="javascript:void(0);" class="quick-link-text" data-toggle="modal" data-target="#myModa1FlightDetail">Bus Details <i class="fa fa-arrow-down"></i></a></div>
</div>
</div>
</div>
</div>
<div class="space-bot"></div>
<div class="col-md-12 no-padding " align="right"> <a href="javascript:void(0);" class="btn btn-warning dest-cov-btn" id="addmorerail">Add Items</a> </div>
<div class="space-bot"></div>
<div class="clear"></div></div>
</div>
</div>
<div class="row" style="display:none;" id="addmorerail-tab">
<div class="space-bottom"></div>
<div class="col-md-12">
<div class="alert alert-graylight no-margin-bot">
<div class="col-md-12 no-padding">
<div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="transport" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option3" class="icheck-green" checked> Transport </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="accomodation" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green" > Accomodation </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="activitysightseeing" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Sightseeing </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="guide" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Guide </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="misc" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Misc. </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="cruise" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Cruise </label>
</div>
</div>
<div class="clear"></div>
<div class="transport_d" style="background:none; border:none; padding:0; margin-bottom:0;">
<div class="right-transport">
<h4 class="no-margin"> <span class="genderBox"><span class="Age-group " id="flight">Flight</span> <span class="Age-group " id="bus">Bus</span> <span class="Age-group " id="cab">Cab </span> <!--<span class="Age-group" id="car">Car</span>--> <span class="Age-group Age-groupActive" id="cruise">Cruise</span> <span class="Age-group"id="rail" >Rail</span> </span> </h4>
<div class="clear"> </div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="col-md-12">
<div class="transport_d" style="padding-bottom:0; margin-bottom:0;">
<div class="col-md-12 no-padding">
<h3 class="no-margin-top"><strong>Cruise</strong></h3>
<div class="col-md-8 no-padding">
<div class="form-group no-margin-bot">
<label>Title:</label>
<input type="text" name="placeholder" class="form-control" placeholder="Delhi">
</div>
</div>
<div class="clear"> </div>
<div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="cruisedeparture" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option5"
class="icheck-green" checked>
Departure </label>
<label class="radio-inline icheck-radio-inline " id="cruisearrival" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option5"
class="icheck-green">
Arrival </label>
</div>
</div>
<div class="clear"> </div>
<div id="cruisedeparture-tab">
<div class="panel-body table-responsivenew no-border no-padding">
<table class="table table-bordered no-margin">
<tr>
<td> <input type="text" class="form-control whbg" value="Embark Port "/></td>
<td><input type="text" class="form-control whbg" value="Departure Date & Time"/></td>
<td> </td>
</tr>
<tr>
<td><input type="text" class="form-control whbg" value="Debark Port"/></td>
<td><input type="text" class="form-control whbg" value="Arrival Date & Time"/></td>
<td> </td>
</tr>
<tr>
<td><input type="text" class="form-control whbg" value="Duration"/></td>
<td><input type="text" class="form-control whbg" value="Shipline"/></td>
<td> <input type="text" class="form-control whbg" value="Number"/></td>
</tr>
</table>
<div class="space-bottom"></div>
<table class="table table-bordered no-margin alert-graylight">
<tr>
<th>Room Type</th>
<th>No of Rooms</th>
<th>Adults</th>
<th>Kids</th>
<th>Currency</th>
<th>Amount</th>
<th>Makr Up</th>
<th>Total</th>
</tr>
<tr>
<td>
<div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">Interior</option>
<option value="2">Ocean View</option>
<option value="3">Balcony</option>
<option value="4">Suite</option>
</select>
</div>
</td>
<td><input type="text" name="placeholder" class="form-control" placeholder="2"></td>
<td><input type="text" name="placeholder5" class="form-control" placeholder="2"></td>
<td><input type="text" name="placeholder6" class="form-control" placeholder="2"></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country" class="demo-default select-country" id="select-country2" placeholder="Select">
<option value="1">INR</option>
<option value="2">Dollar</option>
<option value="3">Euro</option>
</select>
</div></th>
<td><input type="text" name="placeholder3" class="form-control" placeholder="12000"></td>
<td><input type="text" name="placeholder4" class="form-control" placeholder="18%"></td>
<td><input type="text" name="placeholder8" class="form-control" placeholder="15000"></th>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td align="right" valign="middle" style="vertical-align:middle; font-size:16px;"> </td>
<td align="right"> </td>
<td align="right"><span style="vertical-align:middle; font-size:16px;">Total </span></td>
<td colspan="2" align="right"><input type="text" name="placeholder2" class="form-control" placeholder="15000"></td>
</tr>
</table>
<div class="space-bot">
<div class="alert alert-lightblack">
<div class="col-md-6 no-padding"><div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option3"
class="icheck-green" checked>
Supplier </label>
<label class="radio-inline icheck-radio-inline " id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4"
class="icheck-green">
Portal </label>
<label class="radio-inline icheck-radio-inline " id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4"
class="icheck-green">
API </label>
</div></div>
<div class="col-md-6 no-padding"><input type="text" name="placeholder" class="form-control" placeholder="Supplier"></div>
<div class="clear"></div>
</div>
</div>
<div class="space-bot"></div>
<div class="col-md-12 no-padding" align="right"> <a href="javascript:void(0);" class="btn btn-warning dest-cov-btn" id="saveconti6" >Save & Continue</a> </div>
<div class="space-bot"></div>
<div class="" id="saveconti6-tab" style="display:none;">
<div id="allairlines" class="tab-pane fade in active no-padding">
<div class="col-md-12 no-padding gallery1-outer">
<h5 class="no-margin-top"><strong>Title:</strong></h5>
<div class="gallery-sec no-adding-bot no-margin-bot">
<div class="col-md-12 no-padding gallery1-outer">
<div class="col-sm-2 "> <b>Embark Port </b> <br />
<span class="small">Suite</span> </div>
<div class="col-sm-2 "> Room <br />
<span class="graytxt">2</span><br />
</div>
<div class="col-sm-2 ">Check in <br />
<span class="graytxt">12/03/19</span>
<br />
</div>
<div class="col-sm-2 "> Check out<br />
<span class="small graytxt">18/03/19</span><br />
</div>
<div class="col-sm-3"> <strong><span class="fa fa-inr"></span> Total Price</strong><br />
<span class="graytxt small commissiontxt"><span class="fa fa-rupee"></span>1,2000</span><br />
</div>
<div class="col-sm-1 ">
<a href="#" class="quick-link-text">Edit</a>
</div>
</div>
<div class="clear"></div>
<div class="marg-top3"></div>
<div class="alert alert-warning no-margin-bot" style="padding-bottom:10px; padding-top:10px;"><a href="javascript:void(0);" class="quick-link-text" data-toggle="modal" data-target="#myModa1FlightDetail"> Cruise Details <i class="fa fa-arrow-down"></i></a></div>
</div>
</div>
</div>
</div>
<div class="space-bot"></div>
<div class="col-md-12 no-padding" align="right"> <a href="javascript:void(0);" class="btn btn-warning dest-cov-btn" id="addmorecruise">Add Items</a> </div>
</div>
<div class="clear"></div>
<div class="col-md-12 no-padding">
<div class="" id="saveconti1-tab" style="display:none;">
<div id="allairlines" class="tab-pane fade in active no-padding">
<div class="col-md-12 no-padding gallery1-outer">
<h5 class="no-margin-top"><strong>Title:</strong></h5>
<div class="gallery-sec no-adding-bot">
<div class="col-md-12 no-padding gallery1-outer">
<div class="col-sm-2 "> <b>Vechile</b> <br />
<span class="small">Innova</span> </div>
<div class="col-sm-2 "> AC <br />
<span class="graytxt">Yes</span><br />
</div>
<div class="col-sm-2 "> No of Seat <br />
<span class="graytxt">5</span>
<br />
</div>
<div class="col-sm-2 "> No of Car<br />
<span class="small graytxt">5</span><br />
</div>
<div class="col-sm-3"> <strong><span class="fa fa-inr"></span> Total Price</strong><br />
<span class="graytxt small commissiontxt"><span class="fa fa-rupee"></span>1,2000</span><br />
</div>
<div class="col-sm-1 ">
<a href="#" class="quick-link-text">Edit</a>
</div>
</div>
<div class="clear"></div>
<div class="marg-top3"></div>
<div class="alert alert-warning no-margin-bot" style="padding-bottom:10px; padding-top:10px;"><a href="javascript:void(0);" class="quick-link-text" data-toggle="modal" data-target="#myModa1FlightDetail">Cab Details <i class="fa fa-arrow-down"></i></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div id="cruisearrival-tab" style="display:none;">
<div class="panel-body table-responsivenew no-border no-padding">
<table class="table table-bordered no-margin">
<tr>
<td> <input type="text" class="form-control whbg" value="Embark Port "/></td>
<td><input type="text" class="form-control whbg" value="Departure Date & Time"/></td>
<td> </td>
</tr>
<tr>
<td><input type="text" class="form-control whbg" value="Debark Port"/></td>
<td><input type="text" class="form-control whbg" value="Arrival Date & Time"/></td>
<td> </td>
</tr>
<tr>
<td><input type="text" class="form-control whbg" value="Duration"/></td>
<td><input type="text" class="form-control whbg" value="Shipline"/></td>
<td> <input type="text" class="form-control whbg" value="Number"/></td>
</tr>
</table>
<div class="space-bottom"></div>
<table class="table table-bordered no-margin alert-graylight">
<tr>
<th>Room Type</th>
<th>No of Rooms</th>
<th>Adults</th>
<th>Kids</th>
<th>Currency</th>
<th>Amount</th>
<th>Makr Up</th>
<th>Total</th>
</tr>
<tr>
<td>
<div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">Interior</option>
<option value="2">Ocean View</option>
<option value="3">Balcony</option>
<option value="4">Suite</option>
</select>
</div>
</td>
<td><input type="text" name="placeholder" class="form-control" placeholder="2"></td>
<td><input type="text" name="placeholder5" class="form-control" placeholder="2"></td>
<td><input type="text" name="placeholder6" class="form-control" placeholder="2"></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country" class="demo-default select-country" id="select-country2" placeholder="Select">
<option value="1">INR</option>
<option value="2">Dollar</option>
<option value="3">Euro</option>
</select>
</div></th>
<td><input type="text" name="placeholder3" class="form-control" placeholder="12000"></td>
<td><input type="text" name="placeholder4" class="form-control" placeholder="18%"></td>
<td><input type="text" name="placeholder8" class="form-control" placeholder="15000"></th>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td align="right" valign="middle" style="vertical-align:middle; font-size:16px;"> </td>
<td align="right"> </td>
<td align="right"><span style="vertical-align:middle; font-size:16px;">Total </span></td>
<td colspan="2" align="right"><input type="text" name="placeholder2" class="form-control" placeholder="15000"></td>
</tr>
</table>
<div class="space-bot">
<div class="alert alert-lightblack">
<div class="col-md-6 no-padding"><div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option3"
class="icheck-green" checked>
Supplier </label>
<label class="radio-inline icheck-radio-inline " id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4"
class="icheck-green">
Portal </label>
<label class="radio-inline icheck-radio-inline " id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4"
class="icheck-green">
API </label>
</div></div>
<div class="col-md-6 no-padding"><input type="text" name="placeholder" class="form-control" placeholder="Supplier"></div>
<div class="clear"></div>
</div>
</div>
<div class="space-bot"></div>
<div class="col-md-12 no-padding" align="right"> <a href="javascript:void(0);" class="btn btn-warning dest-cov-btn" id="addmore">Add Items</a> </div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="row" style="display:none;" id="addmorecruise-tab">
<div class="space-bottom"></div>
<div class="col-md-12">
<div class="alert alert-graylight no-margin-bot">
<div class="col-md-12 no-padding">
<div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="transport" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option3" class="icheck-green" checked> Transport </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="accomodation" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green" > Accomodation </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="activitysightseeing" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Sightseeing </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="guide" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Guide </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="misc" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Misc. </label>
<label class="radio-inline icheck-radio-inline no-padding-left" id="cruise" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4" class="icheck-green"> Cruise </label>
</div>
</div>
<div class="clear"></div>
<div class="transport_d" style="background:none; border:none; padding:0; margin-bottom:0;">
<div class="right-transport">
<h4 class="no-margin"> <span class="genderBox"><span class="Age-group " id="flight">Flight</span> <span class="Age-group " id="bus">Bus</span> <span class="Age-group " id="cab">Cab </span> <!--<span class="Age-group" id="car">Car</span>--> <span class="Age-group" id="cruise">Cruise</span> <span class="Age-group Age-groupActive"id="rail" >Rail</span> </span> </h4>
<div class="clear"> </div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="col-md-12">
<div class="transport_d" style="padding-bottom:0; margin-bottom:0;">
<div class="col-md-12 no-padding">
<h3 class="no-margin-top"><strong>Rail</strong></h3>
<div class="col-md-8 no-padding">
<div class="form-group no-margin-bot">
<label>Title:</label>
<input type="text" name="placeholder" class="form-control" placeholder="Delhi">
</div>
</div>
<div class="clear"> </div>
<div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="cruisedeparture" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option5"
class="icheck-green" checked>
Departure </label>
<label class="radio-inline icheck-radio-inline " id="cruisearrival" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option5"
class="icheck-green">
Arrival </label>
</div>
</div>
<div class="clear"> </div>
<div id="cruisedeparture-tab">
<div class="panel-body table-responsivenew no-border no-padding">
<table class="table table-bordered no-margin">
<tr>
<td> <input type="text" class="form-control whbg" value="Departure Date & Time"/></td>
<td><input type="text" class="form-control whbg" value="Departure Date & Time"/></td>
<td> </td>
</tr>
<tr>
<td><input type="text" class="form-control whbg" value="Name"/></td>
<td><input type="text" class="form-control whbg" value="Number"/></td>
<td> </td>
</tr>
</table>
<div class="space-bottom"></div>
<table class="table table-bordered no-margin alert-graylight">
<tr>
<th>Price</th>
<th>Currency</th>
<th>Amount</th>
<th>Mark Up</th>
<th>Tax Type</th>
<th>Tax Amt</th>
<th>Total</th>
</tr>
<tr>
<td>
<div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">Adult</option>
<option value="2">Child</option>
<option value="3">Infant</option>
</select>
</div>
</td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country2" class="demo-default select-country" id="select-country3" placeholder="Select">
<option value="1">INR</option>
<option value="2">Dollar</option>
<option value="3">Euro</option>
</select>
</div></td>
<td><input type="text" name="placeholder" class="form-control" placeholder="12000"></td>
<td><input type="text" name="placeholder5" class="form-control" placeholder="18%"></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country" class="demo-default select-country" id="select-country2" placeholder="Select">
<option value="1">Included</option>
<option value="2">Excluded</option>
<option value="3">Fixed</option>
</select>
</div></th>
<td><input type="text" name="placeholder3" class="form-control" placeholder="12000"></td>
<td><input type="text" name="placeholder8" class="form-control" placeholder="15000"></th>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td align="right" valign="middle" style="vertical-align:middle; font-size:16px;"> </td>
<td align="right"> </td>
<td align="right"><span style="vertical-align:middle; font-size:16px;">Total </span></td>
<td align="right"><input type="text" name="placeholder2" class="form-control" placeholder="15000"></td>
</tr>
</table>
<div class="space-bot">
<div class="alert alert-lightblack">
<div class="col-md-6 no-padding"><div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option3"
class="icheck-green" checked>
Supplier </label>
<label class="radio-inline icheck-radio-inline " id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4"
class="icheck-green">
Portal </label>
<label class="radio-inline icheck-radio-inline " id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4"
class="icheck-green">
API </label>
</div></div>
<div class="col-md-6 no-padding"><input type="text" name="placeholder" class="form-control" placeholder="Supplier"></div>
<div class="clear"></div>
</div>
</div>
<div class="space-bot"></div>
<div class="col-md-12 no-padding" align="right"> <a href="javascript:void(0);" class="btn btn-warning dest-cov-btn" id="saveconti7" >Save & Continue</a> </div>
<div class="space-bot"></div>
<div class="" id="saveconti7-tab" style="display:none;">
<div id="allairlines" class="tab-pane fade in active no-padding">
<div class="col-md-12 no-padding gallery1-outer">
<h5 class="no-margin-top"><strong>Title:</strong></h5>
<div class="gallery-sec no-adding-bot no-margin-bot">
<div class="col-md-12 no-padding gallery1-outer">
<div class="col-sm-2 "> <b>Train Name</b> <br />
<span class="small">12424</span> </div>
<div class="col-sm-2 "> Seat <br />
<span class="graytxt">2</span><br />
</div>
<div class="col-sm-2 ">Departure Date & Time <br />
<span class="graytxt">12/03/19</span>
<br />
</div>
<div class="col-sm-2 "> Duration<br />
<span class="small graytxt">17hrs</span><br />
</div>
<div class="col-sm-3"> <strong><span class="fa fa-inr"></span> Total Price</strong><br />
<span class="graytxt small commissiontxt"><span class="fa fa-rupee"></span>1,2000</span><br />
</div>
<div class="col-sm-1 ">
<a href="#" class="quick-link-text">Edit</a>
</div>
</div>
<div class="clear"></div>
<div class="marg-top3"></div>
<div class="alert alert-warning no-margin-bot" style="padding-bottom:10px; padding-top:10px;"><a href="javascript:void(0);" class="quick-link-text" data-toggle="modal" data-target="#myModa1FlightDetail"> Train Details <i class="fa fa-arrow-down"></i></a></div>
</div>
</div>
</div>
</div>
<div class="space-bot"></div>
<div class="col-md-12 no-padding" align="right"> <a href="javascript:void(0);" class="btn btn-warning dest-cov-btn" id="addmorecruise">Add Items</a> </div>
</div>
<div class="clear"></div>
<div class="col-md-12 no-padding">
</div>
<div class="clear"></div>
</div>
<div id="cruisearrival-tab" style="display:none;">
<div class="panel-body table-responsivenew no-border no-padding">
<table class="table table-bordered no-margin">
<tr>
<td> <input type="text" class="form-control whbg" value="Embark Port "/></td>
<td><input type="text" class="form-control whbg" value="Departure Date & Time"/></td>
<td> </td>
</tr>
<tr>
<td><input type="text" class="form-control whbg" value="Debark Port"/></td>
<td><input type="text" class="form-control whbg" value="Arrival Date & Time"/></td>
<td> </td>
</tr>
<tr>
<td><input type="text" class="form-control whbg" value="Duration"/></td>
<td><input type="text" class="form-control whbg" value="Shipline"/></td>
<td> <input type="text" class="form-control whbg" value="Number"/></td>
</tr>
</table>
<div class="space-bottom"></div>
<table class="table table-bordered no-margin alert-graylight">
<tr>
<th>Room Type</th>
<th>No of Rooms</th>
<th>Adults</th>
<th>Kids</th>
<th>Currency</th>
<th>Amount</th>
<th>Makr Up</th>
<th>Total</th>
</tr>
<tr>
<td>
<div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">Interior</option>
<option value="2">Ocean View</option>
<option value="3">Balcony</option>
<option value="4">Suite</option>
</select>
</div>
</td>
<td><input type="text" name="placeholder" class="form-control" placeholder="2"></td>
<td><input type="text" name="placeholder5" class="form-control" placeholder="2"></td>
<td><input type="text" name="placeholder6" class="form-control" placeholder="2"></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country" class="demo-default select-country" id="select-country2" placeholder="Select">
<option value="1">INR</option>
<option value="2">Dollar</option>
<option value="3">Euro</option>
</select>
</div></th>
<td><input type="text" name="placeholder3" class="form-control" placeholder="12000"></td>
<td><input type="text" name="placeholder4" class="form-control" placeholder="18%"></td>
<td><input type="text" name="placeholder8" class="form-control" placeholder="15000"></th>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td align="right" valign="middle" style="vertical-align:middle; font-size:16px;"> </td>
<td align="right"> </td>
<td align="right"><span style="vertical-align:middle; font-size:16px;">Total </span></td>
<td colspan="2" align="right"><input type="text" name="placeholder2" class="form-control" placeholder="15000"></td>
</tr>
</table>
<div class="space-bot">
<div class="alert alert-lightblack">
<div class="col-md-6 no-padding"><div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option3"
class="icheck-green" checked>
Supplier </label>
<label class="radio-inline icheck-radio-inline " id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4"
class="icheck-green">
Portal </label>
<label class="radio-inline icheck-radio-inline " id="" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option4"
class="icheck-green">
API </label>
</div></div>
<div class="col-md-6 no-padding"><input type="text" name="placeholder" class="form-control" placeholder="Supplier"></div>
<div class="clear"></div>
</div>
</div>
<div class="space-bot"></div>
<div class="col-md-12 no-padding" align="right"> <a href="javascript:void(0);" class="btn btn-warning dest-cov-btn" id="saveconti1" >Save & Continue</a> </div>
<div class="space-bot"></div>
<div class="col-md-12 no-padding" align="right"> <a href="javascript:void(0);" class="btn btn-warning dest-cov-btn" id="addmore">Add Items</a> </div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div id="bus-tab" style="display:none;"> Bus <div class="clear"></div></div>
<div id="cab-tab" style="display:none;"> Cab</div>
<div id="cruise-tab" style="display:none;"> Cruise</div>
<div id="rail-tab" style="display:none;"> Rail</div>
<div class="col-md-12 no-padding" id="accomodation-tab" style="display:none;">
<div class="transport_d">
<div class="radio-button-place no-margin" style="line-height:inherit !important;">
<label class="radio-inline icheck-radio-inline no-padding-left" id="api" >
<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option5"
class="icheck-green" checked>
Direct </label>
<label class="radio-inline icheck-radio-inline " id="3rdparty" >
<input type="radio" name="optionsRadios2" id="optionsRadios8" value="option5"
class="icheck-green">
Inventry </label>
</div>
<div class="clear"></div>
<div id="api-tab">
<div class="clear"> </div>
<div class="row">
<div class="col-md-3"><input type="text" name="placeholder" class="form-control" placeholder="Hotel City"></div>
<div class="col-md-3"><div class="form-group no-margin" style="min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Luxury ">
<option value="1">Standard</option>
<option value="2">Premium</option>
</select>
</div></div>
<div class="col-md-3"><input type="text" name="placeholder" class="form-control" placeholder="Check in Date"></div>
<div class="col-md-3"><input type="text" name="placeholder" class="form-control" placeholder="No Nights"></div>
</div>
<div class="panel-body table-responsivenew no-padding-left no-margin-bot no-border">
<table class="table table-bordered no-margin">
<tr>
<th>Hotel Name / Room</th>
<th>Rooms</th>
<th>Pax</th>
<th>Extra Bed</th>
<th>Meal Plan</th>
<th>Cost</th>
<th>Hotel Tax</th>
<th>Total Cost</th>
<th>Mark Up</th>
<th>Tax Type</th>
<th>Total Price</th>
<th>Action</th>
</tr>
<tr>
<td><input type="text" class="form-control whbg" value="Hotel Name"/ style="width:140px; white-space:nowrap; margin-bottom:10px;"> <input type="text" class="form-control whbg" value="Luxury Garden View"/ style="width:140px; white-space:nowrap;"></td>
<td><input type="text" class="form-control whbg" value="2"/ style="width:60px; white-space:nowrap;"></td>
<td><input type="text" class="form-control whbg" value="3"/ style="width:60px; white-space:nowrap;"></td>
<td><input type="text" class="form-control whbg" value="2"/ style="width:60px; white-space:nowrap;"></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country6" class="demo-default select-country" id="select-country7" placeholder="Adult">
<option value="1">MAP</option>
<option value="2">CP</option>
</select>
</div></td>
<td><input type="text" class="form-control whbg" value="123456"/ style="width:80px; white-space:nowrap;"></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country" class="demo-default select-country" id="select-country2" placeholder="Adult">
<option value="1">Inculded</option>
<option value="2">Extra</option>
</select>
</div>
<div class="form-group no-margin" style="width:80px; min-height:inherit !important;">
<select id="select-country" class="demo-default select-country" placeholder="Select">
<option value="1">5</option>
<option value="2">12</option>
<option value="3">18</option>
<option value="4">28</option>
</select>
</div>
</td>
<td><input type="text" class="form-control whbg" value="5000"/ style="width:80px; white-space:nowrap;"></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country2" class="demo-default select-country" id="select-country3" placeholder="Select">
<option value="1">%</option>
<option value="2">Fixed</option>
</select>
</div>
<input type="text" class="form-control whbg" value="500"/ style="width:80px; white-space:nowrap;">
</td>
<td><div class="form-group no-margin" style="width:80px; min-height:inherit !important;">
<select name="select-country3" class="demo-default select-country" id="select-country4" placeholder="Select">
<option value="1">5%</option>
<option value="2">18%</option>
</select>
</div></td>
<td><input type="text" class="form-control whbg" value="1500"/ style="width:80px; white-space:nowrap;"></td>
<td><a href="javascript:void(0);" class="quick-link-text addMinus">add room</a> </td>
</tr>
<tr class="addPlus" style=" display:none;">
<td>ABCD<br>
Luxury Garden View</td>
<td>2</td>
<td>3</td>
<td>2</td>
<td>MAP</td>
<td>123456</td>
<td>Inculded
<br>
12 </td>
<td>5000</td>
<td>Fixed
<br>
500 </td>
<td>18%</td>
<td>1500</td>
<td><a href="javascript:void(0);" class="quick-link-text">Edit</a> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td align="right" valign="middle" style="vertical-align:middle; font-size:16px;">Total </td>
<td colspan="3" align="right"><input type="text" name="placeholder2" class="form-control" placeholder="15000"></td>
</tr>
</table>
<div class="space-bottom"></div>
</div>
<div class="space-bot"></div>
<div class="col-md-12 no-padding" align="right"> <a href="javascript:void(0);" class="btn btn-warning dest-cov-btn" id="saveconti3" >Save & Continue</a></div>
<div class="space-bot"></div>
<div class="" id="saveconti3-tab" style="display:none;">
<div id="allairlines" class="tab-pane fade in active no-padding">
<div class="col-md-12 no-padding gallery1-outer">
<h5 class="no-margin-top"><strong>Title:</strong></h5>
<div class="gallery-sec no-adding-bot no-margin-bot">
<div class="col-md-12 no-padding gallery1-outer">
<div class="col-sm-2 "> <b>Hotel XYZ</b> <br />
<span class="small">Luxury</span> </div>
<div class="col-sm-2 "> Room <br />
<span class="graytxt">2</span><br />
</div>
<div class="col-sm-2 ">Check in <br />
<span class="graytxt">12/03/19</span>
<br />
</div>
<div class="col-sm-2 "> Check out<br />
<span class="small graytxt">18/03/19</span><br />
</div>
<div class="col-sm-3"> <strong><span class="fa fa-inr"></span> Total Price</strong><br />
<span class="graytxt small commissiontxt"><span class="fa fa-rupee"></span>1,2000</span><br />
</div>
<div class="col-sm-1 ">
<a href="#" class="quick-link-text">Edit</a>
</div>
</div>
<div class="clear"></div>
<div class="marg-top3"></div>
<div class="alert alert-warning no-margin-bot" style="padding-bottom:10px; padding-top:10px;"><a href="javascript:void(0);" class="quick-link-text" data-toggle="modal" data-target="#myModa1FlightDetail"> Accomodation Details <i class="fa fa-arrow-down"></i></a></div>
</div>
</div>
</div>
</div>
<div class="space-bot"></div>
<div class="space-bot"></div>
<div class="col-md-12 no-padding" align="right"> <a href="javascript:void(0);" class="btn btn-warning dest-cov-btn" id="addmore1">Add Items</a> </div>
</div>
<div class="panel-body table-responsivenew no-padding no-border no-padding" id="3rdparty-tab" style="display:none;">
<div class="panel-body table-responsivenew no-padding-left no-margin no-border">
<table class="table table-bordered no-margin">
<tr>
<th>Hotel Name </th>
<th>Ratings</th>
<th>RoomType</th>
<th>Meal Plan</th>
<th>Rooms</th>
<th>Adults</th>
<th>Adult Extra Bed</th>
<th>Cabin</th>
<th>CNB</th>
<th>Supplier</th>
<th>Rate</th>
<th>Mark Up</th>
<th>Action</th>
</tr>
<tr>
<td>Hotel name</td>
<td><span class="fa fa-star text-danger"></span><span class="fa fa-star text-danger"></span><span class="fa fa-star text-danger"></span></td>
<td>Luxury</td>
<td>MAP</td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country4" class="demo-default select-country" id="select-country5" placeholder="Adult">
<option value="1" selected>Luxury</option>
<option value="2">Standard</option>
</select>
</div></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country6" class="demo-default select-country" id="select-country7" placeholder="Adult">
<option value="1">Adult</option>
<option value="2">Child</option>
<option value="3">Infant</option>
</select>
</div></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country8" class="demo-default select-country" id="select-country9" placeholder="Adult">
<option value="1">2</option>
<option value="2">1</option>
<option value="3">1</option>
</select>
</div></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country3" class="demo-default select-country" id="select-country2" placeholder="Adult">
<option value="1">2</option>
<option value="2">1</option>
<option value="3">1</option>
</select>
</div></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country10" class="demo-default select-country" id="select-country10" placeholder="Adult">
<option value="1">2</option>
<option value="2">1</option>
<option value="3">1</option>
</select>
</div></td>
<td><a href="javascript:void(0);" class="quick-link-text">axyz</a></td>
<td><input type="text" class="form-control whbg" value="5000"/ style="width:80px; white-space:nowrap;"></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country2" class="demo-default select-country" id="select-country3" placeholder="Select">
<option value="1">18%</option>
<option value="2">28%</option>
</select>
</div></td>
<td><label class="checkbox" style="display:inline-table;"><input class="icheck-black" type="checkbox" id="checkRed4" value="option4" > Select</label> </td>
</tr>
<tr>
<td>Hotel name</td>
<td><span class="fa fa-star text-danger"></span><span class="fa fa-star text-danger"></span><span class="fa fa-star text-danger"></span></td>
<td>Luxury</td>
<td>MAP</td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country4" class="demo-default select-country" id="select-country5" placeholder="Adult">
<option value="1" selected>Luxury</option>
<option value="2">Standard</option>
</select>
</div></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country6" class="demo-default select-country" id="select-country7" placeholder="Adult">
<option value="1">Adult</option>
<option value="2">Child</option>
<option value="3">Infant</option>
</select>
</div></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country8" class="demo-default select-country" id="select-country9" placeholder="Adult">
<option value="1">2</option>
<option value="2">1</option>
<option value="3">1</option>
</select>
</div></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country3" class="demo-default select-country" id="select-country2" placeholder="Adult">
<option value="1">2</option>
<option value="2">1</option>
<option value="3">1</option>
</select>
</div></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country10" class="demo-default select-country" id="select-country10" placeholder="Adult">
<option value="1">2</option>
<option value="2">1</option>
<option value="3">1</option>
</select>
</div></td>
<td><a href="javascript:void(0);" class="quick-link-text">axyz</a></td>
<td><input type="text" class="form-control whbg" value="5000"/ style="width:80px; white-space:nowrap;"></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country2" class="demo-default select-country" id="select-country3" placeholder="Select">
<option value="1">18%</option>
<option value="2">28%</option>
</select>
</div></td>
<td><label class="checkbox" style="display:inline-table;"><input class="icheck-black" type="checkbox" id="checkRed4" value="option4" > Select</label> </td>
</tr>
<tr>
<td>Hotel name</td>
<td><span class="fa fa-star text-danger"></span><span class="fa fa-star text-danger"></span><span class="fa fa-star text-danger"></span></td>
<td>Luxury</td>
<td>MAP</td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country4" class="demo-default select-country" id="select-country5" placeholder="Adult">
<option value="1" selected>Luxury</option>
<option value="2">Standard</option>
</select>
</div></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country6" class="demo-default select-country" id="select-country7" placeholder="Adult">
<option value="1">Adult</option>
<option value="2">Child</option>
<option value="3">Infant</option>
</select>
</div></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country8" class="demo-default select-country" id="select-country9" placeholder="Adult">
<option value="1">2</option>
<option value="2">1</option>
<option value="3">1</option>
</select>
</div></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country3" class="demo-default select-country" id="select-country2" placeholder="Adult">
<option value="1">2</option>
<option value="2">1</option>
<option value="3">1</option>
</select>
</div></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country10" class="demo-default select-country" id="select-country10" placeholder="Adult">
<option value="1">2</option>
<option value="2">1</option>
<option value="3">1</option>
</select>
</div></td>
<td><a href="javascript:void(0);" class="quick-link-text">axyz</a></td>
<td><input type="text" class="form-control whbg" value="5000"/ style="width:80px; white-space:nowrap;"></td>
<td><div class="form-group no-margin" style="width:100px; min-height:inherit !important;">
<select name="select-country2" class="demo-default select-country" id="select-country3" placeholder="Select">
<option value="1">18%</option>
<option value="2">28%</option>
</select>
</div></td>
<td><label class="checkbox" style="display:inline-table;"><input class="icheck-black" type="checkbox" id="checkRed4" value="option4" > Select</label> </td>
</tr>
</table>
<div class="space-bottom"></div>
</div>
<div class="space-bot"></div>
<div class="col-md-12 no-padding" align="right"> <a href="javascript:void(0);" class="btn btn-warning dest-cov-btn" id="saveconti5" >Save & Continue</a></div>
<div class="space-bot"></div>
<div class="" id="saveconti5-tab" style="display:none;">
<div id="allairlines" class="tab-pane fade in active no-padding">
<div class="col-md-12 no-padding gallery1-outer">
<h5 class="no-margin-top"><strong>Title:</strong></h5>
<div class="gallery-sec no-adding-bot no-margin-bot">
<div class="col-md-12 no-padding gallery1-outer">
<div class="col-sm-2 "> <b>Hotel XYZ</b> <br />
<span class="small">Luxury</span> </div>
<div class="col-sm-2 "> Room <br />
<span class="graytxt">2</span><br />
</div>
<div class="col-sm-2 ">Check in <br />
<span class="graytxt">12/03/19</span>
<br />
</div>
<div class="col-sm-2 "> Check out<br />
<span class="small graytxt">18/03/19</span><br />
</div>
<div class="col-sm-3"> <strong><span class="fa fa-inr"></span> Total Price</strong><br />
<span class="graytxt small commissiontxt"><span class="fa fa-rupee"></span>1,2000</span><br />
</div>
<div class="col-sm-1 ">
<a href="#" class="quick-link-text">Edit</a>
</div>
</div>
<div class="clear"></div>
<div class="marg-top3"></div>
<div class="alert alert-warning no-margin-bot" style="padding-bottom:10px; padding-top:10px;"><a href="javascript:void(0);" class="quick-link-text" data-toggle="modal" data-target="#myModa1FlightDetail"> Accomodation Details <i class="fa fa-arrow-down"></i></a></div>
</div>
</div>
</div>
</div>
<div class="space-bot"></div>
<div class="space-bot"></div>
<div class="col-md-12 no-padding" align="right"> <a href="javascript:void(0);" class="btn btn-warning dest-cov-btn" id="addmore1">Add Items</a> </div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="col-md-12" id="activitysightseeing-tab" style="display:none;"> Activity/Sightseeing </div>
<div class="col-md-12" id="guide-tab" style="display:none;"> Guide </div>
<div class="col-md-12" id="misc-tab" style="display:none;"> Misc. </div>
<div class="col-md-12" id="cruise-tab" style="display:none;"> Cruise </div>
</div>
<div class="day-count-quick" id="itemwisemark-tab" style="display:none">
<h3><strong>Build Own with item wise Mark Up</strong></h3>
<div class="clear"></div>
</div>
<div class="day-count-quick" id="singlemarkup-tab" style="display:none">
<h3><strong>Build own with Single mark Up</strong></h3>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="clear"> </div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"> </div>
</div>
<!-- Main Content Element End-->
</div>
</div>
</div>
<section class="" id="footer"><a href="http://aimmate.com" target="_blank">© TripsBank 2016</a></section>
</section>
<!--Page main section end -->
<!--Right hidden section start-->
<section id="right-wrapper">
<!--Right hidden section close icon start-->
<div class="close-right-wrapper"> <a href="javascript:void(0)"><i class="fa fa-times"></i></a> </div>
<!--Right hidden section close icon end-->
<!--Tab navigation start-->
<ul class="nav nav-tabs" id="setting-tab">
<li class="active"><a href="#chatTab" data-toggle="tab"><i class="fa fa-comment-o"></i> Chat</a></li>
</ul>
<!--Tab navigation end -->
<!--Tab content start-->
<div class="tab-content">
<div class="tab-pane active" id="chatTab">
<div class="nano">
<div class="nano-content">
<div class="chat-group chat-group-fav">
<h3 class="ls-header">Favorites</h3>
<a href="javascript:void(0)"> <span class="user-status is-online"></span> Catherine J. Watkins <span class="badge badge-lightBlue">1</span> </a> <a href="javascript:void(0)"> <span class="user-status is-idle"></span> Fernando G. Olson </a> <a href="javascript:void(0)"> <span class="user-status is-busy"></span> Susan J. Best </a> <a href="javascript:void(0)"> <span class="user-status is-offline"></span> Brandon S. Young </a> </div>
<div class="chat-group chat-group-coll">
<h3 class="ls-header">Colleagues</h3>
<a href="javascript:void(0)"> <span class="user-status is-offline"></span> Brandon S. Young </a> <a href="javascript:void(0)"> <span class="user-status is-idle"></span> Fernando G. Olson </a> <a href="javascript:void(0)"> <span class="user-status is-online"></span> Catherine J. Watkins <span class="badge badge-lightBlue">3</span> </a> <a href="javascript:void(0)"> <span class="user-status is-busy"></span> Susan J. Best </a> </div>
<div class="chat-group chat-group-social">
<h3 class="ls-header">Social</h3>
<a href="javascript:void(0)"> <span class="user-status is-online"></span> Catherine J. Watkins <span class="badge badge-lightBlue">5</span> </a> <a href="javascript:void(0)"> <span class="user-status is-busy"></span> Susan J. Best </a> </div>
</div>
</div>
<div class="chat-box">
<div class="chat-box-header">
<h5> <span class="user-status is-online"></span> Catherine J. Watkins </h5>
</div>
<div class="chat-box-content">
<div class="nano nano-chat">
<div class="nano-content">
<ul>
<li> <span class="user">Catherine</span>
<p>Are you here?</p>
<span class="time">10:10</span> </li>
<li> <span class="user">Catherine</span>
<p>Whohoo!</p>
<span class="time">10:12</span> </li>
<li> <span class="user">Catherine</span>
<p>This message is pre-queued.</p>
<span class="time">10:15</span> </li>
<li> <span class="user">Catherine</span>
<p>Do you like it?</p>
<span class="time">10:20</span> </li>
<li> <span class="user">Catherine</span>
<p>This message is pre-queued.</p>
<span class="time">11:00</span> </li>
<li> <span class="user">Catherine</span>
<p>Hi, you there ?</p>
<span class="time">12:00</span> </li>
</ul>
</div>
</div>
</div>
</div>
<div class="chat-write">
<textarea class="form-control autogrow" placeholder="Type your message"></textarea>
</div>
</div>
</div>
<!--Tab content -->
</section>
<!--Right hidden section end -->
<div id="change-color">
<div id="change-color-control"> <a href="javascript:void(0)"><i class="fa fa-magic"></i></a> </div>
<div class="change-color-box">
<ul>
<li class="default active"></li>
<li class="red-color"></li>
<li class="blue-color"></li>
<li class="light-green-color"></li>
<li class="black-color"></li>
<li class="deep-blue-color"></li>
</ul>
</div>
</div>
</section>
<!--Layout Script start -->
<script type="text/javascript" src="assets/js/color.js"></script>
<script type="text/javascript" src="assets/js/lib/jquery-1.11.min.js"></script>
<script src="assets/js/lib/jqueryui.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/multipleAccordion.js"></script>
<script>
$(document).ready( () => {
$('.minus-button').click( (e) => {
const currentInput = $(e.currentTarget).parent().prev()[0];
let minusInputValue = $(currentInput).html();
minusInputValue --;
$(currentInput).html(minusInputValue);
});
$('.plus-button').click( (e) => {
const currentInput = $(e.currentTarget).parent().prev()[0];
let plusInputValue = $(currentInput).html();
plusInputValue ++;
$(currentInput).html(plusInputValue);
});
});
</script>
<!--Sortable Library Script Start-->
<script src="assets/js/jquery-sortable.js"></script>
<!--Sortable Library Script end-->
<script src="assets/js/pages/dragAndDrop.js"></script>
<!--easing Library Script Start -->
<script src="assets/js/lib/jquery.easing.js"></script>
<!--easing Library Script End -->
<!--Nano Scroll Script Start -->
<script src="assets/js/jquery.nanoscroller.min.js"></script>
<!--Nano Scroll Script End -->
<!--switchery Script Start -->
<script src="assets/js/switchery.min.js"></script>
<!--switchery Script End -->
<!--bootstrap switch Button Script Start-->
<script src="assets/js/bootstrap-switch.js"></script>
<!--bootstrap switch Button Script End-->
<!--easypie Library Script Start -->
<script src="assets/js/jquery.easypiechart.min.js"></script>
<!--easypie Library Script Start -->
<!--bootstrap-progressbar Library script Start-->
<script src="assets/js/bootstrap-progressbar.min.js"></script>
<!--bootstrap-progressbar Library script End-->
<script type="text/javascript" src="assets/js/pages/layout.js"></script>
<!--Layout Script End -->
<!--loader Button Script Start-->
<script src="assets/js/loader/spin.js"></script>
<script src="assets/js/loader/ladda.js"></script>
<!--loader Button Script End-->
<script src="assets/js/pages/buttonSwitch.js"></script>
<!--selectize Library start-->
<script src="assets/js/selectize.min.js"></script>
<!--selectize Library End-->
<!--Select & Tag demo start-->
<script src="assets/js/pages/selectTag.js"></script>
<!--Select & Tag demo end-->
<!--Tooltip Bar Library Script Start -->
<script src="assets/js/jquery.toolbar.min.js"></script>
<!--Tooltip Bar Library Script End -->
<!-- MiniColors Library Script Start -->
<script src="assets/js/jquery.minicolors.min.js"></script>
<!-- MiniColors Library Script Start -->
<!-- Date & Time Picker Library Script Start -->
<script src="assets/js/jquery.datetimepicker.js"></script>
<!-- Date & Time Picker Library Script End -->
<!--Demo for Date, Time Color Picker Script Start -->
<script src="assets/js/pages/pickerTool.js"></script>
<!--Demo for Date, Time Color Picker Script End -->
<!-- Script For Icheck -->
<script src="assets/js/icheck.min.js"></script>
<!-- Script For Icheck -->
<!--Advance Radio and checkbox demo start-->
<script src="assets/js/pages/checkboxRadio.js"></script>
<!--Advance Radio and checkbox demo start-->
<!--Demo ui element Script Start -->
<script src="assets/js/pages/uiElements.js"></script>
<!--Demo ui element Script End -->
<!--Demo ui element Script Start -->
<script src="assets/js/pages/uiElements.js"></script>
<!--Demo ui element Script End -->
<script type="application/x-javascript">
$(".travelerbox").click(function(){
$(".roomBoxMain").toggle();
});
$(".edittxt").click(function(){
$(".editBoxContainer").show();
});
$(".submittxt, .canceltxt").click(function(){
$(".editBoxContainer").hide();
});
</script>
<script type="application/x-javascript">
$("#onWay").click(function(){
$("#onWay-tab").show();
});
$("#addmore").click(function(){
$("#addmore-tab").show();
});
$("#addmore1").click(function(){
$("#addmore-tab1").show();
});
$("#addmorerail").click(function(){
$("#addmorerail-tab").show();
});
$("#addmorecruise").click(function(){
$("#addmorecruise-tab").show();
});
$("#editdetals").click(function(){
$("#editdetals-tab").show();
});
$("#updateticket").click(function(){
$("#updateticket-tab").show();
});
$("#saveconti").click(function(){
$("#saveconti-tab").show();
});
$("#saveconti1").click(function(){
$("#saveconti1-tab").show();
});
$("#saveconti2").click(function(){
$("#saveconti2-tab").show();
});
$("#saveconti3").click(function(){
$("#saveconti3-tab").show();
});
$("#saveconti4").click(function(){
$("#saveconti4-tab").show();
});
$("#saveconti6").click(function(){
$("#saveconti6-tab").show();
});
$("#saveconti7").click(function(){
$("#saveconti7-tab").show();
});
$("#saveconti5").click(function(){
$("#saveconti5-tab").show();
});
$("#transport").click(function(){
$("#transport-tab").show();
$("#accomodation-tab").hide();
$("#activitysightseeing-tab").hide();
$("#guide-tab").hide();
$("#misc-tab").hide();
});
$("#accomodation ").click(function(){
$("#transport-tab").hide();
$("#accomodation-tab").show();
$("#activitysightseeing-tab").hide();
$("#guide-tab").hide();
$("#misc-tab").hide();
});
$("#activitysightseeing").click(function(){
$("#transport-tab").hide();
$("#accomodation-tab").hide();
$("#activitysightseeing-tab").show();
$("#guide-tab").hide();
$("#misc-tab").hide();
});
$("#guide").click(function(){
$("#transport-tab").hide();
$("#accomodation-tab").hide();
$("#activitysightseeing-tab").hide();
$("#guide-tab").show();
$("#misc-tab").hide();
});
$("#misc").click(function(){
$("#transport-tab").hide();
$("#accomodation-tab").hide();
$("#activitysightseeing-tab").hide();
$("#guide-tab").hide();
$("#misc-tab").show();
});
$("#flight").click(function(){
$("#flight-tab").show();
$("#bus-tab").hide();
$("#cab-tab").hide();
$("#car-tab").hide();
$("#cruise-tab").hide();
$("#rail-tab").hide();
});
$("#bus").click(function(){
$("#flight-tab").hide();
$("#bus-tab").show();
$("#cab-tab").hide();
$("#car-tab").hide();
$("#cruise-tab").hide();
$("#rail-tab").hide();
});
$("#cab").click(function(){
$("#flight-tab").hide();
$("#bus-tab").hide();
$("#cab-tab").show();
$("#car-tab").hide();
$("#cruise-tab").hide();
$("#rail-tab").hide();
});
$("#car").click(function(){
$("#flight-tab").hide();
$("#bus-tab").hide();
$("#cab-tab").hide();
$("#car-tab").show();
$("#cruise-tab").hide();
$("#rail-tab").hide();
});
$("#cruise").click(function(){
$("#flight-tab").hide();
$("#bus-tab").hide();
$("#cab-tab").hide();
$("#car-tab").hide();
$("#cruise-tab").show();
$("#rail-tab").hide();
});
$("#rail").click(function(){
$("#flight-tab").hide();
$("#bus-tab").hide();
$("#cab-tab").hide();
$("#car-tab").hide();
$("#cruise-tab").hide();
$("#rail-tab").show();
});
$("#direc").click(function(){
$("#direc-tab").show();
$("#inventory-tab").hide();
});
$("#inventory").click(function(){
$("#direc-tab").hide();
$("#inventory-tab").show();
});
$("#singleday").click(function(){
$("#singleday-tab").show();
$("#multiday-tab").hide();
$("#point-tab").hide();
$("#route-tab").hide();
});
$("#multiday").click(function(){
$("#singleday-tab").hide();
$("#multiday-tab").show();
$("#point-tab").hide();
$("#route-tab").hide();
});
$("#point").click(function(){
$("#singleday-tab").hide();
$("#multiday-tab").hide();
$("#point-tab").show();
$("#route-tab").hide();
});
$("#route").click(function(){
$("#singleday-tab").hide();
$("#multiday-tab").hide();
$("#point-tab").hide();
$("#route-tab").show();
});
$("#api").click(function(){
$("#api-tab").show();
$("#3rdparty-tab").hide();
});
$("#3rdparty").click(function(){
$("#api-tab").hide();
$("#3rdparty-tab").show();
});
$("#build3rdparty").click(function(){
$("#build3rdparty-tab").show();
$("#itemwisemark-tab").hide();
$("#singlemarkup-tab").hide();
});
$("#itemwisemark").click(function(){
$("#build3rdparty-tab").hide();
$("#itemwisemark-tab").show();
$("#singlemarkup-tab").hide();
});
$("#singlemarkup").click(function(){
$("#build3rdparty-tab").hide();
$("#itemwisemark-tab").hide();
$("#singlemarkup-tab").show();
});
$("#cruisedeparture").click(function(){
$("#cruisedeparture-tab").show();
$("#cruisearrival-tab").hide();
});
$("#cruisearrival").click(function(){
$("#cruisedeparture-tab").hide();
$("#cruisearrival-tab").show();
});
</script>
<script>
$(".KidYes").click(function () {
$(this).toggleClass('KidYesActive');
//$(".femaleIcon").removeClass('femaleIconActive');
});
$(".KidNo").click(function () {
//$(".maleIcon").removeClass('maleIconActive');
$(this).toggleClass('KidNoActive');
//$(".femaleIcon").toggleClass('femaleIconActive');
});
$(".KidNA").click(function () {
$(this).toggleClass('KidNAActive');
//$(".Anniversary").removeClass('AnniversaryActive');
});
$(".Date").click(function () {
$(this).toggleClass('DateActive');
//$(".Anniversary").removeClass('AnniversaryActive');
});
$(".Date1").click(function () {
$(this).toggleClass('Date1Active');
//$(".Anniversary").removeClass('AnniversaryActive');
});
$(".Domestic").click(function () {
$(this).toggleClass('DomesticActive');
//$(".Anniversary").removeClass('AnniversaryActive');
});
$(".International").click(function () {
$(this).toggleClass('InternationalActive');
//$(".Anniversary").removeClass('AnniversaryActive');
});
$(".Birth").click(function () {
$(this).toggleClass('BirthActive');
//$(".Anniversary").removeClass('AnniversaryActive');
});
$(".Marriage").click(function () {
$(this).toggleClass('MarriageActive');
//$(".Anniversary").removeClass('AnniversaryActive');
});
$(".VEG").click(function () {
$(this).toggleClass('VEGActive');
//$(".Anniversary").removeClass('AnniversaryActive');
});
$(".NON-VEG").click(function () {
$(this).toggleClass('NON-VEGActive');
//$(".Anniversary").removeClass('AnniversaryActive');
});
$(".JAIN").click(function () {
$(this).toggleClass('JAINActive');
//$(".Anniversary").removeClass('AnniversaryActive');
});
$(".Age-group").click(function () {
$(this).toggleClass('Age-groupActive');
//$(".Anniversary").removeClass('AnniversaryActive');
});
$(".addMinus").click(function(){
$(".addPlus").show();
});
</script>
<script src="assets/js/jquery-scrolltofixed.js" type="text/javascript"></script>
<script type="text/javascript">
function fixDiv() {
if ($(window).scrollTop() > 100) {
$('.righContainerIn').css({'position': 'fixed', 'top': '90px', 'width': '170px', 'z-index': '999'});
$('.filterByScroll-tab').css({'position': 'fixed', 'top': '0px', 'width': '83.5%', 'z-index': '999'});
}
else {
$('.filterByScroll-tab').css({'position': 'static', 'width': '100%', 'top': '0' });
$('.righContainerIn').css({'position': 'static', 'width': '100%', 'top': '0'})
}
}
$(window).scroll(fixDiv);
$(document).ready(function() {
var summaries = $('.righContainerIn');
summaries.each(function(i) {
var summary = $(summaries[i]);
var next = summaries[i + 1];
summary.scrollToFixed({
marginTop: $('#tropical-banner').outerHeight(true) + 0,
limit: function() {
var limit = 0;
if (next) {
limit = $(next).offset().top - $(this).outerHeight(true) - 10;
} else {
limit = $('.related-tours').offset().top - $(this).outerHeight(true) - 10;
}
return limit;
},
zIndex: 999
});
});
});
</script>
<script type="text/javascript">
function showPriceBreakUp(that){
$("#PriceBreakUp").toggleClass( "collapse");
if($(that).find('i').hasClass('fa-plus')){
$(that).find('i').addClass("fa-minus").removeClass('fa-plus');
}else{
$(that).find('i').addClass("fa-plus").removeClass('fa-minus');
}
}
function showCancellation(that){
$("#cancellation-div").toggleClass("collapse");
if($(that).find('i').hasClass('fa-plus')){
$(that).find('i').addClass("fa-minus").removeClass('fa-plus');
}else{
$(that).find('i').addClass("fa-plus").removeClass('fa-minus');
}
}
</script>
</body>
</html>