html,body,div[data-role ="page"], div[data-role="content"] {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.Li_No_Sel 
		{
		padding: 			.7em 1em;			cursor: 			pointer;		
		border-width: 		1px;				border-style: 		solid;
  		background-color: 	#f6f6f6;			text-align: 		center;			font-weight: 	bold;		
  		vertical-align: 	middle;				display: 			inline-block;	
  		border-radius: 		0px;				font-size:			3vw;			border: 		1px; 
  		border-left: 		1px solid white;	border-color: 		#ddd;			color: 			#333;
  		font-family: 		sans-serif;
		}
.Li_Sel 
		{
  		padding: 			.7em 1em;			cursor: 			pointer;		
		border-width: 		1px;				border-style: 		solid;
  		background-color: 	#538fbe;			text-align: 		center;			font-weight: 	bold;		
  		vertical-align: 	middle;				display: 			inline-block;	
  		border-radius: 		0px;				font-size:			3vw;			border: 		1px;
  		border-left: 		1px solid white;	border-color: 		#ddd;			color: 			white;
  		font-family: 		sans-serif;
		}
.Ulcss	{
		padding: 			0; 					margin: 			0; 				list-style-type: none; 
		background-color: red; 					display: 			flex;				
					}

table, th, td , var , div, select	{
									font-style: normal;
									font-family:Verdana;
									}
.Transparent						{
									position:absolute;	vertical-align:middle;	font-family:Verdana;	text-align:center;
									z-index:200;		opacity: 0.6;			background:#f2f0f0;
									}
									.blinking							{	animation:blinkingText 1s infinite;	}
@keyframes blinkingText				{
    								0%	{ color: red;    		}
    								20%	{ color: red;    		}
    								49%	{ color: transparent;	}
    								50%	{ color: transparent;	}
    								80%	{ color: red;			}
    								100%{ color: red;    		}
									}
.aside .ui-input-text 				{
    								display:inline-block;
									}
.Centra 							{
									display:block; margin:0 auto;
									}
.Popup	{
		width: 				90%;
		padding: 			5px;
		margin: 			10px;
		border: 			1px solid black;
		border-radius: 		0px;
		box-sizing: 		border-box;
		background-color: 	white;
		background: 		white;
		position: 			absolute;
		text-align: 		left;
		transition: 		transform 0.8s;
		transform-style: 	preserve-3d;
		z-index:			1000;
		display: 			none;
		font-size:			14px; 
		font-style:			normal; 	
		}
.Popup_Title	
		{
	    position: 			absolute;
	    top: 				-5px;
	    left: 				0px;
	    line-height: 		20px;
	    width: 				100%;
	    
		margin-left: 		0px;
		padding-top: 		5px;
		padding-bottom: 	10px;
		
		border-top: 		2px solid #ff5500;
		border-bottom:		3px solid #ff5500;
		border-right: 		hidden;
		border-left: 		hidden;
		border-radius: 		0px;
		background-color: 	#242A61;
		text-shadow: 		0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #f3f3f3 /*{a-body-shadow-color}*/;
		text-align: 		left;
		color:				white;
		font-size: 			1em;
		font-style:			normal; 	
		font-weight:		bold;
		z-index:			1001;
		}	
.Popup_Body				
		{
		margin-top: 		40px;
		width: 				100%;
		background-color: 	white;
		background: 		white;
		text-align: 		left;
		color:				black;
		font-size:			14px; 
		font-style:			normal; 	
		}						
.button 							
	{
    color: 	#fff;
    background-color: #538fbe;
    padding: 8px 15px;
    font-size: 	 14px;
    font-family:Verdana;
	}
.Destac 							
	{
    color: 	#fff;
    background-color: #538fbe;
	}
.btn 								{ background: #3498db;
									  background-image: -webkit-linear-gradient	(top, 		#3498db, #2980b9);
									  background-image: -moz-linear-gradient	(top, 		#3498db, #2980b9);
									  background-image: -ms-linear-gradient		(top, 		#3498db, #2980b9);
									  background-image: -o-linear-gradient		(top, 		#3498db, #2980b9);
									  background-image: linear-gradient			(to bottom, #3498db, #2980b9);
									  -webkit-border-radius: 28;
									  -moz-border-radius: 28;
									  border-radius: 28px;
									  font-family: Arial;
									  color: #ffffff;
									  font-size: 20px;
									  padding: 10px 20px 10px 20px;
									  text-decoration: none;
									}

.btn:hover 							{ background: #3cb0fd;
									  background-image: -webkit-linear-gradient	(top, 		#3cb0fd, #3498db);
									  background-image: -moz-linear-gradient	(top, 		#3cb0fd, #3498db);
									  background-image: -ms-linear-gradient		(top, 		#3cb0fd, #3498db);
									  background-image: -o-linear-gradient		(top, 		#3cb0fd, #3498db);
									  background-image: linear-gradient			(to bottom, #3cb0fd, #3498db);
									  text-decoration: none;
									}
.Hide								{display: none;			}
.Red      							{color: red;			}
.B_h_Top							{border-top: hidden;	}
.B_h_Bot							{border-bottom: hidden;	}
.B_h_BotTop							{border-top: hidden; border-bottom: hidden;}
.Header       						{background: white;	border-color: 1px solid #f57900; 	border: 1px solid #8f5902;	color: black;			
									 cursor: pointer;	
									}
.TB  								{ 	border-spacing:0px; 	border-width: 2px; 				border-color: #ff5500; 		border-style: solid;  	
										margin: 0px;	 	 							
				  						padding-top:0px; padding-bottom:0px; padding-left:0px; 	padding-right:0px; 		  	background-color: white;
				  					}

.B2Top  							{ 	border-spacing:0px; 	border-width: 2px; 				border-color: #ff5500; 			border-style: solid;  	
										border-right:hidden;	padding:0px; 					border-bottom:hidden;			border-left: hidden;
										vertical-align: middle; background-color: white;		margin: 0px;
									}
									
.B2Bottom  							{ 	border-spacing:0px; 	border-width: 2px; 				border-color: #ff5500; 		border-style: solid;  	
										margin: 0px;			padding-top:0px; 				padding-bottom:0px; 		padding-left:0px; 
										padding-right:0px; 		border-top:hidden;				border-left: hidden; 		border-right:hidden;
										vertical-align: middle; background-color: white;
									}
.TBL  								{ 	border-spacing:0px; 	border-width: 2px; 				border-color: #ff5500; 	border-style: solid;  	
										margin: 0px;			padding-top:0px; 				padding-bottom:0px; 		padding-left:0px; 
										padding-right:0px; 		background-color: white;		border-left: hidden; 		border-right:hidden;
										vertical-align: middle; 
									}
.TRBORDER  							{ 	border-spacing:0px; 	border-width: 2px; 				border-color: #ff5500; 		border-style: solid;  	
										margin: 0px;			padding-top:0px; 				padding-bottom:0px; 		padding-left:0px; 
										padding-right:0px; 		background-color: white;		border-left: hidden; 		border-right:hidden;
										vertical-align: middle; 
									}
.TBLINI  							{ 	margin: 0px;			padding:0px; 					background-color: white;	border: hidden; 			vertical-align: middle;
										border-collapse:separate; 								border-spacing: 0; 
									}
.TBLSimp  							{ 	margin: 0px;			padding-top: 0px; 				padding-bottom: 0px; 		padding-left: 0px; 
										padding-right: 0px; 	background-color: white;		vertical-align: middle;		border: hidden;
									}
.TDL								{   border-left: hidden;    border-right:  hidden;			vertical-align: middle;
										margin: 0px;			padding: 0px;
									}
.TDL_TOP_HID						{   border-top:	 hidden;	border-right:  hidden;   		border-left: hidden;		vertical-align: middle;
										padding-bottom: 10px;
									}

.TDL_DOWN_HID						{   border-bottom: 	hidden; border-right:  hidden;    		border-left: hidden;		vertical-align: middle;
									}

.TDX								{   padding-top: 0px;										border-left: hidden;    	border-right:hidden;	height: 35px; vertical-align: middle;}
Tog 								{	background-color: rgb(83,87,93);	font-family: "FontAwesome";		color: red;			
										text-shadow: 0px 1px 1px rgba(250,250,250,0.1);
										font-size: 20pt;					display: block;					position: relative;	text-decoration: none;
    									box-shadow: 0px 3px 0px 	0px 	rgb(34,34,34),
    												0px 7px 10px 	0px 	rgb(17,17,17),
    									      inset 0px 1px 1px 	0px 	rgba(250, 250, 250, .2), 
    									      inset 0px -12px 35px 0px 		rgba(0, 0, 0, .5);
										width: 35px;						height: 35px;					border: 0;			border-radius: 35px;
										margin: 0 auto;
										text-align: center;					line-height: 40px;				
										transition: 		color 350ms ease, text-shadow 350ms;
										-o-transition: 		color 350ms ease, text-shadow 350ms;
										-moz-transition: 	color 350ms ease, text-shadow 350ms;
										-webkit-transition: color 350ms ease, text-shadow 350ms;
										font-family: "FontAwesome";
									}
.Tog:before 						{	background-color: rgb(26,27,29);	content: "";	display: block;	z-index: -2;	position: absolute;	}
.Tog:active 						{	background-color: rgb(83,87,93);	}
.Tog.on 							{	background-color: rgb(83,87,93);	color: green;	text-shadow: 0px 1px 0px yellow;	}
.Tog:active:before, a.on:before 	{	background-color: rgb(26,27,29);	}

/* Styling the Indicator light */
.Tog + span 						{	background-color: rgb(226,0,0);		display: block;	width: 8px;		height: 8px;
									box-shadow: inset 0px 1px 0px 0px rgba(250,250,250,0.5),	
													  0px 0px 3px 2px rgba(226,0,0,0.5);
 									border-radius: 4px;					clear: both;	position: absolute;	left: 90%;	top: 22px;
 									transition: 		background-color 350ms, box-shadow 700ms;
									-o-transition:		background-color 350ms, box-shadow 700ms;
									-moz-transition: 	background-color 350ms, box-shadow 700ms;
									-webkit-transition: background-color 350ms, box-shadow 700ms;
									}
.Tog.on + span 					{	box-shadow: inset 0px 1px 0px 0px rgba(250,250,250,0.5), 0px 0px 3px 2px rgba(135,187,83,0.5);	background-color: rgb(135,187,83);	}



 .DateDiv 		{	float:left;								position:relative;						padding:0.1mm;			
					font-size:8px;							font-weight: bold;						margin-top: 0.1mm;		width:100%;
  					border:0.1mm solid #ff5500;				color:#333;								background: #f9df86;
  					-webkit-border-radius:1px;				-moz-border-radius:1px;																				}
  .DateDivPhone {	float:left;								position:relative;						padding:0.1mm;			
					font-size:10px;							font-weight: bold;						margin-top: 0.3mm;		width:100%;
  					border:0.3mm solid #ff5500;				color:#000000;							background: #ff8000;
  					-webkit-border-radius:2px;				-moz-border-radius:2px;																				} 
					


.txt2Taxist		{COLOR: DarkSlateBlue  ; 			position: relative;	font-size: 9px;	left: +12mm;	font-weight:bold;	}
.ListOfMessage  {overflow: hidden;}

.tooltip 			{	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
						box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
						font-family: Calibri, Tahoma, Geneva, sans-serif;
						position: absolute; left: 1em; top: 2em; z-index: 300;		max-width: 80%;
						margin-left: 0; width: 250px;																											}
.help 				{ background: #9FDAEE; border: 1px solid #2BB0D7;	}