@font-face {
    font-family: Noir;
    src: url(../fonts/Noir.otf);
}
body{
	font-family:Noir;
	font-size:13px;
	background:#010812;
	color:#ccc;
	margin:0px;
	padding:0px;
}
.carousel-indicators li{
    background: #fff;
}
.carousel-indicators .active{
    background: #F7971D;
    border-color: #F7971D;
}

*{
	outline:none;
}
a{
	color:#ccc;
	text-decoration:none;
}
a:hover, a:focus{
	color:#eee;
	outline:none;
	text-decoration:none;
}
img{
	max-width:100%;
}
.home{
	background:url(../images/bg.jpg) no-repeat center fixed;
	background-size:cover;
}
.frontPage{
    background: #07070D;
}
.header{
	padding:15px 0px;
	border-bottom: 1px solid #FFF;
  background: rgba(0, 0, 0, 0.28);
}
.navigation{
	margin-top:20px;
}
a.menuTrigger{
	font-size:20px;
	font-weight:bold;
	color:#eee;
}
.btnAction{
	font-size:15px;
	color:#eee;
	padding:3px 10px;
	display:inline-block;
	font-weight:bold;
	margin-left:10px;
        line-height: 22px;
}
.btnAction.signUp{
	
}
.headerRight.text-right {
  margin-top: 17px;
}
.bannerText {
  margin-top: 200px;
  margin-left: 15px;
  padding: 30px;
  background: rgba(0, 0, 0, 0.20);
}
.bannerText p{
  font-size: 50px;
  font-style: italic;
    color: #fff;
}
a.bannerBtn{
	display:inline-block;
	padding:5px 25px;
	font-weight:bold;
	background:rgb(31, 186, 214);
	color:#eee;
	  font-size: 30px;
}
#homeBanner{
    max-height: 750px;
    overflow: hidden;
}
.slideCaption {
  position: absolute;
    top: 26%;
    left: 10%;
    z-index: 100;
    background: rgba(7, 7, 13, 0.38);
    padding: 30px 40px;
    width: 550px;
}
.slideCaption h3{
  font-size: 40px;
  font-weight: bold;
  color: #fff;
}
.slideCaption p{
  font-size: 16px;
  font-weight: bold;
   color: #fff;
   margin: 30px 0px;
}
.slideCaption:before{
    content: "";
    display: table;
    height: 15px;
    width: 80%;
    background: #F7971D;
}
.slideCaption:after{
    content: "";
    display: table;
    height: 15px;
    width: 100%;
    background: #F7971D;
}
span.navIconLeft {
    padding: 10px;
    background: #000;
    display: block;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    top: 50%;
    position: absolute;
    left: 40px;
    /* font-size: 20px; */
    border-radius: 3px;
}
span.navIconLeft i {
    font-size: 33px;
    line-height: 20px;
}
span.navIconRight {
    padding: 10px;
    background: #000;
    display: block;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    top: 50%;
    position: absolute;
    right: 40px;
    /* font-size: 20px; */
    border-radius: 3px;
}
span.navIconRight i {
    font-size: 33px;
    line-height: 20px;
}
/*Login Page CSS*/

.loginWrap{
	margin:100px auto 50px;
	width:400px;
}
.loginWrap h2{
	border-top:1px solid #ccc;
	text-align:center;
	margin:45px 0px 25px;
}
.loginWrap h2 span{
	position: relative;
	top:-14px;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	display:inline-block;
	background:#0A091B;
	padding:0px 20px;
}
.loginWrap a.btnLogin{
	display:block;
	padding:15px 0px;
	text-align:center;
	color:#fff;
	background:rgb(31, 186, 214);
	font-size:16px;
	font-weight:bold;
	margin-bottom:30px;
}
a.btnLogin.btn2{
	background:#999;
}
.loginWrap a{
	color:rgb(31, 186, 214);
}
/*Home page CSS*/

.homeHeader{
    position: absolute;
    z-index: 300;
    width: 100%;
}
.logo{
    background: rgba(7, 7, 13, 0.9);
    position: relative;
}
.logo:after{
       border-bottom: 70px solid rgba(7, 7, 13, 0.9);
    border-top: 0px solid transparent;
    border-right: 40px solid transparent;
    content: "";
    display: table;
    position: absolute;
    right: -40px;
    top: 0px;
}
.logo:after{
    content: "";
    display: table;
    
}
.homeHeaderRight{
	    background: rgba(7, 7, 13, 0.9);
    float: right;
    padding: 21px 20px;
    position: relative;
}
.homeHeaderRight:after{
     border-top: 70px solid rgba(7, 7, 13, 0.9);
    border-bottom: 0px solid transparent;
    border-left: 40px solid transparent;
    content: "";
    display: table;
    position: absolute;
    left: -40px;
    top: 0px;
}
.homeHeaderRight .btnAction.signUp{
  color: #fff;
}
.homeHeaderRight .btnAction{
	color:#fff;
}
.homeBanner {
 
}
.homeBanner .container{
	position:relative;
}
.homeBannerText{
	  position: absolute;
  right: 15px;
  bottom: 0px;
  padding: 10px 30px;
  font-size: 30px;
  font-style: italic;
  color: #fff;
}
.section{
	
}
.section.featured{
	padding:20px 0px;
    box-shadow: inset 0px 0px 300px #000;
}
.featuresBox{
	padding:15px;
	position:relative;
	overflow:hidden;
}
.featuresBox h4{
	  color: #473E55;
  font-size: 20px;
  font-weight: bold;
}
.featureImg{
	padding:20px 20px 0px;
}
.featuresBox:hover .featureSlide{
	bottom:0px;
}
.featureSlide {
  position: absolute;
  bottom: 100%;
  left: 0px;
  padding: 15px;
  width: 100%;
  height:100%;
  background: rgba(54, 47, 77, 0.88);
  transition:all .2s;
    border: 2px solid #362F4D;
  border-radius: 25px;
  box-shadow: inset 0px 0px 0px 4px #FFF;
}
.featureSlide h4{
	color:#fff;
}
.featureSlide h4 span{
  display: inline-block;
  padding: 0px 8px 4px;
  border-bottom: 4px solid #362F4D;
}
.featureSlide p{
	color:#fff;
	font-size:15px;
	font-weight:bold;
}
.homeBanner2 .container{
	position:relative;
}
.homeBanner2 p{
	position:absolute;
	left:15px;
	top:0px;
	width:500px;
	color:#fff;
	padding:20px;
	font-weight:bold;
	  font-size: 23px;
  text-align: center;
}
.section.users{
	padding:30px 0px;
}
.usersBox{
	padding:0px 15px;
}
.usersBox h4{
	  color: #473E55;
  font-weight: bold;
  font-size: 22px;
  margin: 15px 0px;
}
.usersBox p{
	  color: #555;
  font-weight: bold;
}
.usersBox a{
	  color: #473E55;
  font-weight: bold;
  font-size:15px;
}
.form-control{
    border-radius: 0px;
}
.footer{
    border-top: 1px solid #071425;
	padding:30px 0px;
     box-shadow: inset 0px 0px 300px #000;
}
.footerCol h3{
	color:#473E55;
	font-weight:bold;
}
.footerCol p{
	font-size:17px;
	color:#555;
	font-weight:bold;
	margin:0px;
}
.footerLinks{
	background: #07070D;
    padding: 15px 0px;
    text-align: center;
    border-top: 2px solid #028FFF;
}
.footerLinks a{
	color:#fff;
	font-weight:bold;
	font-size:15px;
	margin:0px 5px;
}
.footerLinks p{
	color:#fff;
	margin:0px 0px 0px;
	font-size:12px;
	text-align:center;
}
.dashboardHeader{
	padding:15px 0px;
}
.dashHeaderRight{
	margin-top:20px;
}
.dashHeaderRight span#welcomeUser{
	font-size:16px;
	color:#fff;
	font-weight:bold;
}
.notifyBox{
	float:right;
	margin-left:10px;
	  position: relative;
}
.iconNotify{
	display:block;
	padding:0px 3px;
	font-size:20px;
	color:#fff;
	cursor:pointer;
}
.iconNotify small{
	font-size:11px;
	color:#C00;
	padding:2px 5px;
  background: #fff;
  border-radius: 3px;
  margin-left: 3px;
  float: right;
  font-weight: bold;
}

.sectionDashboard{
	
}
ul.dashMenu{
	padding:0px;
	margin:0px;
	list-style:none;
	float:left;
}
ul.dashMenu li{
	display:inline-block;
}
ul.dashMenu li a{
	display:block;
	font-size:15px;
	font-weight:bold;
	padding:8px 12px;
	background:rgb(118, 118, 128);
	color:#fff;
}
ul.dashMenu li a.active{
	background:#eee;
	color:#222;
}
.contentWrap{
	padding:30px;
	background:#eee;
}
.showSelect{
	  display: inline-block;
  padding: 8px 12px;
  background: #DDD;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  border-radius: 5px;
}
.showSelect span{
	display:inline-block;
	margin-right:15px;
}
.vehicleCheck{
	background:rgb(31, 186, 214);
	color:#fff;
	margin:0;
	padding:3px 10px;
	margin-right:10px;
}
.driverCheck{
	background:rgb(0, 165, 79);
	color:#fff;
	margin:0;
	padding:3px 10px;
}
input[type=checkbox], input[type=radio] {
  margin: 0px 0 0;
  line-height: normal;
  vertical-align: middle;
}
.btn-sm{
	  padding: 2px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  font-weight: bold;

}
.btn-dark{
	  background: #767680;
	  color:#eee;
}
.btn-dark:hover{
	background:#666;
	 color:#fff;
}
table.table{
	background:#fff;
	margin:10px 0px;
}
table.table-blue tr th{
	  background: #1FBAD6;
  color: #fff;
  border: 1px solid #fff;
}
table.table tr td{
	color:#444;
}
table.table tr td, table.table tr th{
	font-size:15px;
}
input.tableInput, select.tableInput{
	width:140px;
	border:0px solid #ddd;
	border-bottom:1px dotted #999;
	height:24px;
	padding:0px 3px;
	background:none;
}
span.tableAction {
  display: inline-block;
  width: 24px;
  text-align: center;
  border: 1px solid #9B9B9B;
  padding: 3px;
  border-radius: 3px;
  cursor: pointer;
}
#tableVehicle{
	margin-bottom:50px;
}

table.table-green tr th{
	  background: #00A54F;
  color: #fff;
  border: 1px solid #fff;
}
.userTypeWrap{
	float:right;
}
a.userType{
	  display: inline-block;
  border: 1px solid #5E5E5E;
  padding: 3px 6px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin-left: 5px;
  border-radius: 3px;
}
.notifyPopBox{
	position:absolute;
	right:0px;
	top:100%;
	width:300px;
	background:rgba(98, 98, 98, 0.91);
	padding:10px;
	z-index:300;
	margin-top:10px;
	border-radius:5px;
}
.notifyPopBox:before{
	content:"";
	  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-bottom: 5px solid rgba(98, 98, 98, 0.91);
  position:absolute;
  right:10px;
  top:-5px;
}
.notifyPopBox h4{
	color:#fff;
}
.notifyItem{
	background:#999;
	color:#fff;
	margin-bottom:5px;
	padding:5px 10px;
	border-radius:3px;
}
.notifyItem p{
	margin:0;
}
.vehicleCheck.blue{
	background:#06C;
}
.vehicleCheck.green{
	background:#396;
}
.vehicleCheck.red{
	background:#C30;
}
table.table tr td.intransit.head{
	  background: #396;
  text-align: center;
  color: #fff;
  padding: 2px;
  font-size: 17px;
}

table.table tr td.transited.head{
	background:#06C;
	text-align:center;
	color:#fff;
	padding: 2px;
  font-size: 17px;
}

table.table tr td.awaited.head{
	background:#C30;
	text-align:center;
	color:#fff;
	padding: 2px;
  font-size: 17px;
}
.exc{
	color:#C00;
	font-size:20px;
	vertical-align:middle;
}
table.table tr th{
	text-align:center;
	vertical-align:middle;
}
table.table-navy tr th{
	  background: rgb(65, 101, 165);
  color: #fff;
  border: 1px solid #fff;
}
span.rating{
	color:#1FBAD6;
}
span.rating i{
	margin-right:3px;

}
.gpsTrack{
	background:#0A091B;
	margin-top:30px;
}
ul.gpsMenu{
	margin:0px;
	
}
ul.gpsMenu li a{
	display:block;
	padding:10px 15px;
	font-size:17px;
	background:rgb(89, 91, 94);
	color:#fff;
	margin-bottom:1px;
}
ul.gpsMenu li a.current{
	background:#333;
	color:rgb(24, 189, 213);
}
ul.gpsMenu li a.current:after{
	  content: "";
  position: absolute;
  border-bottom: 22px solid transparent;
  border-top: 22px solid transparent;
  border-right: 15px solid #0A091B;
  right: 0px;
  top: 0px;
}
#map{
	width:100%;
	height:400px;
	margin-top:15px;
}
.no-padding{
	padding:0px;
}
.no-margin{
	margin:0px;
}
.showAsLink{
	cursor:pointer;
}
ul.socialIcons{
float: left;
    padding: 0px;
    }
ul.socialIcons li{
    float: left;
    list-style: none;
}
ul.socialIcons li a{
  display: block;
    width: 43px;
    height: 44px;
    background: url(../images/SOCIAL.png) no-repeat;
    background-position: 0px 0px ;
    border-radius: 11px;
    margin-right: 10px;
}
ul.socialIcons li a#fbIcon:hover{
    background-position: 0px -71px;
}
ul.socialIcons li a#twIcon{
    background-position: -54px 0px;
}
ul.socialIcons li a#twIcon:hover{
    background-position: -54px -71px;
}
ul.socialIcons li a#inIcon{
    background-position: -106px 0px;
}

ul.socialIcons li a#inIcon:hover{
    background-position: -106px -71px;
}