@charset "utf-8";

body { -webkit-text-size-adjust: 100%;margin:0; /* stops mobile Safari from auto adjusting font-sizes */ }
@media only screen and (min-width: 992px) and (max-width: 1365px) {
   #cpsnapshot1 {width:49% !important; float:left; box-sizing:border-box;}
   #cpsnapshot2 {width:49% !important; float:right; margin:0 !important;box-sizing:border-box;border-left:1px solid #ebebeb; padding-left:1%;}
   .graphwrapper {display:none;}
   .mainwrapper {overflow:hidden;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
   #cpsnapshot1 {width:100% !important;margin:20px auto !important; height:auto !important; border-bottom:1px solid #ebebeb; padding-bottom:20px;}
   #cpsnapshot2 {float:right;width:250px !important;}
   .content-controller {width:100vw;}
   .gdatawrap {min-width:768px;}
   .graphwrapper {float:left;}
   .mainwrapper {overflow:hidden;}
   .lwrap {display:none;}
   #jSuggestContainer {width:98% !important; left:1% !important;}
   #jSuggestContainer .js_cn, #jSuggestContainer .js_cph {width:50% !important; display:block !important; float:left !important;}
   #jSuggestContainer .js_ce, #jSuggestContainer .js_cpo {width:50% !important; display:block !important; float:right !important;}
}
@media screen and (min-width:480px) and (max-width:768px) {
  /* Target landscape smartphones, portrait tablets, narrow desktops  */
   .mainwrapper {overflow:hidden;}
  .lwrap, .graphwrapper, .plotmap {display:none;}
   .content-controller {width:100vw;}
  .snapshot {width:100% !important;margin:0 auto !important; height:auto !important;}

  .col1third, .col2thirds, .colhalf {width:100% !important;float:none !important;margin: 0 auto !important;}
  .col1third_col1, .col1third_col2, .col1third_col3 {padding:10px !important;}
  .col1thirdsnapshot {height:auto !important;}

  #bookingpanel1, #bookingpanel2, #bookingpanel3 {border-bottom:1px solid #ebebeb; border-right:none !important; height:auto !important; padding:10px 0px !important;}

  .bcwrap, .col2thirds {height:auto !important;}
  .bookingblockr {border-bottom:1px solid #ebebeb; border-right:none !important; height:auto !important; padding:10px 0px !important;}
  .bkfext {padding:0 !important;}
  #bpctrlmain0, #bpctrlmain1, #bpctrlmain2 {height:auto !important;} 
  #bpctrlmain0 {margin-top:0px !important;}
  #bpctrlmain1, #bpctrlmain2 {display:none;}


  .routedetails, .driverdetails, .additionaldetails, .customerdetails {width:100% !important; float:none !important;margin:0 auto !important;}
  .routedetails table, .additionaldetails table, .customerdetails table {width:98% !important; float:none !important;}
  .routedetails table, .additionaldetails table, {margin:0 auto !important;}
  .customerdetails table {margin:20px auto 0px auto !important;}

  #jSuggestContainer {width:98% !important; left:1% !important;}
  #jSuggestContainer .js_cn, #jSuggestContainer .js_cph {width:50% !important; display:block !important; float:left !important;}
  #jSuggestContainer .js_ce, #jSuggestContainer .js_cpo {width:50% !important; display:block !important; float:right !important;}

  .vehicleblock {width:49% !important; margin:1% 0% 1% 1% !important;}
  .fw768 {width:98% !important; margin:0 auto !important; float:none !important;}
  .h768  {display:none !important;}
  .s768  {display:block !important;}

  .info, .warning, .success, .error {font-size:11px !important;}
  .sep479 {display:block !important;}
}

@media screen and (max-width:479px) {
  /* Target portrait smartphones */
  .mainwrapper {overflow:hidden;}
  .adminbase {width:92% !important;}
  .lwrap, .header_u_n, .graphwrapper, .plotmap {display:none;}
  .content-controller {width:100vw;}
  .snapshot {width:100% !important;margin:0 auto !important; height:auto !important;}

  .col1third, .col2thirds, .colhalf  {width:100% !important; float:none !important;margin: 0 auto !important;}
  .col1third_col1, .col1third_col2, .col1third_col3 {padding:10px !important;}
  .col1thirdsnapshot {height:auto !important;}

  .tabs div a {font-size:70% !important; padding:7px 10px !important; }

  .rdrd1, .rdrd2 {width:65% !important; padding-right:5px;}
  .rdrd3 {width: 35% !important; float:right; margin-top:-22px;}


  #bookingpanel1, #bookingpanel2, #bookingpanel3 {border-bottom:1px solid #ebebeb; border-right:none !important; height:auto !important; padding:10px 0px !important;}
  .bcwrap, .col2thirds {height:auto !important;}
  .bookingblockr {border-bottom:1px solid #ebebeb; border-right:none !important; height:auto !important; padding:10px 0px !important;}
  .bkfext {padding:0 !important;}
  #bpctrlmain0, #bpctrlmain1, #bpctrlmain2 {height:auto !important;} 
  #bpctrlmain0 {margin-top:0px !important;}
  #bpctrlmain1, #bpctrlmain2 {display:none;}

  .paging {width:100% !important;}
  .routedetails, .driverdetails, .additionaldetails, .customerdetails {width:100% !important; float:none !important;margin:0 auto !important;}
  .routedetails table, .additionaldetails table, .customerdetails table {width:98% !important; float:none !important;}
  .routedetails table, .additionaldetails table, {margin:0 auto !important;}
  .customerdetails table {margin:20px auto 0px auto !important;}
  #jSuggestContainer {width:98% !important; left:1% !important;}
  #jSuggestContainer .js_cn, #jSuggestContainer .js_cph {width:50% !important; display:block !important; float:left !important;}
  #jSuggestContainer .js_ce, #jSuggestContainer .js_cpo {width:50% !important; display:block !important; float:right !important;}

  .vehicleblock {width:98% !important; float:none !important; margin:1% auto !important;}
  #minmaxview {height:auto !important;}
  #minmaxview span {text-align:center !important; padding:6px 0px 0px 0px !important;}
 
  .fw479 {width:98% !important; margin:0 1% !important; float:none !important;}
  .fw100479 {width:100% !important;margin:0 auto !important; float:none !important;}
  .h479  {display:none !important;}
  .s479  {display:block !important;}
  .ha {height:auto !important;}
  .notifier {width:80% !important; left:10% !important; font-size:11px !important;}
  .info, .warning, .success, .error {font-size:11px !important;}
  .sep479 {display:block !important;}

}
@media all and (orientation: landscape) {
  /* Target device in landscape mode */
}

@media all and (orientation: portrait) {
  /* Target device in portrait mode */
}
/* END responsive width */





/* Selection colours */

::selection {
background: rgb(255,255,158);
}
::-moz-selection {
background: rgb(255,255,158);
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
}
body { -webkit-tap-highlight-color: rgb(255,255,158); }