@font-face {
    font-family: "DoubleEagleSans";
    src: url("PTSansNarrow-Regular.ttf");
}
@font-face {
    font-family: "DoubleEagleSans";
    src: url("PTSansNarrow-Bold.ttf");
    font-weight: bold;
}



* {
font-family: "DoubleEagleSans";
}
.red { color: #8B0000 }
.ui-dialog-titlebar-close {
   display: none;
}

.BackgroundRed
{
	color:white;
	background-color:#8B0000 !important;
}

.BackgroundRed td, .BackgroundRed th
{
	color:white;
	background-color:#8B0000 !important;
}

#ConnectionStatus {
		position:absolute;
		top:5px;
		right:5px;
		height:50px;
		width:200px;
		text-align:right;
		font-size:2em;
		color:white;
		font-weight:900;
}

#ConnectionStatus span{
	padding:20px 15px 20px 10px;
	cursor:pointer;
}

#ConnectionHelp {
	display:none;
}

#RunningLateDiv {
	 display:none;
}

#RunningLateDiv div {
	margin:0px 15px 5px 10px;
}
#TripCompleteDiv {
	display:none;
}

#ModeLabel{
	 font-size:1.8em;
	 font-weight:900;
	 color:#8B0000;
}


#DBLeft {
width:650px;
}

#EmployeeID {
	background: #32beff !important;
	padding: 5px 7px 5px 7px !important;
	color: white;
	 
	border-radius: 10px !important;
	font-size: 1.3rem;
	margin:10px 20px 10px 5px;
	
}
#EmployeeID option{
	background: #32beff !important;
	padding: 5px 7px 5px 7px !important;
	color: white;
	 
}

#EmployeeID option:hover { 
	background-color: yellow !important;
}

button {
	background: #32beff !important;
	padding: 5px 7px 5px 7px !important;
	color: white;
	font-family: "DoubleEagleSans" !important; 
	border-radius: 10px !important;
	font-size: 1.5rem;
	cursor:pointer;
}

.NumPadInput {
	margin:auto 5px auto 5px auto;
	height:40px;
	width:150px;
	
}

.InputField {
		font-size:1.1em;
		height:1.1em;
		width:100px;
		text-align:right;
		font-weight:900;
}

.NumPadPop {
		display:none;
		text-align:center;
	
}


.NumPad button {
		width:75px;
		height:75px;
		font-size:1.9em;
		font-weight:900;
}

#Dashboard {
	margin-top:10px;
}

#SystemHeader span {
		margin:10px 10px 20px 0px;
		font-size:1.8em;
}

#TripDetails span {
		margin:10px;
		font-size:1.4em;
}
.TicketButtonRow {
	display: flex;
  flex-direction: row;	
  flex-wrap: wrap;
  justify-content: flex-start;
}

.TicketButtonRow button {
	margin:25px;
	min-width:100px;
	height:100px;
}

.GrandTotal {
	font-size:1.5em;
}
.TotalTableFirst {
		width:200px;
}

.TotalTableSecond {
  text-align:right;
}
.Indent {
	padding-left:35px !important;
}

.ProductColorRows li:nth-child(even) {background: #dce0e8 !important}
.ProductColorRows li:nth-child(odd) {background: #b8d2fc !important}


.TableColorRows tr:nth-child(even) {background: #dce0e8 !important}
.TableColorRows tr:nth-child(odd) {background: #b8d2fc !important}

.TableCss {
	border-collapse: collapse;
	margin: 10px;
}

.TableCss th {
	border: solid black 1px;
	font-size: 1.4em;
	padding: 7px;
}

.TableCss td {
		font-size:1.5rem;
		padding:10px 10px 10px 10px;
		border: solid black 1px;
}

.FlexCategory
{
 	display: flex;
  flex-direction: row;	
  flex-wrap: wrap;
  justify-content: flex-start;
   
}

#ProductTabs .TabHeader {
		font-size:1.5em;
}
.ProductItem
{
	display:inline;
	padding:5px;
	width:170px;
	height:100px;
	text-align:center;
	vertical-align: middle;
	list-style: none;
	padding-left:0px;
}

.ProductPrice {
	margin: 5px auto 5px auto;
	color:red;	
	width:70%;
	cursor:pointer;
	
	background: #32beff !important;
	padding: 5px 7px 5px 7px !important;
	 
	border-radius: 10px !important;
	font-size: 1.8rem;
	
	
	
}



.ProductName {
	min-height:50px;
	font-size:1.3em;
}