﻿@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;	
	font-family: "Droid Sans", Helvetica, Arial, sans-serif;
	background-color:#DDDDDD !important; 
}

.menu_top{
	padding-bottom:10px;		
	background-color:#FFF;
}

.menuItem {
	padding-bottom:5px;
	color:#000;
	border-bottom:solid 2px #FFF;
	margin-right:3px;
	cursor:pointer;
	text-transform:uppercase;
}

.menuItem_On {
	padding-bottom:5px;
	color:#097AE0;
	border-bottom:solid 2px #097AE0;
	margin-right:3px;
	cursor:pointer;
	text-transform:uppercase;
}

.content {
	background: #f8f9fa repeat-x left bottom;        
	border: 1px solid #eeefef;
	padding: 1.875em 0; /* 30/16 */
    margin-right: 1px;
    height: 265px;
    width: 285px;
    box-shadow: 5px 5px 5px #999;
}

.loginForm {
	width: 14.75em;
	margin: 0 auto;   
    box-shadow:2px;
}

.loginTitle {
	border-bottom: 1px solid #3399CC;
	font-size: 40px;
	text-align: left;
	padding-bottom:5px;
	color:#9498A1;
}


.menuItem_sys {
	color:#097AE0;
	font-size:13px;
}

.menuItem_sys a{
	color:#097AE0;
	text-decoration:none;
}

.menuItem_sys a:hover{
	color:#000;
}

.toolbar {
	border-top:solid 3px #FFDE00; 
	background:#3399CC; 
	padding:5px;
	padding-left:20px;
	padding-right:40px;
	border-bottom:solid 2px #63C3EA; 
	text-align:left; 
	font-size:16px;
}

.toolbar a{
	text-decoration:none !important;
	color: #FFF;
}

.toolbar a:hover{
	color:#F1C40F !important;
}

.toolbar_item{
	cursor:pointer;
	color: rgb(255, 255, 255);
}

.profile_name{
	color:#000; 
	font-size:12px; 
	text-transform:uppercase; 
	padding-bottom:10px; 
	border-bottom:solid 1px #ccc; 
	margin-top:10px;
}

.profile_company{
	color:#000; 
	font-size:13px; 
	margin-top:10px; 
	color:#666;
}

element.style {
	left: 1350px;
}

#divWeather {
	position: fixed;
	left: 81%;
	border: 0px solid black;
	z-index: 700;
}


.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;}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.navbar-nav > li > a {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  text-transform:uppercase;
  font-weight:bold;  
}

.divDetail{
	background-color:#DDDDDD; 	
	margin-top:155px;
	/*height:1000px; 
	padding:10px; 
	padding-left:20px; 
	padding-right:40px;*/
	text-align:left;	
}

.td {
	padding:3px;
}

.td i{
	cursor:pointer;
}

.td_title{
	font-weight:bold;
	color:#666;
	text-align:right;
}

.td_line{
	border-bottom:solid 1px #999;
	padding-top:8px;
	padding-bottom:8px;
}

.gallonsClass {
	font: 24px verdana, sans-serif;
	color: #f1c40f;
	font-weight: bold;
}

.gallonsClass2 {
	font: 10px verdana, sans-serif;
	color: #828281;
}

.bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
	cursor: move;
	z-index:1900;	
}

.gmnoprint a, .gmnoprint span {
	display:none;
}

.gmnoprint div {
	background:none !important;
}

#GMapsID div div a div img{
	display:none;
}

.gm-style-cc:last-child {
	display: none !important;
}

.gmnoprint:last-child {
	display: none !important;
}


.thumbnailList {
	padding-left:20px;
	padding-right:20px;
	
	display:block;	
}

.reportList {
	padding-left:25px;
	padding-right:10px;
	
	display:none;	
}

.chartList {
	padding-left:25px;
	padding-right:10px;
	
	display:none;	
}

.tankTable {
	display:none;
}

.tankNameClass {
    font-size:14px !important;
    color:#999;
}

.reportNameClass {
    font-size:20px; 
    font-weight:bold; 
    color:#000;
}

.fuelTicket .modal-dialog {
    width: 790px;
}

.fullWidth .modal-dialog {
    width: 98%;
}

.modal700x450 .modal-dialog {
    width: 700px;
    height:450px;
}

.tdB {
    padding:5px;
    border:solid 1px #EAEAEA;
}

.tdH {
    padding:5px;
    border:solid 1px #CCC;
    background-color:#EAEAEA;
}