@charset "utf-8";
/* CSS Document */
@font-face {
   font-family: 'Roboto';
   src: url(../fonts/Roboto-Regular.ttf);
   font-weight: normal;
}
@font-face {
   font-family: 'Roboto';
   src: url(../fonts/Roboto-Bold.ttf);
   font-weight: bold;
}

/*for fixed nav*/
body 
{ 
	padding-top: 70px;
   font-family: 'Open Sans', sans-serif, 'Roboto', serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
   font-family: 'Open Sans', sans-serif, 'Roboto', serif;
}
.areaTextColor
{
   border-color : red;
}
.navbar-brand
{
	padding:14px;
}

.nav_sitelogo
{
	padding-bottom: 5px;
   padding-top: 8px;
	padding-left: 5px;
}

.nav_sitelogo img
{
	max-height: 40px;
}

.main_container
{
	margin-bottom: 15px;
    /*margin-top: 15px;*/
    padding-bottom: 15px;
    padding-top: 15px;
}

.side-nav
{
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-shadow: 0 1px 0 #fff;
	background-color: #F8F8F8;
	border-radius: 5px;
}

.modal-title
{
	text-transform:capitalize;
}

.rss_logo
{	
    margin-right: 16px;
    margin-top: -65px;
	max-width:170px;
	max-height:49px;
	float: right;
}

.help-inline
{
	color: #737373;
	font-weight: normal;
}

.right_btn
{
	float:right;
	margin-right: 15px;
}

.full_modal-dialog
{
	width:80%;
}

.pointer
{
	cursor:pointer;
}

.listing_table tr td:last-child
{
	text-align:right;
}
/*gmap*/
.icon_pologon
{
	display: inline-block;
	background-color:#fff;
	border:1px solid #ccc;
	padding:1px;
}
.icon_pologon > div
{
	width: 16px; 
	height: 16px; 
	overflow: hidden; 
	position: relative;
}

.icon_pologon img
{
	position: absolute; 
	left: 0px; 
	top: -64px; 	
	border: 0px none; 
	padding: 0px; 
	margin: 0px; 
	width: 16px; 
	height: 192px;
	
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	
	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none; 
}

.panel-default > .panel-heading
{
	background-color:#F7F7F7;
}

/*dashboard*/

/*bootstrap confilict*/
.dashbord_nav > li + li {
    margin-left: 10px;
}

.dashbord_nav > li
{
	background-color: #F7F7F7;
    border:1px solid #ddd;
	border-radius: 5px;	
	text-align:center;	
	margin:10px;
	min-width:128px;
}

.dashbord_nav li img
{
	margin:0 auto;
}

.un_selectable
{
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */

  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none; 
}

span.menu_glyphicon 
{
	margin-left:-10px;
}

.dropdown-menu-cog > li > a
{
	padding-left:30px;
	background-position: 5px 3px;
	background-repeat: no-repeat;	
}

.icon-truck
{
	background-image: url("../images/icon_truck.png");
}

.icon-zones
{
   background-image: url("../images/icon_zones.png");
}

.icon-loader
{
	background-image: url("../images/icon_loader.png");
	background-size: 22px;
}

.icon-suburb
{
	background-image: url("../images/icon_suburb.png");
}

.icon-trailer
{
	background-image:url(../images/icon_trailer2.png);
}

.icon-driver
{
	background-image:url(../images/icon_driver.png);
}

.icon-user
{
	background-image:url(../images/icon_user18.png);
}

.icon-fleet
{
	background-image:url(../images/icon_fleet21-15.png);
}

.icon-product
{
	background-image:url(../images/icon_product18.png);
}

.icon-checklist
{
	background-image:url(../images/icon_checklist18.png);
}

.icon-group
{
	background-image:url(../images/icon_group.png);
}

.icon-profile
{
   background-image:url(../images/profile.png);
}

.icon-settings
{
	background-image:url(../images/icon_settings.png);
}

.icon-subcontractor
{
	background-image:url(../images/icon_subcontractor.png);
}

.icon-services
{
	background-image:url(../images/icon_services.png);
}

.icon-surcharge
{
   background-image: url("../images/icon_surcharge.png");
}

.icon-admin
{
	background-image:url(../images/icon_admin.png);
}

img.resource_img
{
	margin-top: 10px;
	max-width:128px;
	max-height:128px;
}
.img_btn .glyphicon, .doc_btn .glyphicon
{		
	cursor:pointer;
}
.delete_img_loader, .delete_doc_loader, .client_surcharges_loader
{
	display:none;
	margin-left:15px;
}


.notification-label {
   background: none repeat scroll 0 0 #EC2525;
   border-radius: 50em;
   color: #FFFFFF;
   display: inline-block;
   font-size: 10px;
   height: 18px;
   line-height: 16px;
   padding: 1px;
   position: absolute;
   right: 2px;
   text-align: center;
   text-shadow: none;
   top: 6px;
   width: 18px;
}

#expiry_count , #pending_jobs_count
{
	display:none;
}

#pending_jobs_stats ul
{
	max-height: 660px;
	overflow-x: hidden;
	overflow-y: auto;
}

#expiry_stats ul li, #pending_jobs_stats ul li
{
	border-bottom:1px solid #ddd;
}

#pending_jobs_stats ul li a
{
	padding:5px 15px;
}

span.select2-hidden-accessible
{
	display:none;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

img.docs_img
{
	max-width:128px;
	max-height:128px;
}

.item_size
{
	padding-right:4px;
	padding-left:4px;
	font-size: 12px;
}

.text-white
{
   color:#fff;
}

.row-eq-height 
{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.disabledEl
{
   opacity: 0.3;
   pointer-events: none;
}

/*styling of header modifications*/
.listing_filters .form-group
{
   width: 200px;
   margin-bottom: 10px;
   margin-top: 10px;
}
.search-btn-header
{
   height: 25px;
    margin-left: 8px;
    padding: 0;
    width: 28px;
}
div.has-error a.select2-choice {
  border-color: rgb(185, 74, 72) !important;
}

.has-error .select2-selection {
   border-color: rgb(185, 74, 72) !important;
}

.alert-notice
{
   margin-bottom: 2px;
}
.notice-caption
{
    margin-bottom: 5px;
    display: block;
	padding-left: 0; /* added to reduce double padding on alert messages in allocation screen */
	padding-right: 0; /* added to reduce double padding on alert messages in allocation screen */
}
.interval-wrapper
{
   padding-right: 5px;
   text-transform: uppercase;
}
.customer-portal-btns
{
   margin: 8px 10px; 
}

.hidden_soft
{
   display:none;
}
.push-notifications-wrapper 
, .uaddress-notifications-wrapper 
, .dsess-log-notifications-wrapper
, .lapproval-log-notifications-wrapper
{
   max-height: 200px;
   overflow-y: auto;
/*   margin-bottom: 20px;*/
   margin-top: 10px;
}
.timestamp-read
{
   padding-right: 10px;
}
.push-notification-message 
{
   display: block;
   padding: 5px;
}
.push-notifications-wrapper-v2
{
   margin-right: 0px;
}

div.Zebra_DatePicker
{
   z-index: 9999;
}

.api_errors_wrapper .alert
{
	margin-bottom: 10px;
}

.api_errors_wrapper .btn_close
{
	margin-right: -21px;
}

th.sortable
{
	cursor: pointer;
}
.resize_vrt
{
    resize: vertical;
}
/*
* after introduction of Message link in header, header began to show in two lines,
* so decreasing padding of li > a to show in same line
* By Abid: After adding a Tracker DropDown, the padding to the left and right is reduced
* by 1px to adjust the top nav bar
*/

.navbar-nav > li > a
{
  padding: 15px 10px ;
}

.error-border
{
	border: 1px #f7222c solid;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(242, 99, 68, 0.6);
}

/* added for removal unnecessary horizontal scroll on listing pages issue*/
.listing-filter-box .form-control
{
	max-width:300px;
}
.listing-filter-box
{
	overflow: hidden;
}

.main_containerr
{
   margin-top: 40px;
}
/* new navigation menu/header CSS */

.navbar-nav-center {
   width: 100%;
   text-align: center;
}
.navbar-nav-center > li {
   float: none;
   text-align: left;
   display: inline-block;
}
.mobile_logout
{
   display: none;
}
.allotrac_bar
{
   height: 70px;
   /*background-image: url("../images/nav-bar.jpg");
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;*/
   z-index: 1005;
   background: #2294d2; /* Old browsers */
   background: -moz-linear-gradient(177deg, #2294d2 45%, #185f89 46%, #185f89 50%); /* FF3.6-15 */
   background: -webkit-linear-gradient(177deg, #2294d2 45%,#185f89 46%,#185f89 50%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(177deg, #2294d2 45%,#185f89 46%,#185f89 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2294d2', endColorstr='#185f89',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.lower_header_border
{
   background: #ffffff;
   border-bottom: 3px solid #185f89;
   position: fixed;
   width: 100%;
   z-index: 1001;
}

#topNavigation
{
   position: absolute;
   /* margin-top: 55px; */
   /* margin-left: -18%; */
   margin: 0 auto;
   float: none;
   font-weight: bold;
   top: 55px;
   left: 0px;
}
#topNavigation li a
{
   color: #185f88;
}
.navbar-right
{
   margin-top: 15px;
}
.navbar-right p
{
   margin-top: 10px;
   margin-right: -15px;
}
.navbar-right p, .navbar-right li a
{
   color: #ffffff !important;
}
sub
{
   float: left;
   bottom: -2.4em;
}
sub a
{
   color: #ffffff;
}
sub a:hover
{
   color: #87c9ff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus
{
   background-color: transparent !important;
   color: #000000 !important;
   text-shadow: 0 3px 15px #87c9ff;
   transition: all .5s;
}
.jobs_count_dropdown li a, .expiry_stats_dropdown li a, .main_menu_drop li a
{
   color: #185f88 !important;
}

@media (max-width: 767px) {
   .allotrac_bar
   {
      background: -moz-linear-gradient(175deg, #2294d2 45%, #185f89 46%, #185f89 50%); /* FF3.6-15 */
      background: -webkit-linear-gradient(175deg, #2294d2 45%,#185f89 46%,#185f89 50%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(175deg, #2294d2 45%,#185f89 46%,#185f89 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   }
   #topNavigation
   {
      background-color: white;
      margin: 0 auto;
      display: list-item;
      box-shadow: inset 0 0 10px #cccccc;
   }
   .navbar-collapse
   {
      border-color: #FFFFFF;
      border-top: none;
   }
   .navbar-right
   {
      display: none;
   }
   .mobile_logout
   {
      display: block;
      float: right;
      color: #185f88;
      position: absolute;
      font-weight: bold;
      top: 70px;
      right: 15px;
      /* margin-top: 16px; */
      /* margin-right: -43px; */
   }
   .mobile_logout:hover, .mobile_logout:focus
   {
      color: #000000 !important;
      text-shadow: 0 3px 15px #2196f3;
      transition: all .5s;
      outline: none;
      text-decoration: none;
   }
   .navbar-toggle
   {
      color: #FFFFFF;
      padding: 5px 8px;
   }
   .navbar-toggle:hover, .navbar-toggle:focus
   {
      background-color: transparent !important;
      color: #000000;
      text-shadow: 0 3px 15px #87c9ff;
      transition: all .5s;
   }
   .navbar-nav-center > li {
      float: none;
      text-align: left;
      display: block;
   }

}

/* Css for site status message on header*/
.site_status {
    position: absolute;
    top: 22px;
    text-align: center;
    width: 80%;
    left: 106px;
}
/* Css for site status message on header*/
@media (max-width: 480px) {

   body{
      padding-top: 0px;
      width:100%;
      position: relative;
      padding-top: 0px;
   }
   .lower_header_border {
      height:1px;
      position: relative;
   }
   .site_status {
        width: 56%;
        left: 90px;
    }
}

@media  only screen and (min-width: 481px) and (max-width: 767px) {
   body{
      width:100%;
      position: relative;
      padding-top: 0px;
   }
   .lower_header_border {
      height:1px;
      position: relative;

   }
   .site_status {
        width: 60%;
        left: 127px;
    }
}
@media  only screen and (min-width: 768px) and (max-width: 992px)
{
    .site_status {
        width: 100%;
        left: 10px;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1199px)
{
    .site_status {
        width: 100%;
        left: 10px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
    .site_status {
        width: 80%;
        left: 98px;
    }
}


/* Because IE/Edge is being a cry baby */
@supports (-ms-ime-align:auto) {
   sub {
      bottom: -0.35em !important;
   }
}
_:-ms-lang(x), sub { bottom: -0.35em !important; }
_:-ms-lang(x), .navbar-right p { margin-right: 5px !important; }

ul.pager li.disabled
{
   pointer-events: none;
}