/***************************** 	home tab      **************************/
body{
	background:url("../images/image_bg_login.jpg") no-repeat scroll 0 0;
	margin:0px;
	padding:0px;
	font-family: segoe ui;
	background-size: cover;
}
.login_background_lines{
	background:url("../images/bg_lines.png") no-repeat center center;
    height:421px;
    margin:10% auto 0;
    width: 100%;
}

.cmc_logo{
	background:url("../images/logo_cmc.png") no-repeat scroll 25px center;
    float: left;
    height: 60px;
    margin: 0 0 0 3%;
    width: 47%;
}

.bkngRefNo{
	font-weight: bolder;
	font-size: 15px !important;
	
	color: black !important;
	text-align: left !important;
}
.terminal-code-color{
      labelStyle : 'font-weight:bold;font-size:11px;font-color:white;',
}
.slotdisplay{
	font-weight: bold;
	font-size: 12px !important;
	
	color: black !important;
}

.winHeader{
	height:78px;
    margin:0px;
    width: 100%;
	background: url("../images/logo.jpg") no-repeat scroll 15px center,url("../images/logo_vbs_login.png") no-repeat scroll 460px center,
	url("../images/login_header_bg.png") repeat-x scroll;
	padding:0px;
	border: 0px;
	border-radius: 0px;
	margin: 0px !important;
}
#loginWinId {
    border: 0px;
    border-radius: 0px !important;
	background-color: transparent;
}
#loginWinId-body {
    border: 0px;
    background-color: #fff !important;
    opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}
#loginWinId-body.x-panel-default-framed{
border:0px;
background-color:#fff;
}

.x-window-header-default-top {
  padding: 0px 5px 0px 5px;
}
#loginWinId-body label{
	font-size:18px;
	font-weight:normal !important;
}
#cmcdisplayfield-1020-labelEl{
	color: #8f8f8f;
    font-size: 12px !important;
    text-align: right;
   
}
.x-panel-header-default-framed-top {
  padding: 0px 5px 0px 5px;
 }
.x-panel-body { background : #FFFFFF  !important; }
 
.readOnlyClsCmc{
	background:#FFF8C6 !important;	
	color: black;
	font: 8.5pt Arial,arial,verdana,sans-serif;
	margin: 0;
	font-style:normal;
	font-weight:700;
}
.x-field-focusClass {
    background:#ccffba !important
}
.ux-layout-center-item {
	margin:0 auto !important;
	text-align:left;
}
.ux-layout-center .x-panel-body, body.ux-layout-center {            
	text-align:center;
	}
.lookUpClass{
	background:#fdd6d6;
	font: 11px optima, helvetica, arial; 
}
/* .fontCls{
	font: 8.5pt Arial,arial,verdana,sans-serif;
	color: black;
	font-style:normal;
	font-weight:700;
} */
.clear {
	background-image:url(../images/clear_icon.png) !important;
}
.retrieve {
	background-image:url(../images/icon_retrieve.png) !important;
}
.add {
	background-image:url(../images/icon_add.png) !important;
}
.add_arrow{
	background:url("../images/icon_left_arrow_active.png") no-repeat 5px center,url("../images/icon_add.png") no-repeat 95px center !important;
	width:120px !important;
}
.remove_arrow{
	background:url("../images/icon_remove.png") no-repeat 3px center,url("../images/icon_arrow_right_active.png") no-repeat 95px center !important;
	width:120px !important;
}
.delete {
	background-image:url(../images/icon_remove.png) !important;
}
.notification {
	background-image:url(../images/notification.png) !important;
}
.unmarkedDelete {
	background-image:url(../images/unmarked.png) !important;
}
.save{
	background-image:url(../images/icon_save.png) !important;
}
.saveTop{
	background-image:url(../images/icon_save.png) !important;
}
.saveBottom{
	background-image:url(../images/icon_save.png) !important;
}
.sampleIcon{
	background-image:url(../images/SampleIcon.png) !important;
}
.user{
	background-image:url(../images/user.png) !important;
}
.login{
	background-image:url(../images/login.png) !important;
}
.changePwd{
	background-image:url(../images/changepwd.png) !important;
}
.logout{
	background-image:url(../images/exit.png) !important;
}
.delMarkedCol{
	background:#FF0000 !important;
}
.retrieveIcon{
	background-image:url(../images/retrieve.png) !important;
}
.closeWin{
	background-image:url(../images/icon_clear.png) !important;
}
.subStartMenu{
	background-image:url(../images/cog_start.png) !important;
}
.voyageMoniteringMenu{
	background-image:url(../images/voyagemonetring.png) !important;
}
.cdlMenu{
	background-image:url(../images/consolidateddischargelist.png) !important;
}
.cllMenu{
	background-image:url(../images/consolidatedloadlist.png) !important;
}
.container_List_Menu{
	background-image:url(../images/containerlist.png) !important;
}
.container_History_Menu{
	background-image:url(../images/cntr_history.png) !important;
}
.cntr_Srvc_Rcrdng_Menu{
	background-image:url(../images/cntr_srvc_rcrdng.png) !important;
}
.edit{
	background-image:url(../images/icon_edit.png) !important;
}
.read_only{
	background-image:url(../images/readonly.png) !important;
}
.remove{
	background-image:url(../images/remove.png) !important;
}
.clear_all{
	background-image:url(../images/clear_all.png) !important;
}
.check_all{
	background-image:url(../images/check_all.png) !important;
}
.create_bkng{
	background-image:url(../images/create.png) !important;
}
.create_cntr{
	background-image:url(../images/create_cntr.png) !important;
}
.vsl_wrk_cmpltnMenu{
	background-image:url(../images/vsl_wk_cmpltn.png) !important;
}
.cancel_cntr_exit{
	background-image:url(../images/cancel_cntr_exit.png) !important;
}
.cancel_cntr_entry{
	background-image:url(../images/cancel_cntr_entry.png) !important;
}
.add_new{
	background-image:url(../images/add_new.png) !important;
}
.change_vsl_via{
	background-image:url(../images/change_vsl_via.png) !important;
}
.cntr_dmg_rcrdng{
	background-image:url(../images/damage_recording.png) !important;
}
.container{
	background-image:url(../images/container.png) !important;
}
.custm_clear{
	background-image:url(../images/custom_clear.png) !important;
}
.dlvr_rqst_form{
	background-image:url(../images/dlvr_rqst_form.png) !important;
} 
.applctn_brthing_menu{
	background-image:url(../images/apctn_for_brthing.png) !important;
} 
.vyge_to_port_rttn_menu{
	background-image:url(../images/voyage_prt_rttn_menu.png) !important;
}
.dtl_ctr_list_menu{
	background-image:url(../images/voyage_prt_rttn_menu.png) !important;
} 
.next{
	background-image:url(../images/arrow_right.png) !important;
}
.previous{
	background-image:url(../images/arrow_.png) !important;
}
.referesh{
	background-image:url(../images/cog_start.png) !important;
} 
.arrvl_dprture{
	background-image:url(../images/arvl_dprtre.png) !important;
}
.change_seal_no{
	background-image:url(../images/change.png) !important;
}
.change_cntr_no{
	background-image:url(../images/change_cntr_no.png) !important;
}
.via_generation_menu{
	background-image:url(../images/via_gnrtn.png) !important;
}
.marine_closure{
	background-image:url(../images/marine_closure.png) !important;
}
.berthing_unberthing{
	background-image:url(../images/brthing_unbrthing.png) !important;
}
.chnge_bse_sts_imprt_cntr{
	background-image:url(../images/chng_bse_sts_imprt_cntr.png) !important;
}
.rcrdng_hld_sts{
	background-image:url(../images/rcrding_hld_sts.jpg) !important;
}
.chnge_vsl_exprt_cntr{
	background-image:url(../images/chnge_vsl_exprt_cntr.png) !important;
}
.rmvl_status{
	background-image:url(../images/rmvl_sts.png) !important;
}
.mark_complete{
	background-image:url(../images/mark_cmplt.png) !important;
}
.oprn_mark_complete{
	background-image:url(../images/oprn_mrk_cmplt.png) !important;
}
.oprn_unmark{
	background-image:url(../images/oprn_unmark.png) !important;
}
.transhpmnt_apprvl{
	background-image:url(../images/transhpmnt_apprvl.png) !important;
}
.bck_to_town_idntfctn{
	background-image:url(../images/bck_to_twn_cntr_idnt.png) !important;
}
.masters_menu{
	background-image:url(../images/masters.png) !important;
}
.spcial_agrmnt{
	background-image:url(../images/spcial_agrmnt.png) !important;
}
.cnsrtm_mstr{
	background-image:url(../images/cnsrtm_mstr.png) !important;
}
.party_mstr{
	background-image:url(../images/party_mstr.png) !important;
}
.invoice_menu{
	background-image:url(../images/invoice_menu.png) !important;
}
.pdfTop{
	background-image:url(../images/icon_pdf.png) !important;
}
.pdfBottom{
	background-image:url(../images/icon_pdf.png) !important;
}
.excelTop{
	background-image:url(../images/application_view_list.png) !important;
}
.excelBottom{
	background-image:url(../images/application_view_list.png) !important;
}
.csvTop{
	background-image:url(../images/csv.png) !important;
}
.csvBottom{
	background-image:url(../images/csv.png) !important;
}
.export_cstm_clear{
	background-image:url(../images/export_custom_clear.png) !important;
}
.primaryFlg{
	background-image:url(../images/flag_green.png) !important;
}
.gate_oprtns{
	background-image:url(../images/gate_oprtns.png) !important;
}
.reports{
	background-image:url(../images/reports.png) !important;
}
.change_cntr_no_after_entry{
	background-image:url(../images/change_cntr_no_aftr_entry.png) !important;
}
.remove_button{
	background-image:url(../images/remove_btn.png) !important;
}
.view_bckup_button{
	background-image:url(../images/view_bckup_btn.png) !important;
}
.generate_button{
	background-image:url(../images/icon_generate.png) !important;
}
.composit_button{
	background-image:url(../images/cmpsit_btn.png) !important;
}
.view_bckup_button2{
	background-image:url(../images/view_bckup_btn2.png) !important;
}
.copy_invc_button{
	background-image:url(../images/copy_invc_btn.png) !important;
}
.copy_agmt_button{
	background-image:url(../images/copy_agmt_btn.png) !important;
}
.srvc_trf_edtr_win{
	background-image:url(../images/srvc_trf_edtr_win.png) !important;
}
.generate_btn{
	background-image:url(../images/generate.png) !important;
}
.refreh_btn{
	background-image:url(../images/icon_refresh.png) !important;
}
.run_interface_btn{
	background-image:url(../images/run.png) !important;
}
.upload{
	background-image:url(../images/upload.png) !important;
}
.Download{
	background-image:url(../images/Download.png) !important;
}
.resend{
	background-image:url(../images/resend.png) !important;
}
.cancel{
	background-image:url(../images/cancel.png) !important;
}
.delete_session{
	background-image:url(../images/delete_session.png) !important;
}
.copy_icon{
	background-image:url(../images/copy.png) !important;
}
.new_function{
	background-image:url(../images/new_func.png) !important;
}
.view_permissions{
	background-image:url(../images/view_prmsn.png) !important;
}
.edit_modules_funcs{
	background-image:url(../images/edit_mod_func.png) !important;
}
.re_upload{
	background-image:url(../images/re_upload.png) !important;
}
.re_send{
	background-image:url(../images/re_send.png) !important;
}
.show_errors{
	background-image:url(../images/show_errors.png) !important;
}
.view{
	background-image:url(../images/view.png) !important;
}
.open_icon{
	background-image:url(../images/open.png) !important;
}
.mail_icon{
	background-image:url(../images/email.png) !important;
}
.en_mass_update_icon{
	background-image:url(../images/update.png) !important;
}
.batch_delay_recording{
	background-image:url(../images/batch_delay_recording.png) !important;
}
.search_icon{
	background-image:url(../images/search.png) !important;
}
.replace_icon{
	background-image:url(../images/replace.png) !important;
}
.searchAndReplace_icon{
	background-image:url(../images/searchAndReplace.png) !important;
}
.bulk_updates{
	background-image:url(../images/bulk_updates.png) !important;
}
.wagon_asstn_win{
	background-image:url(../images/wagon_asstn.png) !important;
}
.rail_reg_win{
	background-image:url(../images/rail_reg.png) !important;
}
.generate_lctn{
	background-image:url(../images/generate_lcn.png) !important;
}
.printer_icon{
	background-image:url(../images/printer1.png) !important;
}
.rail_incmg_otgng_excel_icon{
	background-image:url(../images/rail_excel.png) !important;
}
.incmg_rail_icon{
	background-image:url(../images/rail_incmng_ougng.png) !important;
}
.chnge_of_rail_icon{
	background-image:url(../images/change_of_rail.png) !important;
}
.outgng_rail_icon{
	background-image:url(../images/outgoing_rail.png) !important;
}
.rail_incmg_outgng_dtls_icon{
	background-image:url(../images/rail_in_out.png) !important;
}
.gate_monitoring_icon{
	background-image:url(../images/gate_mntrng.png) !important;
}
.update_pod_icon{
	background-image:url(../images/update_pod.png) !important;
}
.update_Coa_icon{
	background-image:url(../images/Update_Coaa.png) !important;
}
.export_bookin_icon{
	background-image:url(../images/export_bkng.png) !important;
}
.resolver12{
	background-image:url(../images/resolver12.png) !important;
}
.home_icon{
	background-image:url(../images/icon_home.png) !important;
}d
.action{
	background-image:url(../images/action.png) !important;
}
.oprtnMrkCmpte{
	background-image:url(../images/oprtnMarkCmplte.png) !important;
}
.oprtnUnmrkCmpte{
	background-image:url(../images/oprtnUnmrkCmplt.png) !important;
}
.pndngSrvcs{
	background-image:url(../images/pndngSrvcs.png) !important;
}
.unmrkCmplte{
	background-image:url(../images/unmrkCmplte.png) !important;
} 
.change_vcn_Icon{
	background-image:url(../images/change_vcn.png) !important;
}
.Save-Grid-state{
	background-image:url(../images/Save-_Grid_-state.png) !important;
}
.reset-Grid-state{
	background-image:url(../images/Reset_-Grid_-state.png) !important;
}
.voyageRequestApproved{
background:#00FF00 !important;
}
.voyageRequestRejected{
background:#FF0000 !important;
}
.voyageRequestSubmitted{
background:#FF8000 !important;
}
.voyageOnHold{
background:#E4287C !important; 
}
.voyageDeleted{
background:#848484 !important;
}
.vesselNotArrivedBgColor{
background:#9E7BFF !important;
}
.vesselDepartedBgColor{
background:#E9AB17 !important;
}
.vesselBerthedBgColor{
background:#F781F3 !important;
}
.vesselArrivedBgColor{
background:#00FFFF !important;
}
.ctrSuccessBgColor{
background:#008000 !important;
}
.ctrUnSuccessBgColor{
background:#ff0000 !important;
}
/**
	**Following Custom CSS is used to Change broswer Default fong and Font size
	**this is used for Master CSS to Coustomizs our All alignment and message for developement purpose
	**It expects to return all user Defined Font and Size at Their Requirement.
	**This will effect all Browser and Give Our own defined color and Style
**/
/* .h1, .h2, .h3, .h4, .h5, .h6 {
 margin: 0;
 padding: 0; 
 font-family: Arial, Arial, sans-serif;
 font: 8.5pt Arial,arial,verdana,sans-serif;
 font-style:normal;
 font-weight:700;
 }
.p, .th, .td, .li, .dd, .dt, .ul, .ol, .blockquote, .q, .acronym, .abbr, .a, .input, .select, .textarea {
 margin: 0;
 padding: 0;
 font: 8.5pt Arial,arial,verdana,sans-serif;
 font-style:normal;
 font-weight:700;
 }
 html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font: 8.5pt Arial,arial,verdana,sans-serif;font-style:normal;font-weight:200;}table{border-collapse:collapse;border-spacing:0;font-style:normal;font-weight:700;}
 
.x-form-item-label{display:block;padding:0px 0 0;font-size:8.5pt;user-select:none;-o-user-select:none;-ms-user-select:none;-moz-user-select:-moz-none;-webkit-user-select:none;cursor:default;font-style:normal;font-weight:200;}

.x-form-item{font:normal 8.5pt Arial,arial,verdana,sans-serif;font-style:normal;font-weight:700;} 

.x-toolbar .x-form-item-label{font-size:8.5pt;line-height:15px;font-style:normal;font-weight:700;}.x-toolbar .x-toolbar-item{margin:0 2px 0 0}.x-toolbar .x-toolbar-text{margin-left:4px;margin-right:6px;white-space:nowrap;color:#4c4c4c;line-height:16px;font-family:Arial,arial,verdana,sans-serif;font-size:8.5pt;font-weight:normal;font-style:normal;font-weight:700;}

.x-form-item {
font: normal 8.5pt Arial,arial,verdana,sans-serif;
font-style:normal;
font-weight:700;
}
.x-panel-body {
font-size: 8.5pt;
font-style:normal;
font-weight:700;
}

.x-body {
color: #157FCC;
font-size: 8.5pt;
font-family: Arial,arial,verdana,sans-serif;
font-style:normal;
font-weight:700;
} */
/**
	**Following Custom CSS is used to reflect Dirty field of grid
	**This will Show bulleted Red Color Icon and Change in Grid
	**There is also Yellow colour Background will be appear while any change happen in Grid.
	**This will give Extra Attension to user of all change field.
**/	
.custom-dirty .x-grid-dirty-cell { 
    background-color: #ffa; 
    background-image: url(../images/bullet_red.png); 
    background-position: right center; 
    color: #090; 
}
  
/**
	**Following Custom CSS is used to give Check column field of grid
	**If there is any grid Where we have to give only Check Column this will very helpful
	**There is also we can provied our Own icon od Check and Unchecked for Column.
	**This will give good customization of field of Grid .
**/	
 .x-grid-checkheader {
    height: 14px;
    background-image: url(../images/unchecked.gif);
    background-position: 50% -2px;
    background-repeat: no-repeat;
    background-color: transparent;
}

.x-grid-checkheader-checked {
    background-image: url(../images/checked1.gif);
}

.x-grid-checkheader-editor .x-form-cb-wrap {
    text-align: center;
}

.dead-row .x-grid-cell { 
    background-color: #ffe2e2; 
    color: #900; 
} 
.general-rule .x-grid-row-checker {
	background-color: gray !important;
    left: -9999px !important;
    position: relative;
}

.x-btn-default-small .x-btn-inner {
    background-repeat: no-repeat;
    color: #fff;
    font-family: segoe ui;
    font-size: 8.5pt;
	font-style:normal;
    font-weight: 700;
    padding: 0 4px;
}  /* The above code is uncommented, because without these code, 
	  check box are not visible into the columns of the grid if used. 
	  Ex. Tariff Master screen, Slab & Cmltv flag columns in the grid. */

/*********************Grid Check Box *********************/
/*********************Beginning modification of class for disabled fields in form*********************/
/**
	**Following classes have been picked up from ext-all.css and the value of opacity has been modified from 30 to 90 and from 0.3 to 0.9
**/
.x-item-disabled .x-form-item-label,
.x-item-disabled .x-form-field,
.x-item-disabled .x-form-cb-label {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8; 
}
/*Following has been added to allow a background color appear for disabled textfields, comboboxes, datetimefields*/
.x-item-disabled input[type='text']{
	background:#fff8aa !important;
}
.x-item-disabled input[type='password']{
	background:#fff8aa !important;
}
/*********************Ending modification of class for disabled fields in form*********************/ 

/*************ADDED BY SANKAR*******************************/

/* Toolbars */
.toolbar-button-color { 
	/*background-color: #157FCC;*/
	background-color: #fff;
}
.customer-logo {
  background: url(../images/TCS-logo.png) #001d4d no-repeat center center; height: 30px; width: 143px; position: relative; margin: 0px;
  top:0px !important;
  border-right: 2px solid #293454;
}

.vbsrcpttruck1-logo {
  background: url(../images/rt.png) no-repeat center center; height: 100px; width: 310px; position: relative; margin: 0px autono-repeat 2px 8.5pt;
}
.vbsrcpttruck2-logo {
  background: url(../images/rt1.png) no-repeat center center; height: 100px; width: 310px; position: relative; margin: 0px autono-repeat 2px 8.5pt;
}  

.vbsrcpttruck3-logo {
  background: url(../images/rt2.png) no-repeat center center; height: 100px; width: 310px; position: relative; margin: 0px autono-repeat 2px 8.5pt;
}

.vbsrcpttruck4-logo {
  background: url(../images/rt3.png) no-repeat center center; height: 100px; width: 310px; position: relative; margin: 0px autono-repeat 2px 8.5pt;
} 

.vbsrcpttruck5-logo {
  background: url(../images/rt4.png) no-repeat center center; height: 100px; width: 310px; position: relative; margin: 0px autono-repeat 2px 8.5pt;
}   

.vbsdlvrytruck1-logo {
  background: url(../images/dt.png) no-repeat center center; height: 100px; width: 310px; position: relative; margin: 0px autono-repeat 2px 8.5pt;
}

.vbsdlvrytruck2-logo {
  background: url(../images/dt1.png) no-repeat center center; height: 100px; width: 310px; position: relative; margin: 0px autono-repeat 2px 8.5pt;
}

.vbsdlvrytruck3-logo {
  background: url(../images/dt2.png) no-repeat center center; height: 100px; width: 310px; position: relative; margin: 0px autono-repeat 2px 8.5pt;
}

.vbsdlvrytruck4-logo {
  background: url(../images/dt3.png) no-repeat center center; height: 100px; width: 310px; position: relative; margin: 0px autono-repeat 2px 8.5pt;
}

.vbsdlvrytruck5-logo {
  background: url(../images/dt4.png) no-repeat center center; height: 100px; width: 310px; position: relative; margin: 0px autono-repeat 2px 8.5pt;
}

.vbarrowleft-logo {
  background: url(../images/arrow_in.png) no-repeat; height: 65px; width: 70px; background-position: center right; 
} 

.vbaddctr-logo {
  background: url(../images/truck_add.png) no-repeat; height: 29px; width: 28px; position: relative;
  margin: 20px 0px 0px 0px;
} 
.vbaddctr-logo:hover {
  background: url(../images/truck_add_hover.png) no-repeat; height: 29px; width: 28px; position: relative;
  margin: 20px 0px 0px 0px;
}
.vbstruck-logo {
  background: url(../images/truck_right.png) no-repeat;height:73px; width: 261px;
  background-position: 0px 36px;
  border:1px solid #929292;
} 

.vbsdeliverytruck-logo {
  background: url(../images/deliverytruck.png) no-repeat;height: 73px; width: 259px; background-position: 0px 36px;
   border:1px solid #929292;
}  
 .vbstrailerdelete-logo {
   background: url(../images/icon_close.png)  no-repeat ; height: 60px; width: 100%;
   background-position: right 0px; 
   left:0px !important;
   padding: 0px;
   float: right;
   position: absolute;
} 
 .vbstrailerdelete-logo:hover {
   background: url(../images/icon_close.png)  no-repeat ; height: 60px; width: 100%;
   background-position: right 0px;
   left:0px !important;
   padding: 0px;
   position: absolute;
   float: right;
} 
.vbstrailer-logo {
  background: url(../images/trailer_bottom_right.png) no-repeat ; height: 29px; width: 202px;
  background-position: 0px 81px;
}

.vbstrailerleft-logo {
  background: url(../images/trailer_bottom_left.png) no-repeat ; height: 29px; width: 202px;
  background-position: 0px 81px;
}
.vbstrailerleft-logo .x-panel-body{
	background-color:transparent !important;
	
}
.vbarrowright-logo {
  background: url(../images/arrow_out.png) no-repeat;
} 
.vbstrailer-logo .x-panel-body,.vbstruck-logo .x-panel-body,.vbsdeliverytruck-logo .x-panel-body{
	background-color:transparent !important;
	
}
.vbstrailer-logo .x-panel-body-default,.vbsdeliverytruck-logo .x-panel-body-default{
	border:1px solid #929292	
}
/* Toolbars */

/* Tab Icon */
.new-tab {
    background-image:url(../images/new_tab.gif) !important;
}

.main-folder {
    background-image:url(../images/image_add.png) !important;
}
.sub-main-folder {
    background-image:url(../images/folder_go.png) !important;
}

.toolbar-button{
  padding: 10px 10px 10px 10px;
  background-color: #fff;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  text-shadow: 0 1px 0 #4e691f;
}
.mach-label {
  padding: 0px 10px 10px 10px;
  color: #fff;
  font-size: 27px;
  font-weight: normal;
  text-shadow: 0 1px 0 #4e691f;
}
.componentlogin{
	background: url(../images/login.png) no-repeat !important;
}
.componentchangepwd{
	background: url(../images/icon_pw_change.png) no-repeat !important;
}
.componentlogout{
	background:url(../images/icon_logout.png) no-repeat !important;
}
.componentuser{
	background:url(../images/user.png) no-repeat !important;
}
.loggedInUser{
	background:url(../images/icon_user_.png) no-repeat !important;
}

.cmpltbkng{
	font-size: 13px;
	font-weight: bold;
}

.notebkng{
	font-size: 10px;
	font-weight: bold;
	color: red;
	border-color: #176BB4;
	border-width: 2px;
}
.mailSendObjSuccess{
	line-height: normal;
	color: black;
	font-size: 09px;
	font-weight: normal;
	height: auto;
	border-style: none;
	background-color: #FFFFFF; 
}
.mailSendObjFailure{
	line-height: normal;
	color: red;
	font-size: 09px;
	font-weight: normal;
	height: auto;
	border-style: none;
	background-color: #FFFFFF; 
}
.componentenvironment{
	background:url(../images/component_envrmnt.png) no-repeat !important;
}
#loginWinId-body .x-panel-default-framed{
border:0px !important;
}
/*************ADDED BY SANKAR*******************************/

/********  Voyage Monitoring Grid Legends ****/
/* Date Of Added: 23-Aug-2012
/* Author: @Ramanand Kumar
/********************************************/
.vbsbkng{
background:#006400 !important;
}
.vbscmpltbkng{
background:#FF0000 !important;
}
.vbsbkngctrrcvdlv{
background:#808000 !important;
}
.vbsonSelectionbkng{
background:#FFFF00 !important;
}
.voyageOnHold{
background:#E4287C !important;
}
.voyageDeleted{
background:#848484 !important;
} 
/*****************  TEST purpose  ************************Ramanand Kumar ******************************/
/********  Voyage Monitoring Grid Legends ****/
/* Date Of Added: 23-Aug-2012
/* Author: @Ramanand Kumar*/
.red-editor textarea
{
    background: none;
    background-color: #F9F5D0;
    padding-top: 5px;
}
.blue-editor textarea
{
    background-color: blue;
}
.bkngValidarions  {
	/*background: #ff0000 !important;*/
	font:normal 10px/10px optima,helvetica,arial;
color:red;
height:50px;
margin-top:2px
   
}

.bkngValidarions_addediterr  {
	/*background: #ff0000 !important;*/
font:normal 10px/10px optima,helvetica,arial;
color:red;
height:50px;
margin-top:2px;
border:none;
   
}

.mailTextFnt{
background-color: #fff;  
border-color: #176BB4 !important; 
border-width: 2px !important;
font-weight: bold !important;
font-size: 12px !important; 
}

.taErrShowRedFnt.x-form-textarea {
line-height: normal;
color: red;
font-size: 09px;
font-weight: normal;
height: auto;
border-style: none; 
background-color: #fff; 
}

.taErrShowFnt.x-form-textarea {
font-size: 09px;
font-weight: normal;
border-style: none; 
background-color: #fff;
border-color:red; 
}

.taCtrConfirmFnt{
background-color: #fff;  
border-color: #176BB4 !important; 
border-width: 2px !important; 
font-weight: bold !important;
font-size: 10px !important; 
text-align: center !important;
}


.taErrShowRedFntBorder.x-form-textarea {
line-height: normal;
color: red;
font-size: 09px;
font-weight: normal;
height: auto;
border-style: 1px;
background-color: #FFFFFF; 
}

.taErrShowRedFntBorder1.x-form-textarea {
line-height: normal;
color: red;
font-size: 09px;
font-weight: normal;
height: auto;
border-style: none;
background-color: #FFFFFF; 
}

/*************[start] CDL and CLL screen Legends Color *****************/
/* mainifested and Not In port */
.notInPort {
background:#461B7E !important;
background-image: none;
}
/* in port and dsch not In yard */
.inport {
background: #C38EC7!important;
background-image: none;
}
/* in yard and dsch In yard */
.inYard {
background: #00FFFF !important;
background-image: none;
}
/* On Vessel and Ctr extd Tmnl */
.onvessel{
background: #7A5DC7 !important;
background-image: none;
}
/* Hz Ctr */
.onHzCtr {
background: #FF0000 !important;
background-image: none;
}
/* Rfr Ctr */
.onRfrCtr {
background: #008000 !important;
background-image: none;
}
/* OOG Ctr */
.onOogCtr {
background: #A52A2A !important;
background-image: none;
}
/* Master Ctr Ind */
.masterCtr {
background: #3366CC !important;
background-image: none;
}
/* Slave Ctr Ind */
.slaveCtr {
background: #FBB117 !important;
background-image: none;
}

.vslWkCmptnCtr {
background: #F9F5D0 !important;
background-image: none;
}
/**************[End] CDL and CLL screen Legends Color *****************/
/**************Beginning of classes added for loading message****************************/
.loadingDivCmc{
	width:810px;
	height:110px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-55px 0 0 -405px;
	text-align:center;
	font-size:30px;
	font-weight:normal;
}
.loadingDivFontClass{
	font-size:40px;
	font-weight:normal;
}
.displayFieldClass{ 
	color:black;
}

/**************Ending of classes added for loading message****************************/
/************** Grid Selection on focus *************************** 
.x-grid-row-over .x-grid-cell,.x-grid-row-over .x-grid-rowwrap-div{border-color:#ddd;background-color:#82CAFF}.x-grid-row-focused .x-grid-cell,.x-grid-row-focused .x-grid-rowwrap-div{border-color:#ddd;background-color:#82CAFF}
************* Grid Selection on focus ****************************/

.notificationCls{
	background-image:url(../images/information.png) !important;
}
/***Following class has been added to wrap the column headers in a grid***/
.x-column-header-inner, .x-column-header-inner span { 
	white-space:normal !important; 
}
/***Following class has been added to wrap the column data in a grid***/
.x-grid-cell-inner { white-space: normal; }

/**Beginning the code for displaying the notification at the bottom for form success or save**/
.comp-error-msg-state {
	font-family: segoe ui;
	font-size: 8.5pt;
	font-style:normal;
	font-weight: 700;
	padding-left: 17px;
	background: no-repeat 0 0; 
}
.comp-error-msg-state-invalid {
	color: #C30;
	background-image: url(resources/extjs/resources/themes/images/default/form/exclamation.gif);
}
.comp-error-msg-state-valid {
	color: #090;
	background-image: url(resources/extjs/resources/themes/images/default/dd/drop-yes.gif);
}
/**Ending the code for displaying the notification at the bottom for form success or save**/

.msgRcrdCls .x-grid-cell {
    background-color: #84F025 !important;;
}
.msgErrRcrdCls .x-grid-cell {
    background-color: #F0DF25 !important;;
}
.msgQueueRcrdCls .x-grid-cell {
    background-color: #1EE2F4 !important;;
}
.holdRcrdCls .x-grid-cell {
    background-color: #FF0000 !important;;
}
.relseRcrdCls .x-grid-cell {
    background-color: #00FF00 !important;;
}
.x-grid3-cell-selected{
	background-color: # !important;
	color: black;
}
.disabled-row .x-grid-row .x-grid-row-checker {
    background-color: gray !important;
    left: -9999px !important;
    position: relative;
}

.custom-grid .x-grid-row-selected .x-grid-cell { 
    background-color: #ff0 !important; 
    border-bottom-color: #999; 
    border-bottom-style: solid; 
    border-top-color: #999; 
    border-top-style: solid;
	color:#000;	
}


/*Following code has been added when migrating to 4.1.3 as padding of top-bottom in fieldset has been removed in 4.1.3*/
.x-fieldset {
    display: block;
    padding: 10px;
    position: relative;
}
.excel{
    background-image:url(../images/excel.png) !important;
} 
/*End of code which was added for fieldset when migrating to 4.1.3 version*/
/*Following class takes of the message displayed when total count of a store is fetched separately for a grid*/
.totalCountRetreival{
	color: #CC3300;
	background-image: url(../images/total_count_loading.gif);
	background-repeat:no-repeat;
	background-position:right center;
}
.excel{
    background-image:url(../images/excel.png) !important;
}
/*Following code has been added for changing VIA label color on the basis of selection of radio buttons(Redelivery or Others)*/
.variableMandatoryColorChange {
	color:#FF0000;
}
.menuPanelBgColor .x-panel-body-default {
background: #ffffff;
border-color: #d1d2d4;
color: black;
border-width: 0px;
border-style: solid;
background-color: #83A4D6;
}
.prtyMsg_label {
  padding: 0px 10px 10px 10px;
  color: 	#FF33CC;
  font-size: 20px;
  font-weight: normal;
  text-shadow: 0 1px 0 #4e691f;
}
/**From Here***/




.extrnalChangepwd{
	padding: 10px 10px 18px 31px;
	background:url(../images/changepwd.png) no-repeat 10px 7pt;
	/* color: #DAF3A7; */
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-shadow: 0 1px 0 #4e691f;
	cursor:pointer;
}

.extrnalLogout{
	padding: 10px 10px 18px 31px;
	background:url(../images/exit.png) no-repeat 10px 7pt;
	/* color: #DAF3A7; */
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	text-shadow: 0 1px 0 #4e691f;
	cursor:pointer;
} 

.lov-li{
        width: 200px;
        display: table-cell;
        margin: 5px;
        font-size:12px;
        
}
.lov-header li {
    font-weight: bold;
    line-height: 15px;
    padding: 3px 6px 4px;
    position: relative;
    white-space: nowrap;
	background-color:#0f5795;
	font-size:11px;
	color:#fff;
}

.x-boundlist-item {
	padding: 2px; 
	-webkit-user-select: none; 
	cursor: pointer; 
	position: relative;
	border-width: 1px;
	border-style: solid;
	border-color: #EBEBEB;
}

.x-toolbar .x-toolbar-text, .x-accordion-hd .x-panel-header-text, .componenttickettt, .componenthelppp, .componentlogouttt, .componentloginnn, .x-panel-header-text-default, .x-btn-default-toolbar-small .x-btn-inner, .x-menu-item-text, .x-window-header-text-default, .x-btn-default-small-icon-text-left .x-btn-inner, .x-column-header-inner, .x-panel-header-text-default-framed, .x-form-item-label, .x-form-cb-label-after, .x-grid-cell-inner, .x-tab button .x-tab-inner, .x-border-box .x-form-text, .x-boundlist-item, .x-box-inner, .x-form-field, .x-form-display-field, .x-btn-default-small .x-btn-inner {
		font-family: segoe ui;
}

.x-tool-img {
overflow: hidden;
width: 16px;
height: 16px;
margin-left: -1px;
}

.dspRedFnt.x-form-display-field{
font:normal 11px/17px optima,segoe ui;
color:red;
height:20px;
margin-top:2px
}

.loginComponent{
	padding: 10px 10px 10px 0px; 
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-shadow: 0 1px 0 #4e691f;
}

.orange
{
    background: #ffa500 !important;
}

.red  {
	background: #d91401 !important;
}
.green{
	background: #2ec101 !important;
  
}
.black{
	background: #000000 !important;
   
}
.yellow {
	background: #ffff00 !important;
}
.blue {
	background: #9999ff !important;
}
.myButton .x-btn-inner { 
color: white;
}
.timeAdjustmentCss{
	font-family: segoe ui;
	text-align: center;
	color: black;
	font: normal 11px/17px optima,segoe ui;
}

.textareadisabled{
	font-size: 11px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8; 
	background:#FFF8C6 !important;
}

#maintbar-innerCt{
	background:url(../images/background_header.png) repeat-x;
	height:40px;
	width:100%;
	float:left;
}

.vbs-logo {
  background: url(../images/logo_vbs.png)  no-repeat center center; height: 40px; width: 325px;
   top:0px !important;
}
#maintbar{
border-bottom:2px solid #fff !important;
}
.haulier_icon {
    background-image:url(../images/icon_haulier.png) !important;
}
.management_icon {
    background-image:url(../images/icon_management.png) !important;
}
.admin_icon {
    background-image:url(../images/icon_admin.png) !important;
}
.masters_icon {
    background-image:url(../images/icon_masters.png) !important;
}
.reports_icon {
    background-image:url(../images/icon_reports.png) !important;
}
.x-menu-item-active .x-menu-item-arrow{
	width:16px;
	height:16px;
	top:5px;
	right:5px;
	background-image:url(../images/icon_arrow_right_active.png);
	color:#fff;
}
.x-menu-item-active{
color:#fff;
}
.x-menu-item-arrow{
	width:16px;
	height:16px;
	top:5px;
	right:5px;
	background-image:url(../images/icon_right_arrow.png);
}
.x-menu-item-link{
	border-bottom: 1px solid #ccd4df;
	padding-left: 30px;
}
.x-menu-item-indent{
	margin-left:0px;
}

.x-menu-icon-separator{
	border:0px;
}
.x-column-header{
	border-right: 1px solid #084477;
}
.x-grid-header-ct{
    border: 1px solid #367ab4;
}
.x-grid-row-before-focused .x-grid-td {
    color: #030303;
}
.x-grid-body {
    border-top-color: #367ab4;
}
.x-group-sub-header{
   border-top: 1px solid #084477;
}
.x-boundlist-item-over {
    background: #089FD8 none repeat scroll 0% 0%;
    border-color: #089FD8;
}
.x-boundlist-selected {
    background: #089FD8 none repeat scroll 0% 0%;
}
.sys_setting1_icon {
	background-image: url(../images/settings1.png) !important;
}

.textareadisabled{
	font-size: 11px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8; 
	background:#FFF8C6 !important;
}

.samplecolor textarea{
	border-color: #a0abbc;
    background:#FFF8C6 !important;
}

.enabledcolor textarea{
	border-color: #a0abbc;
    background:white !important;
}


.x-tab-bar-default .x-tabbar-scroll-right,.x-tab-bar-default .x-tabbar-scroll-left{
background-color:#08467B;
background-position: center center;
}
.forward_icon{
	background-image:url(../images/icon_arrow_right_active.png);
	background-position: center center;
	width:35px !important;
}
.backward_icon{
	background-image:url(../images/icon_left_arrow_active.png);
	background-position: center center;
	width:35px !important;
}
.retrieve_slots {
    background-image: url("../images/icon_retrieve.png") !important;
    background-position: 10px center !important;
    width: 145px !important;
}
.x-tab-default-top {
    border-radius: 3px 3px 0px 0px;
    padding: 5px 10px 4px;
    border-width: 0px;
    border-style: solid;
    background-color: #0F5795;
}
.x-tab-default-active {
    background-color: #0E75CD;
}
.make_bkng {
	background-image:url(../images/icon_validate.png) !important;
}
.x-form-text,.x-form-trigger-wrap{
    border-color: #a0abbc;
}
.x-btn-default-small-over{
	background-image:none
}
.x-grid-row-selected .x-grid-td{
    color: #FFFFFF;
	border-color: #A0ABBC;
}
.x-menu-item-link:hover{
color:#fff !important;
}

#copryRghtTextId-labelEl{
	color: #8f8f8f;
    float: left;
    font-size: 14px !important;
}
#termsTextId-labelEl{
	color: black;
    float: center;
    font-size: 14px !important;
}
#hazInfoTextId-labelEl,#moveHazInfoTextId-labelEl,#swapHazInfoTextId-labelEl{
	color: red;
    float: center;
    text-decoration:underline;
    font-size: 15px !important;
}
.x-menu-item-active .x-menu-item-text {
	color:#fff !important;
}
.next_icon{
	background-image:url(../images/icon_arrow_right_active.png);
	background-position: right center !important;
	width: 70px !important;
}
.previous_icon{
	background-image:url(../images/icon_left_arrow_active.png);
}
.bkngEvntlog {
background: #ffff00 !important;
background-image: none;
}

.variableMandatoryColorChangeToBlack {
	font-weight: bold;
	font-size: 11px !important;
	color:#000000 !important;
	vertical-align: middle;
}


.green_color,.green_color:hover
{
    background-color: #00ff99 ; 
    line-height: 54px;
      
}

.blue_color,.blue_color:hover
{
    background-color: #33CCFF !important;
    line-height: 54px;
}

.red_color,.red_color:hover
{
    background-color: #ff0000!important;
    line-height: 54px;
}

.filled_cntr
{
    background-color: #00ff99 ;
}
.yellow_color,.yellow_color:hover
{
    background-color: #ffff00 ;
    line-height: 54px;
    
}

.green_color_fullcntr,.green_color_fullcntr:hover{
    background-color: #00ff99;
    line-height: 54px;
    background-image: url(../images/20ft.png) !important;
}
.yellow_color_fullcntr,.yellow_color_fullcntr:hover{
     background-color: #ffff00 ;
    line-height: 54px;
    background-image: url(../images/20ft.png) !important;
}
.blue_color_fullcntr,.blue_color_fullcntr:hover
{
    background-color: #33CCFF !important;
    line-height: 54px;
    background-image: url(../images/20ft.png) !important;
}
.red_color_fullcntr,.red_color_fullcntr:hover
{
    background-color: #ff0000!important;
    line-height: 54px;
    background-image: url(../images/20ft.png) !important;
}

.green_color_edit_fullcntr,.green_color_edit_fullcntr:hover{
    background-color: #00ff99;
    line-height: 54px;
    background-image: url(../images/20ft.png),url(../images/icon_close.png) !important;
    background-repeat: repeat-x,no-repeat;
}
.yellow_color_edit_fullcntr,.yellow_color_edit_fullcntr:hover{
     background-color: #ffff00 ;
    line-height: 54px;
    background-image: url(../images/20ft.png),url(../images/icon_close.png) !important;
}
.blue_color_edit_fullcntr,.blue_color_edit_fullcntr:hover
{
    background-color: #33CCFF !important;
    line-height: 54px;
    background-image: url(../images/20ft.png),url(../images/icon_close.png) !important;
    background-repeat: repeat-x,no-repeat;
}
.red_color_edit_fullcntr,.red_color_edit_fullcntr:hover
{
    background-color: #ff0000!important;
    line-height: 54px;
    background-image: url(../images/20ft.png),url(../images/icon_close.png) !important;
    background-repeat: repeat-x,no-repeat;
}

.default_cntr,.default_cntr:hover
{
    background-color: #0c253c !important;
    background-image: none !important;
}
.blue-editor1
{
    background-color: #98AFC7;
}
#createBkngNorthFormTmnlNmIddddddddddd{
	background:transparent;
}
 /* #createBookingFieldSetIdddd, #tmnlDlvryFromFieldsetId{
	 background-color: #f0f0f0;
	 border:1px solid #b2b2b2;
}
 #createBookingFieldSetIdddd .taErrShowRedFnt.x-form-textarea{
	 background-color: #f0f0f0;
	 border:1px solid red;
}  */


#menuTerminalCode .x-form-display-field{
	color: #FFFAF0;
	font-size:14px;
} 

#menuTerminalCode .x-form-item-label{
	color: #FFFAF0;
	font-size:14px;	
}

#GnrlBkngCreateBkngReceiptformId .x-panel-header-default {
	height: 45px;
	
}

#GnrlBkngCreateBkngdeliveryformId .x-panel-header-default{
	height: 45px;
	
}
#GnrlBkngCreateBkngReceiptformId .vbarrowleft-logo,#GnrlBkngMoveBkngReceiptformId .vbarrowleft-logo,#GnrlBkngSwapBkngReceiptformId .vbarrowleft-logo,#GnrlBkngCancelBkngReceiptformId .vbarrowleft-logo{
	
   height:28px;
	width:70px;

	
}

#GnrlBkngCreateBkngdeliveryformId .vbarrowright-logo,#GnrlBkngMoveBkngdeliveryformId .vbarrowright-logo,#GnrlBkngSwapBkngdeliveryformId .vbarrowright-logo,#GnrlBkngCancelBkngdeliveryformId .vbarrowright-logo{
	height:28px;
	width:48px;

}
#GnrlBkngCreateBkngdeliveryformId_header_hd-textEl .x-panel-header{
text-align:left;
	
}
#GnrlBkngCreateBkngReceiptformId .x-box-inner,#GnrlBkngCreateBkngdeliveryformId .x-box-inner{
	height:47px;
	width:35px;
}
.makebkgbtn{
	left:550px !important;
}
.makebkgbtn>.x-box-inner {
	width: 250px !important;
}
.errormsg .x-box-inner{
	width: 545px !important;
}
.makebkgbtn .x-btn-default-small.x-btn.mkbkgbtn{
	left: 0px !important;
}
.makebkgbtn .x-btn-default-small.x-btn.clearbtn{
	left: 130px !important;
}
.errormsg .x-form-item,.errormsg .x-box-target{
	width:100% !important;	
}
.errormsg ..x-form-item{
	left: 0px !important;
	top:0px !important;
}
.bestPickSelection {
  border: 1.5px solid #367ab4;
  border-style: solid;
}
.vbstrailerdelete-logo .x-btn-button{
	height: 60px;
}
.vbstrailerdelete-logo .x-btn-button .x-btn-inner{
	line-height: 54px;
	color: #000;
}
.rdclr label{
	color:red;
}

.formHeader .x-panel-header-default-framed-top{
	background-color:#0f5795;
	border-color: transparent;
}
.forgotButton.x-btn-default-small{
	width:180px !important;
}