﻿@charset "utf-8";
/* CSS Document */
  body{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-family:"Segoe UI"; font-size:12px; overflow-x:hidden; overflow-y:auto;}
 .FormBg{width:100%; background-color:#ecf2f6;}
.FormHead{ width:98%; margin:0px auto 0px auto;}
.FormHead h3{ color:#262525; border-bottom:1px solid #515050; font-family:"Segoe UI"; font-size:18px; padding:8px 0px 8px 0px; margin:0px 0px 0px 0px; font-weight:normal;}
.FormHead img{ vertical-align:middle; margin:0px 5px 0px 0px;}
.Form-ControlBg{ background-color:#fff; width:98%; margin:3px auto; padding:0px 3px 0px 3px; overflow-x:hidden!important; height:510px; overflow:auto;}
.FormGroupRow{width:100%; float:left; margin:1px 0px 1px 0px;}
.JobGroup{ width:15%; float:left; margin:0px 0.5% 0px 0px;}
.JobInfoDGroud{float:left; margin:0px 0.5% 0px 0px; width:8%;}
   .JobVesselGroup{ width:28%; float:left; margin:0px 0.5% 0px 0px;}
  .JobVoyageGroup{width:15%; float:left; margin:0px 0.5% 0px 0px;}
  .JobEmNGroup{width:15%; float:left; margin:0px 0.5% 0px 0px;}
  .JobEmDGroup{width:8%; float:left; margin:0px 0.5% 0px 0px;}
.JobEmSGroup{width:8%; float:left; margin:0px 0% 0px 0px;}
 .JobLoadPortG{width:18%; float:left; margin:0px 0.5% 0px 0px;}
.JobETDG{width:8%; float:left; margin:0px 0.5% 0px 0px;}
.JobDesinationG{ width:12%; float:left; margin:0px 0.5% 0px 0px;}
.JobETAG{ width:8%; float:left; margin:0px 0.5% 0px 0px;}
.JobShipMentDesiG{ width:12%; float:left; margin:0px 0.5% 0px 0px;}
.JobLineBookingG{ width:12%; float:left; margin:0px 0.5% 0px 0px;}
.JobMBLNumberG{width:15%; float:left; margin:0px 0.5% 0px 0px;}
.JobMBLStatusG{ width:11.5%; float:left; margin:0px 0px 0px 0px;}
 .JobMLOForGroup{ width:49.5%; float:left; margin:0px 0.5% 0px 0px;}
.JobAgentGroup{width:24.5%; float:left; margin:0px 0.5% 0px 0px;}
.JobCarrierGroup{width:25%; float:left;}
.JobContractGroup{ width:15%; float:left; margin:0px 0.5% 0px 0px;}
.JobRemarksGroup{width:84.5%; float:left; margin:0px 0px 0px 0px;}
.LabelWidth{ width:100%; color:#3e444d; font-size:12px; clear:left; margin:0px 0px 1px 0px;}
    .labelWidth span {font-size:12px;
    }
.ConsolRad{width:5%; float:left; margin:0px 0.5% 0px 0px;}
.LCLRad{width:4%; float:left; margin:0px 0.5% 0px 0px;}
.FCLRad{width:4%; float:left; margin:0px 0.5% 0px 0px;}
.MCCRad{width:4%; float:left; margin:0px 0.5% 0px 0px;}
.Buyerconsol{width:10%; float:left; margin:0px 0.5% 0px 0px;}
.ProfitShare{width:10%; float:left; margin:0px 0.5% 0px 0px;}
   .FieldInput{ width:100%; clear:left; margin:0px 0.5% 1px 0px;}
.LabelWidth a{color:#f02424; text-decoration:none;}
.LabelWidth a:hover{ color:#d14949; text-decoration:underline;}
  .Form-ControlBg h4{ color:#960f0f; font-size:14px; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; font-family:Tahoma, Geneva, sans-serif;}
input[type="radio"], input[type="checkbox"]{
	vertical-align:top;	
	}
 .Form-ControlBg label{ display:inline-block; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
 .NewThemeTbl{ width:100%; font-family:Tahoma, Geneva, sans-serif; border-collapse:collapse; border:1px solid #9fa7b5;}
.NewThemeTbl th{ background-color:#bac3d4; font-size:12px; border-right:1px solid #9fa7b5; color:#383a3e; padding:5px; font-family:Tahoma, Geneva, sans-serif;}
.NewThemeTbl td{  font-size:12px; border-right:1px solid #9fa7b5; color:#383a3e; padding:5px; font-family:Tahoma, Geneva, sans-serif;}
.NewThemeTbl tr.AltRow1{background-color:#d9e9f2;}
 .NewThemeTbl1{ width:100%; font-family:Tahoma, Geneva, sans-serif; border-collapse:collapse; border:0px solid #9fa7b5;}
.NewThemeTbl1 th{ background-color:#bac3d4; font-size:12px; border-right:1px solid #9fa7b5; color:#383a3e; padding:5px; font-family:Tahoma, Geneva, sans-serif;}
.NewThemeTbl1 td{  font-size:12px; border-right:1px solid #9fa7b5; color:#383a3e; padding:5px; font-family:Tahoma, Geneva, sans-serif;}
.NewThemeTbl1 tr.AltRow1{background-color:#d9e9f2;}
   .JobIconLeft{ float:left; width:70%;}
.JobIconRight{float:right; width:7.5%;}
  .JobconGroup{ float:left; width:25%; margin:0px 0.5% 0px 0px;}
 .JobUnitsGroup{ float:left;width:12%; margin:0px 0.5% 0px 0px;}
.JobSealGroup{ float:left; width:12%; margin:0px 0.5% 0px 0px;}
.JobPKGGroupd{ float:left; width:12%; margin:0px 0.5% 0px 0px;}
.JobWTGroup{float:left; width:25%; margin:0px 0.5% 0px 0px;}
.JobCROGroup{ float:left; width:8%; margin:0px 0.5% 0px 0px;}
.JobAddBtn{ float:right; width:2.5%; margin:17px 0px 5px 0px;}
 .JobBorder{ border-bottom:1px solid #b7bfc7; float:left; box-shadow: 2px 2px 2px #e5e8ef; width:100%;  margin:5px 0px 5px 0px;}
 input{ cursor:default;}
.LogIcon{ float:right; margin:6px -12px 0px;}
  /* Buy Rates CSS Styles Start */
.BuyCarrierGroup {
    width:49.5%;
    float:left;
    margin:0px 0.5% 0px 0px;
}
.BuyValidGroup {
    width:8%;
    float:left;
    margin:0px 0.5% 0px 0px;
}
.RateIDGroud {
    width:20%;
    float:left;
    margin:0px 0.5% 0px 0px;
}
 .LogIcon a {
     z-index: 2;
    border-radius: 0px;
}
 .LogIcon a {
    border: medium none;
line-height: normal;
color: #4e4e4c !important;
padding: 5px 0px 10px 28px;
 margin: 0px 0px 2px 10px;
font-size: 12px;
}
.LogIcon a.BuyLogicon {
    background: url(../../../Theme/newTheme/Icon/log_exclamation_ic.png) no-repeat left 0px; padding:0px 39px 16px 0px;
}
.BuyPlaceGroup {width:24.5%; float:left; margin:0px 0.5% 0px 0px;
}
.BuyPortGroup {width:24.5%; float:left; margin:0px 0.5% 0px 0px;
}
.BuyPortDisGroup {width:24.5%; float:left; margin:0px 0.5% 0px 0px;
}
.BuyPlaceDGroup {width:25%; float:left; margin:0px 0% 0px 0px 0px;
}
.BuyFreightGroup {width:15%; float:left; margin:0px 0.5% 0px 0px;
}
.BuyShipmentGroup {width:13.5%; float:left; margin:0px 0.5% 0px 0px;
}
.BuyDGCargoGroup {width:10%; float:left; margin:0px 0.5% 0px 0px;
}
.BuyBulkVolume{width:9.5%; float:left; margin:0px 0.5% 0px 0px;
}
.BuyComGroup {width:24.5%; float:left; margin:0px 0.5% 0px 0px;
}
.BuyRemarks {width:50%; float:left; margin:0px 0.5% 0px 0px;
}
.BuyROBGroup {width:24.5%; float:left; margin:0px 0.5% 0px 0px;
}
 .BuyChargesGroup {width:58%; float:left; margin:0px 0.5% 0px 0px;
}
.BuyCurrGroup {width:5%; float:left; margin:0px 0.5% 0px 0px;
}
.BuyRemarksGroup {width:100%; float:left; margin:0px 0% 0px 0px;
}
 .BuyRateGroup1 {width:8.5%; float:right; margin:0px 0% 0px 0px;
}
 .BuyRateGroup {width:13.5%; float:left; margin:0px 0.5% 0px 0px;
}
.BuyBaseGroup {width:13%; float:left; margin:0px 0px 0px 0px;
}
.MTOP {margin-top:20px; margin-left:10px;
}
.MT19 {margin-top:16px;
}
/* Buy Rates CSS Styles End */
 /* Quotation CSS Styles Start */
.QuotProductGroup {width:9%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotationGroup {width:6%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotDateGroup {width:8%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotValidGroup {width:7%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotPreparedGroup {width:17.5%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotCustomerGroup {width:49.5%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotCargoGroup1 {width:18.5%; float:left; margin:0px 0% 0px 0px;
}
.QuotHazaGroup {width:6%; float:left; margin:22px 0px 0px 8px;
}
     .QuotHazaGroup span {font-size:12px;
    }
   .QuotCargoGroup {width:23.5%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotPlaceGroup1 {width:12%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotPortLGroup {width:12%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotPortDGroup {width:12%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotPlaceGroup {width:12%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotSalesGroup {width:32.5%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotBrokrageGroup {width:16.5%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotFreightGroup {width:8.8%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotShipGroup{width:8.8%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotAgentGroup{width:30%; float:left; margin:-2px 0.5% 0px 25px;
}
     .QuotAgentGroup input {margin:5px 5px 0px 0px;
    }
   .QuotControlGroup{width:30%; float:left; margin:-1px 0% 0px 40px;
}
     .QuotControlGroup input {margin:4px 5px 0px 0px;
    }
   .QuotRemarks {width:100%; float:left; margin:0px 0px 0px 0px;
}
.QuotBuyRGroup{width:8%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotBuyRateGroup1 {width:91.5%; float:left; margin:0px 0% 0px 0px;
}
  .QuotChargesGroup {width:67%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotCurrGroup {width:8%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotRateGroup {width:10%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotBaseGroup {width:10%; float:left; margin:0px 0.5% 0px 0px;
}
.QuotCurrGroup input {text-align:right;
}
.QuotRateGroup input {text-align:right;
}
.MT20 {margin-top:20px!important;
}
.MArCtrl {margin:0px 0px 0px 0px!important;
}
 .LblTxtBlue {color:#396594!important;
}
 .AgentBox1 {border:1px solid #9fa7b5; width:31.3%; float:left; margin:18px 0px 0px 0px; padding:2px 0px 5px 0px; height:25px;
}
/* Quotation CSS Styles End */
  /* Booking CSS Styles Start */
.BookingQGroup {width:12%; float:left; margin:0px 0.5% 0px 0px;
}
.BookingDGroup {width:8%; float:left; margin:0px 0.5% 0px 0px;
}
.BookingValidTill {width:8%; float:left; margin:0px 0.5% 0px 0px;
}
.BookingPGroup {width:15%; float:left; margin:0px 0.5% 0px 0px;
}
.BuyRateGroup {width:20%; float:left; margin:0px 0.5% 0px 0px;
}
.BuyWidth1 {width:35%; float:left; margin:0px 0.5% 0px 0px;
}
.BuyWidth2 {width:64%; float:left; margin:0px 0.5% 0px 0px;
}
.BookingBGroup {width:40%; float:right; margin:0px 0.5% 0px 0px;
}
.BookingShipGroup {width:33%; float:left; margin:0px 0.5% 0px 0px;
}
.BookingLeft1 {width:74.5%; float:left; margin:0px 0.5% 0px 0px;
}
.BookingRight1 {width:25%; float:left; margin:0px 0px 0px 0px;
}
.BookingQuotGroup {width:32.5%; float:left; margin:0px 0.5% 0px 0px;
}
.BookingshipperMailID {width:90%; float:left; margin:0px 0.5% 0px 0px;
}
.ConsigneeMailID {width:90%; float:left; margin:0px 0.5% 0px 0px;
}
.OthersMailId {width:90%; float:left; margin:0px 0.5% 0px 0px;
}
.ShipperAddressGroup {width:49.5%; float:left; margin:0px 0.5% 0px 0px;
}
     .ShipperAddressGroup textarea {height:53px!important;
    }
  .ConsigneeAddressGroup {width:50%; float:left; margin:0px 0% 0px 0px;
}
     .ConsigneeAddressGroup textarea {height:53px!important;
    }
    .BookingDateGroup {float:right; width:29%; margin:17px 0.5% 0px 0px;
}
.BookingNoRightAlign {float:right; margin:0px 0px 0px 0px;
}
.BookingConsiGroup {width:33%; float:left; margin:0px 0.5% 0px 0px;
}
.MT23 {margin-top:23px!important;
}
.BookingPlaceOfGroup {width:49.5%; float:left; margin:0px 0.5% 0px 0px;
}
.BookingPortLoading {width:50%; float:left; margin:0px 0px 0px 0px;
}
.ShipperBoxLeft1 {width:66.5%; float:left; margin:0px 0.5% 0px 0px;
}
.ShipperBoxRight1 {width:32.5%; float:left; margin:0px 0px 0px 0px;
}
.BookingPortDischarge {width:49.5%; float:left; margin:0px 0.5% 0px 0px;
}
.BookingPortDischarge {width:49.5%; float:left; margin:0px 0.5% 0px 0px;
}
.BookingPlaceDelivery {width:50%; float:left; margin:0px 0px 0px 0px;
}
 .ShipmentGroup {width:49.5%; float:left; margin:0px 0.5% 0px 0px;
}
 .FreightGroup {width:50%; float:left; margin:0px 0px 0px 0px;
}
.CargoGroup {width:100%; float:left; margin:0px 0px 0px 0px;
}
.SearchShippGroup {width:100%; float:left; margin:0px 0px 0px 0px;
}
.SearchTextArea {width:100%; float:left; margin:0px 0px 0px 0px;
}
 .AgentBoxLeft {width:49.5%; float:left; margin:0px 0.5% 0px 0px;
}
.AgentBoxRight {width:50%; float:left; margin:0px 0px 0px 0px;
}
.AgentBoxGroup {width:100%; float:left; margin:0px 0px 0px 0px;
}
.MailIDGroup {width:100%; float:left; margin:0px 0.5% 0px 0px;
}
.AgentBoxRight textarea {height:70px!important;
}
.INCOGroup {float:left; width:10%; margin:0px 0.5% 0px 0px;
}
.ApproxLbl {float:left; width:67%; margin:19px 0.5% 0px 0px;
}
.ApproxGroup {float:right; margin:0px 0px 0px 0px;
}
.BookingVolume {float:left; margin:0px 0.5% 0px 0px; width:32%;
}
.CustomerCHKBox {float:left; margin:0px 0.5% 0px 0px; width:60%;
}
.SOPLabel {float:right; font-size:12px; margin:4px 0px 0px 0px; width:4%;
}
.CustomerCHKBox input {margin:5px 1.5% 0px 0px;
}
 .CustomerCHKBox label {display:inline-block; margin:3px 0px 0px 0px;
}
   .GridLeft1 {float:left; width:49.5%; margin:0px 0.5% 0px 0px;
}
.GridRight1 {float:left; width:50%; margin:0px 0px 0px 0px;
}
/* Booking CSS Styles End */
 /* Credit Request CSS Styles Start */
.CreditCustomerGroup {
    width: 30%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
.CreditPanGroup {
    width: 14%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}
.CreditClientGroup {
    width: 8.8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
.CreditCategoryGroup {
    width: 13%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}
.CreditRegGroup {
    width: 15%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}
.CreditDateGroup1 {
    width: 8%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}
.CreditdateGroup2 {
    width: 8.2%;
    margin: 0px;
    float: left;
}
.DocsRecdGroup{
    width: 44.4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
 .PersonContactGroup{
    width: 22.4%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
 .PhoneGroup {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
 .MobileGroup{
    width: 16.7%;
    float: left;
    margin: 0px 0px 0px 0px;
}
.EmailGroup {
    width: 67.2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
.AboutCustGroup {
    width: 32.3%;
    float: left;
    margin: 0px;
}
 .EmailGroup{
    width: 67.2%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
.AboutCustGroup {
    width: 32.3%;
    float: left;
    margin: 0px;
}
.VolumeGroup {
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
.VolumeTypeGroup {
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
.RevenueGroup  {
    width: 14%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
.CreditTypeGroup {
    width: 10.6%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
.CreditDayGroup  {
    width: 9%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
.CreditAmountGroup  {
    width: 13.1%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
.SalesGroup{
    width: 32.2%;
    float: left;
    margin: 0px 0% 0px 0px;
}
.CreditOwnerGroup {
    width: 33.1%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
.CreditBranchGroup {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
.CreditRemarksGroup {
    width: 49.8%;
    float: left;
    margin: 0px;
}
.CreditOwnerGroup{
    width: 33.1%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
  .CreditBranchGroup {
    width: 16%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
 .CreditRemarksGroup {
    width: 49.8%;
    float: left;
    margin: 0px;
}
.CreditTotalGroup {width:20%; float:left; margin:0px 0px 0px 0px;
}
/* Credit Request CSS Styles End*/
 /* Buying Rate Query CSS Style Start */
.BuyRatePortGroup {
    width: 29%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
.BuyRatePortDisGroup{
    width: 29%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
.BuyShipmentGroup{
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
.BuyRateBaseGroup  {
    width: 13%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
.BuyRadGroup {
    width:20%; float:left; margin:19px 0px 0px 5px;
}
.Expireradio 
    {
    width: 7%;
    float: left;
    margin: 0px 0.2% 0px 0.5%;
}
.LabelExpire {
    width: 20%;
    float: left;
    margin: 0px 0px 0px 0px;
}
.Liverad {
    width: 6%;
    float: left;
    margin: 0px 0.2% 0px 0px;
}
.LiveLabel {
    width: 11%;
    float: left;
    margin: 0px 0px 0px 0px;
}
.BothForm {
    width: 7%;
    float: left;
    margin: 0px 0.2% 0px 0px;
}
.Bothlabel {
    width: 16%;
    float: left;
    margin: 0px 0px 0px 0px;
}
.BuyRadGroup span {
    display:inline-block; margin:2px 0px 0px 0px; padding:0px 0px 0px;
}
.M14 {margin-top:14px!important;
}
/* Buying Rate Query CSS Style End */
 /* Customer Budget New CSS Styles Start */
.BudgetSalesGroup {
    width: 50.1%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
 .BudgetBranchGroup{
    width: 20.5%;
    float: left;
    margin: 0px;
}
 .BudgetMonthGroup {
    width: 15%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
 .BudgetYeargroup{
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
 .BudgetProductGroup{
    width: 24%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
 .BudgetUnitGroup{
    width: 8%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
 .BudgetTypeGroup{
    width: 12%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
 .BudgetRententionGroup{
    width: 25.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
 .BudgetCustomerGroup {
    width: 35%;
    margin: 0px 0.5% 0px 0px;
    float: left;
}
 .BudgetPortgroup{
    width: 20%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
 .BudgetUnitGroup1{
    width: 10%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
 .BudgetRententionGroup1 {
    width: 30.5%;
    float: left;
    margin: 0px 0.5% 0px 0px;
}
 .MTM {margin:18px 0px 0px 0px;
}
.MTSpace1 {margin:18px 0px 0px 0px;
}
.MTCtrl6 {margin-top:17px!important;
}
.MTCtrl24 {margin-top:24px!important;
}
  .GridHeightCtrl {height:315px; border:1px solid #9fa7b5;
}
/*Customer Budget New CSS Styles End */
 /* Quotation Multiport CSS Styles Start */
 .QuotationMultiGroup {
    width:100%;
    float:left; 
    margin:0px 0px 0px 0px;
 }
.MR5Ctrl {margin-right:0.5%!important;
}
.MRTopCtrl {margin-top:5px!important;
}
/* Quotation Multiport CSS Styles End */
 /* Booking CSS Styles Start */
 .BookingNoLBL {float:left; margin-right:0.5%;
}
 .GridHeight {width:100%; float:left; border:1px solid #9fa7b5; height:350px;
}
 /* Booking CSS Styles End */
 .Permissionctrl {float:left; width:49%; margin:0px 0.5% 0px 0px;
}
 .HouseLbl span {
    font-weight:bold;
}
 .Form-ControlBg .div_Month label {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 1px 0px 0px 10px;
}
.Form-ControlBg .LWFAll label {
    margin:1px 0px 0px 5px;
}
 .MARginCtrlW label {display:inline-block; margin:2px 0px 5px 5px;
}
.AcRad label {display:inline-block; margin:2px 0px 0px 5px;
}