.qtip-blue{border:1px solid #555;background-color:#fff;color:#555}

#topLinkMonitor > .top-link{
	padding-left:5px;padding-right:5px;
}

/** ****************************************************************************
  * Tables
	* ****************************************************************************
  */
/* Tracking and Details of consignment */
table.address, table.details, table.tracking, table.duedate-calendar {
	color:#555;
	padding:0px;
	margin:0px;
	border:0px;
	font-size:12px;
	background: white;
}

.details-connote{
	font-size:12px;
}


table.tracking>tbody>tr>td, table.address>tbody>tr>td, table.details>tbody>tr>td, table.duedate-calendar>tbody>tr>td{
	padding-left:5px;
	padding-right:5px;
}

table.details>tbody>tr>td:first-child{
	width:120px;
}

table.address>tbody>tr:first-child>td, table.details >tbody>tr:first-child>td{
	height:20px;
}

table.details-packages,table.details-articles,table.details-connote,#TrackDetailsT{
	width:100%;
	margin-bottom:10px;
}
.details-packages tbody>tr:first-child>td, .details-articles tbody>tr:first-child>td{
	height:20px;
}

#tabs-Details,#tabs-Tracking,#tabs-TrackingGoogleMap{
	padding:0px;
	margin:0px;
}


table.tracking>tbody>tr:first-child>td, table.address>tbody>tr:first-child>td, table.details>tbody>tr:first-child>td,
table.tracking>tbody>tr.head>td{
	font-weight:bold;
	color: #fff;
	background: #333f48;
}


table.tracking>tbody>tr:first-child>td:last-child{
	background:none;
}



/* box in application */
.app-box{
	background: #ccc url(/images/highcharts-sand.png) repeat 0 0px;
		-moz-box-shadow: 4px 2px 2px #999;
	-webkit-box-shadow: 4px 2px 2px #999;
	box-shadow: 4px 2px 2px #999;
	border: 1px solid #bbb;
}
	


a {
	color: #333f48;
}

#user-details{
	font-size: 0.8em;
	margin:5px;
	padding:2px;
	text-shadow: 1px 2px 2px #eee;
	color:#555;
	overflow:visible;
	
}


#user-details .rules{
	font-weight:normal;
	color:#333f48;
	border-radius:3px;
	border:1px solid #333f48;
	padding:2px;
	margin:2px;
	line-height:20px;
	font-size: 0.9em;
	display: inline-block;
}

.user-details tr.head >td{
	vertical-align:middle;
	font-size:1.3em;
	font-family: 'PT Sans Narrow';
	border-bottom: 2px solid #ccc;
	padding-bottom:10px;
	height:30px;
}
.user-details tr.head >td{
	//border-bottom: 2px solid #ccc;
}

.user-details tr.tr-bookmarks > td{
	//border-bottom: 2px solid #ccc;
}

#teacherDialog{
	position:absolute;
	bottom:50px;
	right:50px;
	max-width:500px;
	min-width:200px;
	background:white;
	min-height:400px;
	border-radius:0px;background:white !important;
	border:1px solid #ccc; !important;
}
#teacherDialog .counter,.teacher-counter{
	width:35px;
	font-weight:bold;
}

#messageDialog{
	background:white;
}

.sm_delivered{
	width:25px;
	height:25px;
	background:transparent url('../images/accept.png') no-repeat center center;
}
.sm_transit{
	width:25px;
	height:25px;
	background:transparent url('../images/transit.png') no-repeat center center;
}
.sm_exception{
	width:25px;
	height:25px;
	background:transparent url('../images/error-ico.png') no-repeat center center;
}
.sm_collected{
	width:25px;
	height:25px;
	background:transparent url('../images/pu.png') no-repeat center center;
}
.sm_outdelivery{
	width:25px;
	height:25px;
	background:transparent url('../images/od.png') no-repeat center center;
}
.sm_manifest{
	width:25px;
	height:25px;
	background:transparent url('../images/mn.png') no-repeat center center;
}
.sm_waitdel{
	width:25px;
	height:25px;
	background:transparent url('../images/delivered.png') no-repeat center center;
}


.sm_carrier{
  background: transparent url('/images/e.gif') no-repeat right bottom;
}

#jqGridMessage{
	font-family: tahoma,helvetica,sans-serif;
  font-size: 2em;
  font-weight:bold;
  color: #555;
  background:none;
  padding:10px;
  text-align:center;
}

#logHeader{
	width:100%;
	height:50px;
	font-size: 1.2em;
	text-align:left;
	margin-bottom:1px;
	background: white;
}

#logContent{
	width:100%;
	text-align:left;
}



/* standard background */
.ge-background-1{
	background: linear-gradient(to bottom, #AAA 40%, #BBB 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/* small button in list */
.ge-numrec{
	cursor:pointer;
	background: white;
	border: 1px solid #aaa;
	padding:0px 2px 0px 2px;
	color:#888;
}

.ge-numrec:hover, .ge-numrec-current {
   background: none repeat scroll 0 0 #333f48;
   border: 1px solid #333f48;
   color: white;
}



/* Grid slider and page's indicator */
#slider{
	width:200px;
	margin-right:10px;
	border:1px solid #ccc;
}

#slider-text{
	background:transparent;
	font-weight: bolder;
	font-size: 10px;
	color:#555;
	width:50px;
}

#list tr.ui-state-highlight{
	background: #D8E2E9;
}



/* [list] Action icons */
.row-buttons{
	padding:0px;
	margin:0px;
	border:0px;
}
.row-buttons-td{
	border:0px !important;
}

/* Report Display */
#reportdata{
background:white;
margin-top:5px;
font-size:11px;
}

#reportdata.smallfont{
	font-size:9px !important;
}

#reportdata tbody>tr.h1{
	background: #ccc;
	text-align:center;
	font-weight:bold;
}	

#reportdata tbody>tr.h1>td{
	border-top:1px solid gray;
	border-bottom:1px solid gray;
}	

#reportdata tbody>tr.h2{
	background: #00a8ec url(/images/gradient.png) repeat-x 0 -30px;
	text-align:center;
	font-weight:bold;
	vertical-align:top;
}		

#reportdata tbody>tr.h2>td{
	border-top:1px solid gray;
	border-bottom:1px solid gray;
}		

#reportdata tbody>tr.l0{
	background:whitesmoke;
	text-align:right;
}

#reportdata tbody>tr.l1{
	background:white;
	text-align:right;
}

#reportdata tbody>tr.l0>td{
	border-bottom:1px dotted gray;
}

#reportdata tbody>tr.l1>td{
	border-bottom:1px dotted gray;
}

#reportdata tbody>tr>td.grp{
	text-align:left;
	font-weight:normal;
}	

/* simple list */
#reportdata tbody>tr>td.v{
	text-align:left;
	font-weight:normal;
}	

#reportdata tbody>tr.lt{
	background:#eee;
	text-align:right;
	color:#555;
}

#reportdata tbody>tr.lt>td{
	border-bottom:3px double #999;
}

#reportdata tbody>tr.lgt{
	background:#ccc;
	text-align:right;
	color:black;
}

#reportdata .smartLookup, #reportdata .showLink{
	cursor:pointer;
}

#reportdata tbody>tr.lgt>td{
	border-bottom:3px double black;
}


.report-info{
	max-height:600px;
	width:100%;
	border: 1px solid #ccc;
	border-radius:5px;
	background: white;
	padding:5px;
	text-align:left;
	margin-bottom:5px;
}	

.report-info tbody>tr>td:first-child{
	width:100px;
	font-weight:normal;
	padding-left:10px;
}

.report-info .filter-link,.chart-info .filter-link{
	white-space:nowrap !important;
}

.report-info tbody>tr>td:first-child{
	background: linear-gradient(to bottom, #AAA 40%, #BBB 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}

.report-info  tbody>tr:nth-child(even)>td:first-child{
	background: linear-gradient(to bottom, #DDD 40%, #EEE 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}


/* Modal dialog box */
#logMessageContent{
	height:100%;
	//overflow: hidden;
}
#logMessageBox{
	overflow:auto;
}

#logMessageButton{
	width:100%;
	padding-bottom:2px;
}


#errorMessage{
	background: #fff url(/images/gradient.png) repeat-x 0 0;
	border: 2px solid crimson;
	color:crimson;
	font-size:2em;
	width:500px;
	min-height: 200px;
	text-align:center;
	padding:10px;
	margin:10px;
}

#infoMessage, .infoMessage {                                                          
  background: #fff;
  border: 4px solid #333f48;                                          
  color: #333f48;                                                     
  font-size: 1.3em;                                                   
  margin: 5px;                                                        
  padding: 5px;                                                       
  width: 95%; 
  text-align: center;  
}  

.questionMark{
	float:right;
}

label.error{
	color:crimson;
	float:right;
	border-bottom:1px dotted crimson;
}

input.filterInput{
	float:right;
}

/* report colors */
.lcols .fa,lgcol .fa,.lpcol .fa,.lscol .fa,.lfcol .fa{
	font-size:1em;
	margin-right: 5px;
}
.lcols,.lgcol,.lpcol,.lscol,.lfcol,.llcol{
	line-height:20px;
	margin:1px;
	padding:2px;
	white-space: pre-wrap;
}

.lcols{
	display:block;
	font-size:0.9em;
}

.lgcol{
	background:white;
	color:#303030;
	border:1px dotted #325f76;
}
.lpcol{
	background:#d8e2e9;
	border:1px dotted #325f76;
}
.lscol{
	background:#b3c0c9;
	border:1px dotted #777;
}
.lfcol{
	background:#e1e1e1;
	border:1px dotted gray;
}
.llcol{
	background:#d4ecfb;
	border:1px dotted gray;
	color:#555;
}

.fa_ok{
	color:green;
}
.fa_error{
	color:crimson;
}


select.warning, input.warning, textarea.warning{
	color:black;
	background-color: #f39d77;
}

/* small information for Chart/Map */
.chart-info{
	color:#555;
	border-radius:2px;
	width:99%;
	padding:0px;
	font-family: "Gill Sans";
	margin:5px 0px 3px 0px; /* TRBL */
}

.chart-info > span{
	padding:0px 5px 0px 5px;
	border-right: 1px dotted #ccc;
	margin-left:5px;
}

.chart-info > span>span{
	padding: 0px 5px 0px 5px;
}

.chart-info-title{
	background: #ccc url(/images/highcharts-sand.png) repeat 0 0px;
	font-weight:bold;
}

.toggle-reportinfo{
	float:left;	
}

.map-click-info{
	font-weight:bold;
	color: #555;
}

.diag-newOrder .ui-dialog-content #BookingWindow{
	//display:none;
}

/* --------------------------------------------------------
Date picker                                                
*/

div.hasDatepicker{
	z-index:1000;
	position: absolute;
	top:100px !important;
	left:100px !important;
	background: white; 
}


#filterDate{
	//white-space:nowrap;
	margin:0px;
	padding:0px;
}

#filterDate td{
}



#ui-datepicker-div{
	background: white;
}

.date-range-selected > .ui-state-active, .date-range-selected > .ui-state-default {
  background: linear-gradient(0deg, #4d148c, #4d148c) repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #FFF;
}

.chained-layout-link-container > a{
	margin:5px;
	padding:2px;
}

.filterstring{
	float:left;
	padding-left:10px;
	font-weight:normal;
	color:#1d2a63;
	text-overflow:ellipsis;
	width:12em;
	white-space:nowrap;
	overflow:hidden;
}

#filterstring{
	border: 1px dotted gray;
	background: #00a8ec url(/images/gradient.png) repeat-x 0 -40px;
	padding:2px;
	margin:0px;
}

/* date picker T,Y,MD, */
div.filter-link{
	font-size:1em;
	margin-left:30px;
}

a.filter-link {
  background: linear-gradient(to bottom, #fff 40%, #f2f2f2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #d8d8d8;
  border-radius: 1px;
  color: #333f48;
  cursor: pointer;
  font-size: 1em;
  font-weight: normal;
  margin: 1px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
}

#hypercubeBar select, #hypercubeBar input{
	font-size:0.9em;
}
#hypercubeBar select{
	max-width:150px;
}
#hypercubeBar a.filter-link{
	padding-left: 5px;
  padding-right: 5px;
}

a.filter-link:hover, a.filter-link-current{
	background: #50778d;
	color: white;
}

a.filter-link-disabled, a.filter-link-disabled:hover{
	 color: #bbb;
	 background: #eee;
	 font-style:italic;
}


.event-info {
  color: #ff2900;
  padding: 5px;
}          

#ButtonZone {
  min-height: 35px;
}  


/* Dialog with hidden columns */
#ShowHideDiag{
	background: #f2f2f2 url(/images/gradient.png) repeat-x 0 0px;
	font-size:0.9em;
	color:#555;
	border: 2px solid #999;
	border-radius:5px;
	-moz-box-shadow: 4px 2px 2px #999;
	-webkit-box-shadow: 4px 2px 2px #999;
	box-shadow: 4px 2px 2px #999;
	padding:5px;
}

#ShowHideDiag .container{
	width:100%;
	height:90%;
	
	overflow:auto;
	overflow-x:hidden;
}

#ShowHideDiag .button-pane{
	text-align: right;
	height:20px;
	padding:5px;
}

#ShowHideTable{
	width: 100%;
	padding:2px;
	margin:0px;
	background:transparent;
}

#ShowHideTable > tbody > tr > td:nth-child(2){
	text-align:right;
}



#gbox_list{
	margin-left:5px;
	margin-right:5px;
}



#tasksPusher{
margin-top: 15px;
}


#filtersListDiv .light{
	padding-left:5px;
	font-weight: normal;
	color: #333;
}



div.ui-draggable-iframeFix{
	overflow:hidden;
}



/* PIN */

/*
#pinInfo{
	position: absolute;
	top: 60px;
	background: white;
	color: #999;
	font-size:0.9em;
	padding: 5px;
	border: 1px solid #999;
	width: 250px;
	height: auto;
}

.pin-info-title{
	font-weight:bold;
	color: #5d8499;
	border-bottom: 1px solid #5d8499;
	width:100%;
}

.pin-info-title .fa{
	font-size:1.5em;
	float:right;
	margin-top:20px;
}
*/

.fa{
	cursor:pointer;
}



/* header */
#logHeader{
}



#footer {
  border-top: 2px solid #999;
  color: #333f48;
  font-family: tahoma,helvetica,sans-serif;
  text-align: left;
 // clear: both;
  padding-left:10px;
  margin-left:5px;
  margin-right:5px;
  font-size:0.9em;
  position:relative;
  height:25px;
  width:100%;
  background:white;
}


#menuLogo{
	top:0px;
	left:0px;
	background: transparent url(/images/s_logo.png) no-repeat 0px 0px;
	width:100px;
	height:45px;
	display:block;
	padding:0px;
}

#adminLogo{
	top:0px;
	left:0px;
	background: transparent url(/images/admin.png) no-repeat 10px 10px;
	width:50px;
	height:40px;
	display:block;
	padding:0px;
}

#customerLogo{
	margin:2px;
	padding:0px;
	padding-top:5px;
}

#bar{
	min-height: 30px !important;
	height: 30px;	
	font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
	color:#555;
}

#bar .fa{
	margin-right:5px;
}
#bar li a {
	padding-bottom:2px;
}

#bar .top-link{
	padding-top:4px;
}

#bar a.current{
	color: #333f48;
	
}
#bar li a:hover{
	color: #333f48;
}



/* report Mask */
#filters .label, #date-type, #schedule input,#schedule select {
	color:#333f48;
}
#vcolumnsLabel, #hcolumnsLabel, #columnsLabel {
	background: linear-gradient(to bottom, #AAA 40%, #BBB 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}


/* images of status */
.sm_delivered{
	background:transparent url('/images/accept.png') no-repeat center center; 
}
.sm_transit{
	background:transparent url('/images/transit.png') no-repeat center center;
}
.sm_exception{
	background:transparent url('/images/error-ico.png') no-repeat center center;
}
.sm_collected{
	background:transparent url('/images/pu.png') no-repeat center center;
}
.sm_outdelivery{
	background:transparent url('/images/pu.png') no-repeat center center;
}
.sm_imported{
	background:transparent url('/images/imported.png') no-repeat center center;
}
.sm_error{
	background:transparent url('/images/error.png') no-repeat center center;
}
.sm_unilab{
	background:transparent url('/images/unilab.png') no-repeat center center;
}
.sm_manifest{
	background:transparent url('/images/mn.png') no-repeat center center;
}
.row-status-img{
	width:25px; min-width:25px;
}
/* quick menu */
#nav .sub-items > li > a, #nav .sub-items > li > a:hover {
	//font-family: "Arial",  "Verdana", "sans-serif";
	font-weight: normal;
  text-transform: none;
  text-shadow:none;
	font-size:0.8em;
	padding:2px;
	margin:0px;
	color:#555;
	height: 12px;
  line-height: 10px;
  //background: linear-gradient(to bottom, #FFFFFF 40%, #F2F2F2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid transparent;
}
#nav .sub-items > li > a:hover{
	color: #ff6600;
}

#nav li.sub-items-separator, #nav li.sub-items-separator:hover{
	font-size:0.8em;
	border-top:1px solid #555;
	color: white;
	padding-left:10px;
	font-weight:bold;
	background: linear-gradient(to bottom, #ccc 40%, #eee 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#nav .item{
	width:180px;
}

#nav .item-deleted{
	color: #949494;
	text-decoration: line-through;
}



.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}

/*CANVAS CONTROLLER*/
.canvasController,#jitInfo{
	font-size:0.9em;
	color:#333;
	position:absolute;
	top:0px;
	right:0px;
	border:1px solid #eee;
	border-radius:3px;
 	padding:3px;
 	background-color: white;
/* 	-webkit-box-shadow: 10px 10px 12px -8px rgba(0,0,0,0.68);
-moz-box-shadow: 10px 10px 12px -8px rgba(0,0,0,0.68);
box-shadow: 10px 10px 12px -8px rgba(0,0,0,0.68);*/
}


.canvasController .fa{
	font-size:1em;
	margin-left:5px;
	margin-right:5px;
}

.canvasController .fa:hover{
	color:#426c83;	
}

.canvasController select{
	margin-left:10px;
	font-size:0.9em;
}

/*CANVAS TOOLTIPS*/
.canvasTip {
    color: #111;
    background: white;
    border:1px solid #ccc;
    -moz-box-shadow:#555 2px 2px 8px;
    -webkit-box-shadow:#555 2px 2px 8px;
    -o-box-shadow:#555 2px 2px 8px;
    box-shadow:#555 2px 2px 8px;
    opacity:0.9;
    filter:alpha(opacity=90);
    font-size:10px;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding:7px;
}

#canvasGradient{
	margin-top:2px;
	cursor:pointer;
}

#canvasGradient .legend-color{
	width:15px;
	height:10px;
	float:left;
}

.ui-pg-button{
	cursor:pointer;
}




/* Country and account cluster */
#AccountRestrictT, #CountryClusterT, #CountryRestrictT{
	width:100%;
}

#CountryRestrictT,#AccountRestrictT{
	font-size:0.9em;
	padding:1px;
	margin:0px;
}
#CountryRestrictT tr:first-child > td,#AccountRestrictT tr:first-child > td{
	font-size:1.1em;
}
#CountryClusterT th{
	font: bold 1em "Gill Sans Light";
	background: #eee;
}


/* doouble link */
#bar .doubleFaLink{
	text-decoration:none;
	padding:0px;
	margin:0px;
}

#bar .doubleFaLink .fa{
	color:#333;
}
#bar .doubleFaLink:hover .fa{
	color:#555;
}
#bar .doubleFaLink .fa{
	font-size:0.7em;
}

#bar .doubleFaLink, #ExtendSearchAuto{
	font-size:1.5em;
	padding-left:5px;
}

.sm-mark{
	padding:2px 5px 2px 5px;
	border-radius:5px;
	margin-right:5px;
}

.sm-markOk{
	background:#3bb676;
	color:#fff;
}
.sm-markErr,.sm-markErr a,.sm-markErr a:hover{
	background:#f29d76;
	color:#fff;
}
.sm-markWarn{
	background:#fef886;
	color:#333;
}
.sm-markNorm{
	background:#eef;
	color:#333;
	border: 1px solid #ccc;
}
.sm-markClear{
	background:transparent;
	color:#333;
}
.sm-markBlue{
	//background:#d4ecfb;
	//border: 1px solid #8ccff3;
	color:#009bd9;
}

/* 3ds popup */
.d3sPadText{
	color: #555;
	text-shadow: 2px 2px 8px #5d8499;
}
.popup_d3s_title{
	width:100%;
	text-align:right;
	font-size:1.1em;
	font-weight:bold;
	color: #426c83;
 	padding-right:10px;
}

.fa_d3s{
	font-family: 'FontAwesome';
	color: #555;
}

.popup_d3s {
	font-size:0.9em;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
  width: 350px;
  border: 1px #426c83 solid;
  white-space:normal;
  padding: 8px;
  font-family: arial, helvetica, sans-serif;
  background-color: rgba(255, 255, 255, 0.8);
}

.popup_d3s_link{
	font-size:2em;
	color: #426c83;
	cursor: pointer;
}

/* 2015-07 */

.padSettingInBar, .iPadBar, .iPadReportInfo, .iPadReportMask,.iPadChartZone,.iPadReportMask{
	position:absolute;
	top:35px;
	left:0px;
	background: white;
	border:1px solid #ccc;
	padding:5px !important;
	margin:5px !important;
	z-index:100;
	width:100%;
}


.iPadReportZone,.iPadChartZone,.iPadReportMask{
	top:35px;
}

.iPhoneGrid .ui-pg-button > .ui-pg-div{
	text-overflow:  clip;
	width:20px;
	font-size:0.1em;
	color:transparent;
}
.iPhoneGrid .ui-pg-button > .ui-pg-div > span{
	color:#ccc;font-size:1em;
}

.iPhoneGrid #slider{
	width:80px;
}
.iPhoneGrid .ge-numrec{
	display:none;
}

.iPadHeader #topLinkHelp ,.iPadHeader #topLinkUpload,.iPadHeader #topLinkJournal {
	display:none;
}


#filterDate{
}
#filterDate > div{
	display:inline;
	vertical-align:top;
}

#filterDate > .filter-bar-status{
	display:inline-block;
}

/* 2015-10 */
/* center will not ovverride left buttons */
#list_toppager_center{
	/*width:auto !important;*/
}
#list_toppager_left{
}

/* align icon in bar */
#periodPicker,#profile-lock,#profile-save,#profile-close, #autoLinks{
	vertical-align:middle !important;
}

#filterDate .date-from,#filterDate .date-to{
	vertical-align:bottom;
	font-weight: normal;
	display:none;
}

div.filter-link {
  margin-left: 5px;
}

#list_toppager_left .ui-pg-table .ui-pg-button{
	display:inline-block;
}

div.jGrowl-message{
	word-wrap: break-word;
	overflow-y:auto;
	max-height:500px;
	margin-bottom:30px;
	padding-bottom: 5px;
}

#extendSearch .fa{
	font-size:20px;
}

/* Cannot select element except in list */
#logHeader,#logContent:not(.can-select-text,input),.ui-dialog:not(.can-select-text,input), .ui-widget-content:not(.can-select-text,input), #footer{
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

/* can select in list */
#list, #list tr, #list td, pre, #sql-query-container,#comments,#tabs-data td, #aggLink_diag td, .can-user-select, .can-select-text, #logContent input{
  -moz-user-select: text !important;
  -khtml-user-select: text !important;
  -webkit-user-select: text !important;
  user-select: text;
}


@media 
		only screen and (min-device-width: 768px) and (max-device-width: 1024px),/* iPad [portrait + landscape] */
		only screen and (max-device-width: 480px),/* iPhone [portrait + landscape] */
		only screen and (max-device-width: 640px), /* 6 and 6+ */
    only screen and (max-device-width: 667px), 
    only screen and (max-width: 480px){ 
	#padGear { margin-right:10px; }	
	.ui-dialog-titlebar-close{ font-size:1.5em;}
	.list_toppager_left .ui-icon{ font-size:1.2em; }
	.row-buttons .fa{ font-size:1.3em;width:18px !important; }
	#bar .ui-icon, #bar .fa{ font-size:20px !important; }
	.ui-dialog-titlebar-expand,#pusher-status{ display:none; }	
}


#search-minimized{
	cursor:pointer;
	float:left;margin-left:20px;margin-right:10px;padding-left:10px;padding-right:10px;
}

/* dialog 3d effect when opening */
.ui-dialog-card {
  -webkit-transition: -webkit-transform .3s ease-in-out;
     -moz-transition: -moz-transform .3s ease-in-out;
       -o-transition: -o-transform .3s ease-in-out;
          transition: transform .3s ease-in-out;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.ui-dialog-card {
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
       -o-backface-visibility: hidden;
          backface-visibility: hidden;
          transform: rotate3d(-200,70,0,90deg);
}


.ui-dialog-card.flipped {
  transform: rotate3d(0,0,0,0deg);
  height:auto;
}

.ui-dialog-card.flipped {
  transform: rotate3d(0,0,0,0deg);
  //height:auto;
}


/* Pusher */
.flash,.flash-in-bar{
  -moz-animation: flash 2s ease-out;
  -moz-animation-iteration-count: 1;

  -webkit-animation: flash 2s ease-out;
  -webkit-animation-iteration-count: 1;

  -ms-animation: flash 2s ease-out;
  -ms-animation-iteration-count: 1;
}

.flash-fix{
	 background-color: #fbf8b2;
}

@-webkit-keyframes flash {
    0% { background-color: none; }
    50% { background-color: #ffe4d3; }
    100% { background-color: none; }
}

@-moz-keyframes flash{
    0% { background-color: none; }
    50% { background-color: #ffe4d3; }
    100% { background-color: none; }
}
@-ms-keyframes flash {
    0% { background-color: none; }
    50% { background-color: #ffe4d3; }
    100% { background-color: none; }
}

.flash-in-bar{
	border-radius:15px;
	background:transparent !important;
}


.pusher-update-text{
	font-size:0.9em;
	font-weight:normal;
	color:#333;
	padding:3px;
	margin-top:4px;
	position:absolute;
	left:80px;
	opacity:1;
}

.pusher-rec-readonly{
	color:#999;
}

.pusher-rec-lock{
	background: #ccc url("/images/highcharts-sand.png") repeat scroll 0 0;
	cursor:pointer;
}

.pusher-rec-updated{ cursor:pointer; border-radius: 13px; }
.pusher-rec-updated.pusher-me{ background-color: #d4ecfb; }
.pusher-rec-updated.pusher-you{ background-color: #ffe4d3; }

.pusher-update-text.pusher-me{
	background-color: #d4ecfb;
	border:1px solid #99d3f5;
}
.pusher-update-text.pusher-you{
	border:1px solid #ffb07b;
	background-color:  #ffe4d3;
}


#xPusher-status,#pusher-info,#pusher-status{
	cursor:pointer;
	padding-left:5px;
}

/* pre with word-wrapping */
xmp.code{
	background: #CEE3F6;
	white-space: pre-wrap;       /* CSS 3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


.ppw-diagPDF .ui-dialog-content{
	    overflow-y: hidden;
}

.map_label{
	color: #111;
  background-color: white;
  font-family: "Lucida Grande", "Arial", sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  min-width: 40px;
  border: 1px solid #555;
  white-space: nowrap;
  opacity:0.9;
}

/* sshExec */
.sshExec{
	white-space:normal;
	max-width:500px;
	font-size:0.8em !important;
	border-radius: 10px;
	border: 1px solid #eee;
	background: #CEE3F6;
	padding: 5px;
}

.ui-autocomplete{
	background:white;
	font-size:0.9em;
	z-index:20000;
	max-height:400px;
}

.div-expandable-hidden{
	display:none;
	padding:5px;
	border:1px dotted black;
	max-height:400px;
	overflow:auto;
	background:white;
	white-space:pre-line;
}
.div-expandable{
	padding:5px;
	border:1px dotted black;
}

.div-dialog-trace{
	word-wrap: break-word;
	background:snow;
	color: black;
	font-size:1.2em;
	white-space:pre-line;
}


.ll1{ background: #CEE3F6; }
.ll0{ background: #A9D0F5; }
.llx{ background: #fff; color:#111; }
.llx:nth-child(even){ background: #eee; color:black; }
.llt{ background: #333; color:white; }
.llt > td:nth-child(even){
	background:#111;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 0px solid #c5c5c5;
    background: #f6f6f6;
    color: #454545;
}