/* Add css rules here for your application. */

*{
	font-family: Helvetica Now, Plantin, sans-serif;
	font-size: 12px;
}

body{
	background: #eeeeee !important;
	color: #666 !important;
}

footer, footer a{
	font-size: 8px;	
	text-align: center;
	display: none;
}

table, tr, td{
		
}

.media-button{
	width: 38px;
	height: 38px;
	border: 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
    background-color: transparent;
}
.media-play{
	background-image: url('img/media-player/play.png');
}
.media-play:disabled{
	background-image: url('img/media-player/play_dis.png');
}

.media-pause{
	background-image: url('img/media-player/pause.png');
}
.media-pause:disabled{
	background-image: url('img/media-player/pause_dis.png');
}

.media-stop{
	background-image: url('img/media-player/stop.png');
}
.media-stop:disabled{
	background-image: url('img/media-player/stop_dis.png');
}

.media-forward{
	background-image: url('img/media-player/for.png');
}
.media-forward:disabled{
	background-image: url('img/media-player/for_dis.png');
}

.media-backward{
	background-image: url('img/media-player/back.png');
}
.media-backward:disabled{
	background-image: url('img/media-player/back_dis.png');
}

.media-container{
	bottom: 20px;
    z-index: 10000;
    background: white;
    position: absolute;
    text-align: center;
    border-radius: 5px;
    border: 0px solid black;
    width: 200px;
    left: calc(50% - 200px - 100px);
    box-shadow: 2px 2px 8px #aaa;
}

textarea,
input{
	margin: 0 0 0 0px;
	border-radius: 3px;
	padding: 5px !important;
	color: #555 !important;
}
table td textarea,input{
	margin: 0;
}

input:disabled{
	background: #ddd;
}

select{
	margin: 0;
	border-radius: 3px;
	padding: 5px !important;
	color: #555;
}

input.gwt-TextBox.date{
	width: 70px;
}

button{
	border-radius: 3px;
	padding: 5px 10px 5px 10px;
	margin: 3px;
}



button.red{
	background: #e82400; /* Old browsers */
	background: -moz-linear-gradient(top,  #e82400 0%, #cf2400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e82400), color-stop(100%,#cf2400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e82400 0%,#cf2400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e82400 0%,#cf2400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e82400 0%,#cf2400 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e82400 0%,#cf2400 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e82400', endColorstr='#cf2400',GradientType=0 ); /* IE6-9 */
	color: white;
	border: 1px solid #cf2400;
}

button.red:disabled{
	background: #888;
	border: 1px solid #888;	
}
button.link-button{
	background: none;
	color: blue;
	border: none;
}

.unicode-blue{
	background: rgb(0,120,215);
	background: -moz-linear-gradient(top, rgba(0,120,215,0.8) 0%, rgba(0,120,215,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,120,215,0.8)), color-stop(100%,rgba(0,120,215,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,120,215,0.8) 0%,rgba(0,120,215,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,120,215,0.8) 0%,rgba(0,120,215,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,120,215,0.8) 0%,rgba(0,120,215,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,120,215,0.8) 0%,rgba(0,120,215,0.8) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078D7', endColorstr='#0078D7',GradientType=0 ); /* IE6-9 */
	color: white;
	border: 1px solid black;
}
.unicode-blue:disabled{
	background: rgb(125,125,125);
	background: -moz-linear-gradient(top, rgba(125,125,125,0.3) 0%, rgba(125,125,125,0.3) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,125,125,0.3)), color-stop(100%,rgba(125,125,125,0.3))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(125,125,125,0.3) 0%,rgba(125,125,125,0.3) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(125,125,125,0.3) 0%,rgba(125,125,125,0.3) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(125,125,125,0.3) 0%,rgba(125,125,125,0.3) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(125,125,125,0.3) 0%,rgba(125,125,125,0.3) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078D7', endColorstr='#0078D7',GradientType=0 ); /* IE6-9 */
	color: white;
	border: 1px solid rgba(125,125,125,0.3);
}

button.blue{
	background: rgb(76,143,253); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(76,143,253,1) 0%, rgba(71,135,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,143,253,1)), color-stop(100%,rgba(71,135,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(76,143,253,1) 0%,rgba(71,135,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(76,143,253,1) 0%,rgba(71,135,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(76,143,253,1) 0%,rgba(71,135,237,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(76,143,253,1) 0%,rgba(71,135,237,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c8ffd', endColorstr='#4787ed',GradientType=0 ); /* IE6-9 */
	color: white;
	border: 1px solid #4787ed;
}

button.blue:disabled{
	background: #888;
	border: 1px solid #888;	
}

button.green{
	background: rgb(107,186,112); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(107,186,112,1) 0%, rgba(69,183,75,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,186,112,1)), color-stop(100%,rgba(69,183,75,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(107,186,112,1) 0%,rgba(69,183,75,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(107,186,112,1) 0%,rgba(69,183,75,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(107,186,112,1) 0%,rgba(69,183,75,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(107,186,112,1) 0%,rgba(69,183,75,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bba70', endColorstr='#45b74b',GradientType=0 ); /* IE6-9 */
	color: white;
	border: 1px solid #45b74b;
}

button.green:disabled{
	background: #888;
	border: 1px solid #888;	
}
.cblue{
	color: rgb(76,143,253); /* Old browsers */
}
.cwhite{
	color: rgb(255,255,255); /* Old browsers */
}
.pr{
	position: relative;
}
.icoTroca{
	border: none !important;
	background: url('img/ui.button-color.png') no-repeat -125px -162px transparent !important;
	height: 18px;
	width: 18px;
	padding: 0;
}
.icoTelemetria{
	border: none !important;
	background: url('img/ui.button-color.png') no-repeat 0px -125px transparent !important;
	height: 18px;
	width: 18px;
	padding: 0;
}
.icoLupa{
	border: none !important;
	background: url('img/ui.button-color.png') no-repeat -306px -162px transparent !important;
	height: 18px;
	width: 18px;
	margin: 4px 0 4px !important;
	padding: 0 !important	
}
.icoMapa{
	border: none !important;
	background: url('img/ui.button-color.png') no-repeat -288px -162px transparent !important;
	height: 18px;
	width: 18px;
	margin: 0 2px 0 2px !important;	
}
.icoAdd{
	border: none !important;
	background: url('img/ui.button-color.png') no-repeat -36px 0px transparent !important;
	height: 18px;
	width: 18px;
	margin: 0 2px 0 2px !important;
}
.icoOk{
	border: none !important;
	background: url('img/ui.button-color.png') no-repeat -54px -36px transparent !important;
	height: 18px;
	width: 18px;
	margin: 0 2px 0 2px !important;
}
.icoLapis{
	border: none !important;
	background: url('img/ui.button-color.png') no-repeat -72px -126px transparent !important;
	height: 18px;
	width: 18px;
	margin: 0 2px 0 2px !important;
	padding: 0 !important;
	cursor: pointer;
}
.icoMotorista{
	border: none !important;
	background: url('img/ui.button-color.png') no-repeat -54px 0px transparent !important;
	height: 18px;
	width: 18px;
	margin: 0 2px 0 2px !important;
	padding: 0 !important;
	cursor: pointer;
}
.icoRemover{
	border: none !important;
	background: url('img/ui.button-color.png') no-repeat -126px -36px transparent !important;
	height: 18px;
	width: 18px;
	margin: 0 2px 0 2px !important;
	padding: 0;
}

.icoImprimir{
	border: none !important;
	background: url('img/ui.button-color.png') no-repeat -126px -36px transparent !important;
	height: 18px;
	width: 18px;
	margin: 0 2px 0 2px !important;
	padding: 0;
}

.aic{ align-items: center }
.cl{clear: left !important;}
.fl{float: left !important; }
.tal{ text-align: left !important; }
.tar{ text-align: right !important; }
.tac{ text-align: center !important; }
.w40{ width: 40px !important; }
.w60{ width: 60px !important; }
.w70{ width: 70px !important; }
.w80{ width: 80px !important; }
.w90{ width: 90px !important; }
.w100{ width: 100px !important; }
.w110{ width: 110px !important; }
.w115{ width: 115px !important; }
.w120{ width: 120px !important; }
.w130{ width: 130px !important; }
.w140{ width: 130px !important; }
.w150{ width: 150px !important; }
.w160{ width: 160px !important; }
.w180{ width: 180px !important; }
.w200{ width: 200px !important; }
.w210{ width: 210px !important; }
.w250{ width: 250px !important; }
.w300{ width: 300px !important; }
.w350{ width: 350px !important; }
.w380{ width: 380px !important; }
.w400{ width: 400px !important; }
.w412{ width: 412px !important; }
.w450{ width: 450px !important; }
.w470{ width: 470px !important; }
.w500{ width: 500px !important; }
.w550{ width: 550px !important; }
.w600{ width: 600px !important; }
.w640{ width: 640px !important; }
.w700{ width: 700px !important; }
.wPer50{ width: 50% !important; }
.wPer100{ width: 100% !important; box-sizing: border-box; }
.mt5{ margin-top: 5px !important; }
.mt10{ margin-top: 10px !important; }
.mt20{ margin-top: 20px !important; }
.mt40{ margin-top: 40px !important; }
.db{display: block !important;}
.dib{display: inline-block !important;}
.dt{display: table}
.pr5{ padding-right: 5px !important; }
.ml50{margin-left: 50px !important;}
.ml80{margin-left: 80px !important;}
.ml10{margin-left: 10px !important;}
.ml55Per{margin-left: 50% !important; }
.ml5{margin-left: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr5{margin-right: 5px !important;}
.ico24{width: 24px}
.cp{cursor: pointer;}
.bd{border: 1px solid #ccc}
.h14{height: 14px; overflow: auto;}
.h40{height: 40px; overflow: auto;}
.h200{height: 200px; overflow: auto;}
.h250{height: 250px; overflow: auto;}
.h300{height: 300px; overflow: auto;}
.h320{height: 320px; overflow: auto;}
.h350{height: 350px; overflow: auto;}
.h400{height: 400px; overflow: auto;}
.h450{height: 450px; overflow: auto;}
.h480{height: 480px; overflow: auto;}
.minw190{ min-width: 190px }
.dib{display: inline-block !important;}
.panel{border-radius: 3px; padding: 10px; background: white; box-shadow: 3px 3px 5px #00000011;}
.panelnopad{border: 1px solid #ccc; border-radius: 3px; padding: 0; background: white;}
.pr{position: relative;}
.right{position: absolute; right: 5px;}
.oa{ overflow: auto !important; }
.on{ overflow: hidden !important; }
.fwb{font-weight: bold;}
.cred{ color: red !important }
.cgreen{ color: green !important }
.pad10{ padding: 10px !important; }
.pad20{ padding: 20px !important; }
.pad5{ padding: 5px !important; }
.bddot{ border-bottom: 1px solid #ccc; }
.fs8{ font-size: 8px }
.fs9{ font-size: 9px }
.fs10{ font-size: 10px }
.fs20{ font-size: 20px }
.noborder{ border: none !important; }
.full-width{ width: 100%; margin: 0; box-sizing: border-box; }
.flex-lwt{ display: flex; margin: auto }
.align-flex-end{align-items: flex-end}
.std-repeater-item{ padding: 5px; border-bottom: 1px dotted #aaa }
.sticked{
	position: sticky !important;
	top: 0px !important;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-align-stretch{
	align-items: stretch | center;
}
.small-text{font-size: 11px;}
.flex-item{ margin: auto }
.flex-item1{ flex: 1 }
.flex-item2{ flex: 2 }
.min-width{ min-width: 380px; }
.min-width100{ min-width: 100px; }
.min-width150{ min-width: 150px; }
.min-width200{ min-width: 200px; }
.min-width250{ min-width: 250px; }
.min-width300{ min-width: 300px; }
.max-width200{ max-width: 200px; }
.max-width300{ max-width: 300px; }
.max-width500{ max-width: 500px; }
.mauto{ margin: auto }
.mautov{ margin: auto 0 }
.grid-lwt2{
 	display: grid;
 	grid-template-columns: 1fr 1fr;
}
.grid-lwt3{
 	display: grid;
 	grid-template-columns: 1fr 1fr 1fr;
}
.grid-column-span3{ grid-column: span 3; }
.grid-column-span2{ grid-column: span 2; }
.noborder{ border: none }

.chips{
	border-radius: 5px;
	padding: 5px !important;
	background: grey;
	color: white;
}
.chips.green{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#18ad27+0,299a0b+100 */
	background: #18ad27; /* Old browsers */
	background: -moz-linear-gradient(top,  #18ad27 0%, #299a0b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #18ad27 0%,#299a0b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #18ad27 0%,#299a0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18ad27', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */
	color: white;
}
.chips.orange{
	background: rgb(252,176,69);
	background: linear-gradient(90deg, rgba(252,176,69,1) 0%, rgba(252,176,69,1) 50%, rgba(236,163,60,1) 100%);
	color: white;
}
.chips.blue{
	background: rgba(73,155,234,1);
	background: -moz-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
	background: -webkit-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
	background: -o-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
	background: -ms-linear-gradient(left, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
	background: linear-gradient(to right, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=1 );
	color: white;
}
.chips.red{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,cc0000+100;Red+Flat */
	background: #cc0000; /* Old browsers */
	background: -moz-linear-gradient(top, #cc0000 0%, #cc0000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cc0000 0%,#cc0000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cc0000 0%,#cc0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
	color: white;
}
.chips.grey{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,cc0000+100;Red+Flat */
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(171,171,171,1) 0%, rgba(171,171,171,1) 35%, rgba(115,115,115,1) 100%);
	color: #e4e4e4;
}

.standardmaskedit.time{
	width: 60px;
	text-align: center;
}

.dateBoxPopup{
	z-index: 5001;
}

.gwt-SuggestBoxPopup{
	z-index: 5001 !important;
}

.gwt-Label.value{
	color: green;
	font-size: 24px;
	margin-top: 0;
}

.link{
	color: green;
	text-decoration: underline;
	cursor: pointer;
}

.arrow_box {
	position: relative;
	background: #d5203e;
	border: 1px solid #d5203e;
	border-radius: 5px;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(213, 32, 62, 0);
	border-top-color: #d5203e;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(213, 32, 62, 0);
	border-top-color: #d5203e;
	border-width: 11px;
	margin-left: -11px;
}

.error{ border: 2px solid #c33 !important }

.paginador{
	margin: 10px 0 10px 0;
	padding: 5px;	
}

.paginador .selected{
	border-bottom: 2px solid #bb0000;
}

.tabbed .tabs{
	margin: 0 0 20px 0;
}

.tabbed .tabs .gwt-Label{
	padding: 10px;
	height: 20px;
	color: rgb(76,143,253);
	cursor: pointer;
}

.tabbed .tabs .gwt-Label.selected{
	border-bottom: 3px solid orange;
}

.bordered{
}

.bordered .header{
	position: relative;
	border-radius: 3px 3px 0 0;	
	cursor: pointer;
	padding: 10px;	
	font-weight: bold;
	color: #333;
	height: 15px;
}

.bordered .header .btfull-panel{
	position: absolute;
	right: 45px;
	top: 5px;
	background: url('img/full.png') no-repeat center;
	border: none;
	padding: 5px;
	color: white;
	height: 30px;
	width: 30px;
	outline: 0;
} 
.bordered .header .bthalf-panel{
	position: absolute;
	right: 80px;
	top: 5px;
	background: url('img/half.png') no-repeat center;
	border: none;
	padding: 5px;
	color: white;
	height: 30px;
	width: 30px;
	outline: 0;
}
.bordered .header .btfechar-panel{
	position: absolute;
	right: 10px;
	top: 5px;
	background: url('img/close.png') no-repeat center;
	border: none;
	padding: 5px;
	color: white;
	height: 30px;
	width: 30px;
	outline: 0;
}

.bordered .closed .header .btfechar-panel{
	background: url('img/arrowup.png') no-repeat center;
}
	

.bordered .header .gwt-Label{
	width: auto;
	text-align: left;
	margin: 0;
}

.bordered .closed .body{
	display: none;		
}

.bordered .body{
	background: white;	
	padding: 5px;
}



.line-alert{
	color: red;
}

.labelBox{
	display: inline-block;
	padding: 2px 5px;
	margin: 0 0 0 5px;
	font-weight: bold;
}

.submenu .item{
	display: inline-block;
	padding: 10px;
	margin-left: 5px;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.submenu .item.sel{
	background: #555;
	color: white;
}
.main-render{
	position: relative;
	border: 1px solid #ccc;
	padding: 10px;
	min-height: 400px;
}

.editar{
	border: none;
	background: url('img/editar.gif') no-repeat 5px 5px transparent;
	height: 32px;
	width: 32px;		
}

.grid{
	width: 100%;
	border-collapse: collapse;
}
.grid .zebra{
	background: #fbfbfb;
}
.grid tr td{
	border-bottom: 1px solid #eee;
	padding: 10px;
}
.grid tr td .table-field{
	cursor: pointer;	
}
.grid tr td .gwt-Label.table-field{
		
}
.grid button.confirmar{
	height: 18px;
	width: 18px;
	border: none;
	background: url("img/ui.button-color.png") no-repeat -54px -36px;
	margin: 0 3px 0 3px;
}
.grid button.cancelar{
	height: 18px;
	width: 18px;
	border: none;
	background: url("img/ui.button-color.png") no-repeat -126px -36px;
	margin: 0 3px 0 3px;
}
.grid button.historico{
	height: 18px;
	width: 18px;
	border: none;
	background: url("img/ui.button-color.png") no-repeat -90px -36px;
	margin: 0 3px 0 3px;
}
button.grid{
	padding: 0px;
	margin: 0px;	
}
button.grid.edit{
	height: 18px;
	width: 18px;
	background: url('img/ui.button-color.png')  no-repeat -72px -126px;
	border: none;
}
button.grid.remover{
	height: 18px;
	width: 18px;
	background: url('img/ui.button-color.png') no-repeat -126px -36px;
	border: none;
}
button.grid.edit:disabled{	
	cursor: pointer;
	height: 18px;
	width: 18px;
	background: url('img/ui.button-gray.png')  no-repeat -72px -126px;
	border: none;
}
button.grid.remover:disabled{
	cursor: pointer;
	height: 18px;
	width: 18px;
	background: url('img/ui.button-gray.png') no-repeat -126px -36px;
	border: none;
}
.gwt-Label.loading-panel{
	position: fixed;
	top: 0px;
	right: 0px;
	width: 120px;
	color: white;
	font-size: 9px;
	text-align: center;
	padding: 10px !important;
	z-index: 5001;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f21804+0,c90600+100 */
	background: #f21804; /* Old browsers */
	background: -moz-linear-gradient(top, #f21804 0%, #c90600 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f21804), color-stop(100%,#c90600)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f21804 0%,#c90600 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f21804 0%,#c90600 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f21804 0%,#c90600 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f21804 0%,#c90600 100%); /* W3C */
	border-radius: 0 0 3px 3px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f21804', endColorstr='#c90600',GradientType=0 ); /* IE6-9 */
}

.ztop{
	z-index: 5000;
}
.fpbackground{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: black;
	opacity: 0.2;
	z-index: 5000;
}

.multiSuggestion{
	display: inline-block;
	border: 1px solid #888;
	border-radius: 3px;
	min-width: 400px;
}
.multiSuggestion .item{
	display: inline-block;
	margin-right: 2px;
	padding: 2px;
	background: #888;
	color: white;
}
.multiSuggestion .item button{
	background: transparent;
	border: none;
}
.multiSuggestion .item button::before{
	content: "X";
}
.multiSuggestion .repeater{
	display: inline-block;
}
.multiSuggestion .gwt-SuggestBox{
	border: none;
}
.multiSuggestion .gwt-SuggestBox:focus{
	outline: 0;
}

.gwt-Label{
	display: inline-block;
	padding: 0 5px 0 0;
}
.gwt-Label.header{
	display: block;
	font-weight: bold;
	padding: 10px;
	border-radius: 3px;		
}

.periodoSelect{
	position: absolute;
	right: 0px;
}

.periodoSelect .fields{	
	position: absolute;
	padding: 10px;
	border: 1px solid #ccc;
	background: #fcfcfc;
	border-radius: 3px;
	z-index: 1000;
}

.inputDatePicker{
	display: inline-block;
	position: relative;
	width: 95px;
}
.datatimepicker{
	display: inline-block;
	position: relative;
	width: 200px;
}

.inputDatePicker .gwt-TextBox	{
	width: 90px;
}

.inputDatePicker .gwt-DatePicker{
	position: absolute;
	z-index: 2000;
	font-size: 10px;
}

.inputHourPicker{
	display: inline-block;
	position: relative;
	width: 75px;
}

.inputHourPicker .gwt-TextBox	{
	width: 60px;
}

.inputHourPicker .hourPicker{
	position: absolute;
	z-index: 1000;
	font-size: 10px;
	left: 0px;
	top: 27px;
}
.addressMapPanel{
	width: 450px;
}

.addressMapPanel .pesquisa{
	width: 430px;	
}
.addressMapPanel .pesquisa .edPesquisa{
	width: 300px;	
}
.addressMapPanel .pesquisa .btPesquisa{
	width: 100px;
}
.addressMapPanel .resultAdresses{	
	width: 450px;
	height: 200px;
	overflow: auto;
	border: 1px solid #ccc;
	background: white;	
}
.addressMapPanel .resultAdresses .item{
	padding: 10px;
	border-bottom: 1px dotted #ccc;
}

.integer{
	width: 100px;
}

#carregando{
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -35px 0 0 -75px;
}

.tooltip{
	display: none;
	position: absolute;
	padding: 5px;
}
.tooltip.over{
	display: block;
}
.tooltip.error{
	color: white;
}

.cadastro .line .gwt-Label{
	width: 90px;
	text-align: right;
}

.cadastro .line{
	margin: 10px 0 10px 0;
}

.cadunico .consulta{
	background: #fff;
	position: absolute;
	bottom: 0px;
	top: 0px;
	left: 5px; 
	width: 400px;
	padding: 5px;
	overflow: auto;
}

.cadunico .cadastro{
	margin: 10px 0 0 420px;
	border-radius: 3px
}

.version{
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 100;
}

.pnUserInfo{
	position: absolute;
	top: 5px;
	right: 150px; 
	z-index: 10;
	padding: 2px;
}

.pnSair{
	position: absolute;
	top: 5px;
	right: 110px;
	cursor: pointer;
	color: blue;
	font-size: 14px;
	text-decoration: underline;
}

.topo{
	text-align: center;
	position: relative;
	height: 75px;	
}

.topo::after{
	clear: both;
}


.topo .infoEmpresa{
	position: absolute;
	left: 60px;
	top: 5px;
	width: 600px;
	text-align: left;
}

.topo .logo{
	position: relative;
	left: 10px;
	width: 155px;
	height: 60px;	
}

.topo .telefone{
	text-align: center;
	display: inline-block;
	position: relative;
	padding: 10px;
	margin: 0 0 0 40px;
	font-size: 16px !important;	
	border-radius: 3px;
}
.topo .menu::BEFORE{
	content: url("img/menu.png");
	margin-bottom: 30px;
}
.topo .menu{
	position: absolute;	
	top: 30px;
	left: 10px;	 
	width: 150px;	
	overflow: hidden;
	text-align: left;
	padding: 5px;
}

.topo .menu div.menu-widget{
	display: none;
}

.topo .menu:HOVER{
	z-index: 10000;
}

.topo .menu:HOVER div.menu-widget{
	display: block;	
}

.topo .menu div.menu-widget .bordered{
	border-radius: 0;
}

.topo .menu div.menu-widget .bordered .body{
	padding: 0;
}


.topo .menu a:hover{
	text-decoration: underline;
}

.topo .menu a{	
	display: block;
	padding: 5px;	
	text-decoration: none;
	background: white;
}

.topo .lbSelMenu{
	position: absolute;
	top: 37px;
	height: 20px;
	right: 0px;
	overflow: hidden;
	padding: 10px;
	font-weight: bold;
	border-radius: 5px 0 0 0;
}

.topo .pnPanico{
	padding: 10px;
	border-radius: 0 0 3px 3px;
	opacity: 0.9;
	position: fixed;
	top: 0px;
	right: 150px;
	color: white;
	font-weight: bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f21804+0,c90600+100 */
	background: #f21804; /* Old browsers */
	background: -moz-linear-gradient(top, #f21804 0%, #c90600 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f21804), color-stop(100%,#c90600)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f21804 0%,#c90600 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f21804 0%,#c90600 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f21804 0%,#c90600 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f21804 0%,#c90600 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f21804', endColorstr='#c90600',GradientType=0 ); /* IE6-9 */
	z-index: 5000;
}
.topo .pnPanico .lbPanico{
	cursor: pointer;
}
.topo .pnPanico .lbPanico:HOVER{
	text-decoration: underline;
}


.principal{
	position: relative;
	padding: 10px;	
}

.monitoramento .pnFiltros{
	width: 500px;
	height: 36px;
	position: absolute;
	left: 10px;
	top: 110px;
	z-index: 50000;
	background: white;
	border: 1px solid #4d90fe;	
	background-color: #4d90fe;
	border-radius: 3px;
	left: 90px;
}
.monitoramento .pnFiltros .btPesquisar{
	position: absolute;
	right: 0px;
	height: 36px;
	width: 70px;
	background-color: #4d90fe;
	background: url('img/lupa.png') no-repeat center #4d90fe;
	background-size: 17px;
	border: none;
}

.monitoramento .pnFiltros .edPesquisa{
	position: absolute;
	top: 3px;
	left: 3px;	
	width: 70px;
	height: 26px;
	width: 425px;
	padding: 2px;
	border: none;
}
.monitoramento .pnDados{
	position: fixed;
	z-index: 50000;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 150px;
	overflow: auto;	
	background: #eee;
	border: 1px solid #aaa;
}

.geral .pesquisa{
	position: absolute;
	top: -40px;
	right: 60px;	
}
.geral .pnDadosUltimas .action-panel .bt-loadall{
	background: url('img/ui.button-color.png') no-repeat -342px -90px white;	
	text-indent: -9999px;
	width: 18px;
	height: 18px;
	border: none;
	outline: none
}

.geral .menu .item{
	display: inline-block;
	padding: 10px;
	margin: 0 0 0 5px;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
}


.geral .localizacao .localizacaoTools .gwt-Label{
	display: block;	
	text-align: center;
	margin-top: 20px;
	font-size: 12px;	
}
.geral .localizacao .localizacaoTools .gwt-Label.value{
	color: green;
	font-size: 24px;
	margin-top: 0;
}


.geral .localizacao .localizacaoTools button{
	width: 180px;
}

.geral .resumo{	
	padding: 5px;
	margin: 5px 5px 0 5px;
	font-weight: bold;
}

.geral .resumo .gwt-Label{
	display: inline-block;
	margin: 0 0 0 10px;
}

.geral .aba.sel{
	display: block;
}

.geral .aba{
	display: none;
	padding: 5px;
}

.geral .placasOuter{
	width: 100%;
	overflow: auto;
	margin-bottom: 10px;
}

.geral .placas{
	height: 77px;
	margin: 0 0 10px 0;
}

.geral .veiculo{
	display: inline-block;
	position: relative;
	padding: 5px;
	font-weight: bold;
	height: 50px;
	width: 170px;
	margin: 10px;
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
}

.geral .veiculo .marca{
	width: 165px;
	text-align: center;
	border: 1px solid #ccc;
	padding: 0px;
	border-radius: 2px;
	overflow: hidden;
	height: 19px;
	font-size: 11px;
}	

.geral .veiculo img{
	position: absolute;
	top: 25px;
	left: 5px;
	width: 36px;	
}

.geral .veiculo .placa{
	position: absolute;
	left: 41px;
	top: 36px;
	width: 130px;
	text-align: center;	
	height: 25px;
	overflow: hidden;
}

.geral .ultimas{
	background: #fcfcfc;
	position: relative;
	padding: 5px;
}

.geral .ultimas .icone-vel{
	height: 24px;
	width: 24px;	
}

.geral .ultimas .grid{
	margin: 10px 0 0 0;
	background: white;
	border-collapse: collapse; 
}

.geral .ultimas .relHist{	
	position: absolute;
	top: -35px;
	right: 5px;
}

.geral .trajetos{
	padding: 5px;
	position: relative;
	background: #fcfcfc;
	padding-bottom: 5px;
}

.geral .trajetos .trajeto .panelPosition{
	background-color: orange;
	text-align: center;
	font-weight: bold;
	color: white;
	border-radius: 20px;	
	display: inline;
	margin: 0 10px;
	padding: 5px;
	font-size: 8px;	
}

.geral .trajetos .trajeto {
    /* box-shadow: 2px 2px 5px #8082869c; */
    margin: 5px 0;
    border-radius: 5px;
    border-bottom: 3px solid rgb(255 123 13 / 68%);
    padding: 10px;
}


.geral .trajetos .mapaT{
	flex: 2;
	margin-top: 5px;
	display: inline-block;
}

.geral .trajetos .infoTrajetos{
	flex: 1;
	margin-top: 5px;
	overflow: auto;
	background: white;
	display: inline-block;	
}
/*
.geral .trajetos .infoTrajetos .trajeto{
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #ccc;
}
.geral .trajetos .infoTrajetos .trajeto .ign{
	position: relative;
	top: 10px;
	left: -5px;
	width: 32px;
}
.geral .trajetos .infoTrajetos .ckSel{
	display: inline-block;
	width: 30px;
}
.geral .trajetos .infoTrajetos .per{
	display: inline-block;
	cursor: pointer	
}
.geral .trajetos .infoTrajetos .per:hover{
	text-decoration: underline;
}
.geral .trajetos .infoTrajetos .km{
	display: inline-block;
	margin: 0 0 0 30px;	
}
.geral .trajetos .infoTrajetos .vmax,
.geral .trajetos .infoTrajetos .vmed{
	display: inline-block;
	margin: 0 0 0 10px;
}

.geral .trajetos .infoTrajetos .infoTrajetosData .info{
	position: fixed;
	display: none;
	background: white;
	border: 1px solid #ccc;
	top: 50%;
	left: 50%;
	width: 470px;
	height: 220px;
	margin-left: -225px;
	margin-top: -85px;
	box-shadow: 7px 7px 7px #888;
	border-radius: 3px;	
}
.geral .trajetos .infoTrajetos .infoTrajetosData .info.sel{
	display: block;
	z-index: 1100;
}
.geral .trajetos .infoTrajetos .infoTrajetosData .info .it{
	display: inline-block;
	padding: 5px;
	width: 140px;
}
.geral .trajetos .infoTrajetos .infoTrajetosData .info .bt{
	margin-top: 30px;
	text-align: center;
}
.geral .trajetos .infoTrajetos .infoTrajetosData .info .bt .btOk{
	margin: auto;
	padding: 5px 20px 5px 20px;
	border-radius: 3px;
	border: 1px solid #ccc;
}
.geral .trajetos .infoTrajetos .infoTrajetosData .info .it.end{
	width: 450px;
}
.geral .trajetos .infoTrajetos .infoTrajetosData .info .it .gwt-Label{
	width: 60px;
}
.geral .trajetos .infoTrajetos .infoTrajetosData .info .lbHodometroIni,
.geral .trajetos .infoTrajetos .infoTrajetosData .info .lbHodometroFim,
.geral .trajetos .infoTrajetos .infoTrajetosData .info .lbVelMax,
.geral .trajetos .infoTrajetos .infoTrajetosData .info .lbVelMed,
.geral .trajetos .infoTrajetos .infoTrajetosData .info .lbEndereco,
.geral .trajetos .infoTrajetos .infoTrajetosData .info .lbConsumo,
.geral .trajetos .infoTrajetos .infoTrajetosData .info .lbDeslocamento{
	display: inline-block;
}
*/
.geral .trajetos .gerencial{
	background: white;
	padding-top: 10px;
	border-top: 1px solid #eee;
}
/*
.geral .trajetos .gerencial .gwt-Label{
	padding: 2px;
	width: 80px;
	text-align: right;	
}*/
.geral .trajetos .gerencial .box{
	width: 80px;
	text-align: left;
	font-weight: bold;	
}
.geral .trajetos .relTraj{
	position: absolute;
	z-index: 100;
	right: 0px;
	top: -35px;
}
.geral .ico-streetview{
	margin-right: 10px;
	cursor: pointer;
}


.periodo{
	position: relative;
	height: 67px;
}

.periodo .lbTrajPerIni{
	position: absolute;
	top: 12px;
	left: 10px;		
}
.periodo .lbTrajPerFim{
	position: absolute;
	top: 47px;
	left: 10px;
}
.periodo .edTrajDataIni{
	position: absolute;
	top: 10px;
	left: 40px;
}
.periodo .edTrajHorIni{
	position: absolute;
	top: 10px;
	left: 130px;
}
.periodo .edTrajDataFim{
	position: absolute;
	top: 45px;
	left: 40px;	
}
.periodo .edTrajHorFim{
	position: absolute;
	top: 45px;
	left: 130px;	
}
.periodo .btTrajFiltrar{
	position: absolute;
	top: 45px;
	left: 495px;
	padding: 5px;	
}

.periodo .fpVelTraj{
	position: absolute;
	top: 46px;
	left: 278px;
	width: 170px;
}

.periodo .cbTipo{
	position: absolute;
	left: 351px;
	top: 10px;	
}

.periodo .ckTrajBreakHour{
	position: absolute;
	top: 17px;
	left: 210px;
}

.telalogin{
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -100px 0 0 -150px;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 200px;
	border-radius: 3px; 
}

.telalogin div.tl{
	margin-top: 10px;
	height: 40px;
}

.telalogin div .gwt-Label{
	margin: 0 0 0 10px;
	width: 60px;
}

.telalogin .btEntrar{
	padding: 10px;
	cursor: pointer;
}
.messagesPanel{	
	position: fixed;
	top: 0px;
	left: calc(100vw / 2 - 200px );	
	width: 400px;
	min-height: 100px; 
	background: #ffffff22;	
	min-height: 250px;
	font-size: 16px;
	font-weight: bold;
	overflow: auto;
	opacity: 0.9;
	z-index: 2000;
}
.messagesPanel .messages div{
	padding: 20px;
	border-radius: 0 0 3px 3px;
}
.messagesPanel .messages div.info{
	background: green;
	color: white;
}
.messagesPanel .messages div.error{
	background: red;
	color: white;
	border: 0 !important;
}
.messagesPanel .messages div.warn{
	background: orange;
	color: #fffaf3fc;
}
.messagesPanel .btFechar{
	background: url('img/ico_fechar.png') no-repeat 3px 3px white;
	position: absolute;
	top: 5px;
	right: 5px;
	height: 30px;	
	width: 30px;
	border: 0;
	border-radius: 20px;
	outer: none;
}
div.main-render{
	background: #fcfcfc;
}
.pontos{
	position: relative;
}
.pontos .cadastro{
	display: inline-block;
	width: 550px;
}
.pontos .mapaOuter{
	position: absolute;
	top: 50px;
	right: 0px;
	border: 1px solid #ccc;
	height: 635px;
	border-radius: 3px;
	overflow: hidden;
}
.pontos .pesquisa{
	position: absolute;
	top: 60px;
	left: 660px;
	width: 415px;
	z-index: 1000;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 5px;
	background: #fcfcfc;
}
.pontos .pesquisa .edPesquisa{
	width: 300px;
}
.pontos .pesquisa .btPesquisa{
	margin-left: 2px;
	width: 90px;
}
.pontos .resultAdresses{
	position: absolute;
	top: 100px;
	left: 660px;
	width: 600px;
	z-index: 1001;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 3px;
	padding: 5px;
	background: #fcfcfc;
	max-height: 200px; 
	border: 1px solid #ccc;
	overflow: auto;
	opacity: 0.85;
}
.pontos .resultAdresses .repeater .item:hover{
	background: #eee;
}
.pontos .resultAdresses .repeater .item{
	display: block;
	padding: 5px 2px;
	border-bottom: 1px dotted #ccc;		
}
.pontos .icones .item.sel{
	border: 2px solid blueviolet;
}
.pontos .icones{
	border: 1px solid #ccc;
	border-radius: 3px;
}
.pontos .icones .item{
	margin: 10px;
	height: 40px;
	width: 40px;
}
.relpontos .pnDados{
	margin-right: 10px;
}
.relpontos .pnDados,
.relpontos .mapa{
	display: inline-block;
	border: 1px solid #ccc;
	background: white;
}
.relpontos .filtro{
	background: white;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 10px;
	margin-bottom: 10px;
}
.relpontos .filtro button{
	margin-left: 10px;
}
.consultapadrao .filtro{
	background: white;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 10px;
	margin-bottom: 10px;
}

.consultapadrao .dados{
	background: white;
	border: 1px solid #ccc;	
}



.motoristas .consulta{
	position: absolute;
	top: 0px;
	bottom: 0px;
	overflow: auto;
}

.motoristas .consulta{
	border: none;
	background: none;
}

.jornadas .filtro,
.relmotoristas .filtro{
	background: white;
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 10px;
}

.jornadas .dados,
.relmotoristas .dados{
	background: white;
	border: 1px solid #ccc;	
}

.fullmap .pnEnderecoTool{
	position: absolute;
	left: 550px;
	top: 15px;
	opacity: 0.85;
	padding: 10px;
	background: white;
}

.fullmap .mapa{
	height: 500px;
}

.fullmap .text-overview{
	width: 60px;
	text-align: center;
}

.arrow_box {
	position: relative;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-width: 6px;
	margin-left: -6px;
}
.arrow_box:before {
	border-width: 12px;
	margin-left: -12px;
}

.fullmap .text-overview.off{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,cc0000+100;Red+Flat */
	background: #cc0000; /* Old browsers */
	background: -moz-linear-gradient(top,  #cc0000 0%, #cc0000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #cc0000 0%,#cc0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
}

.fullmap .text-overview.on{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a4b357+0,75890c+100;Olive+3D+%233 */
	background: #a4b357; /* Old browsers */
	background: -moz-linear-gradient(top,  #a4b357 0%, #75890c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a4b357 0%,#75890c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 ); /* IE6-9 */
}

.text-overview{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63b6db+0,309dcf+100;Blue+3D+%234 */
	background: #63b6db; /* Old browsers */
	background: -moz-linear-gradient(top,  #63b6db 0%, #309dcf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #63b6db 0%,#309dcf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #63b6db 0%,#309dcf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b6db', endColorstr='#309dcf',GradientType=0 ); /* IE6-9 */
	color: white;
	font-weight: bold;
	border: 1px solid white;
	border-radius: 5px;
	padding: 5px;
	box-shadow: 2px 2px 2px black;
}

.fullmap .pontos{
	position: absolute;
	left: 125px;
	top: 20px;
	opacity: 0.95;
	padding: 10px;
	background: white;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	z-index: 1100;
}
.fullmap .pontos .ponto{
	padding: 5px;
	margin-bottom: 1px solid #ccc;
}	
.fullmap .pontos .repeater{
	height: 150px;
	overflow: auto;
	width: 190px;
}
.fullmap .veiculos{
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1100;
}
.fullmap .pnLocationTools{
	position: absolute;
	padding: 10px;
	right: 20px;
	top: 60px;
	width: 220px;
	background: white;
	opacity: 0.9;
	border: 1px solid #aaa;
	border-radius: 5px;
	z-index: 1000;
}
.fullmap .pnDados{
	background: white;
	height: 180px;
	overflow: auto;
}
.fullmap .status{
	width: 100px;
}
.fullmap .cliente{
	width: 200px;
	overflow: hidden;
}
.fullmap .veiculos .repeater{
	overflow: auto;	
}

.fullmap .monitoramentoItem .selected,
.fullmap .monitoramentoItem:hover{
	background: #eee;
}
.fullmap .monitoramentoItem{
	cursor: pointer;
	position: relative;
	padding: 5px;
	border-bottom: 1px solid #ccc;
}
.cerca .cadastro{
	position: relative;
}
.cerca .pesquisaend{
	position: absolute;
	z-index: 1000;
	top: 10px;
	left: 120px;
	background: white;
	border: 1px solid #ccc;
	opacity: 0.85;
	border-radius: 3px;
	padding: 5px;
}
.cerca .resultAdresses{
	position: absolute;
	top: 40px;
	left: 120px;
	width: 600px;
	z-index: 1001;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 3px;
	padding: 5px;
	background: #fcfcfc;
	max-height: 200px; 
	border: 1px solid #ccc;
	overflow: auto;
	opacity: 0.85;
}
.cerca .resultAdresses .repeater .item:hover{
	background: #eee;
}
.cerca .resultAdresses .repeater .item{
	display: block;
	padding: 5px 2px;
	border-bottom: 1px dotted #ccc;		
}
.cerca .incluir{
	position: relative;
	top: 6px;
	height: 17px;
	width: 16px;
	border: none;
	background: url('img/editing_tool_bar.png') no-repeat -76px 0px;
}
.cerca .incluir:hover,
.cerca .incluir.gwt-ToggleButton-down{
	background: url('img/editing_tool_bar.png') no-repeat -76px -23px;
}

.cerca .editar{
	position: relative;
	top: 6px;
	height: 17px;
	width: 16px;
	border: none;
	background: url('img/editing_tool_bar.png') no-repeat 0 0px;
}
.cerca .editar:hover,
.cerca .editar.gwt-ToggleButton-down{
	background: url('img/editing_tool_bar.png') no-repeat 0 -23px;
}
.cerca .apagar{
	position: relative;
	top: 6px;
	height: 17px;
	width: 16px;
	border: none;
	background: url('img/editing_tool_bar.png') no-repeat -25px 0;
}
.cerca .apagar:hover,
.cerca .apagar.gwt-ToggleButton-down{
	background: url('img/editing_tool_bar.png') no-repeat -25px -23px;
}

.consultamanutencao .fin{
	background: url('img/') center;
}

.manutencaomanager{
	position: relative;	
}
.manutencaomanager .pnVeiculos{
	position: fixed;
	left: 5px;
	top: 129px;
	bottom: 5px;
	width: 350px;
	margin: 10px 0 0 0;
	padding-bottom: 5px;
	overflow: auto;
}
.manutencaomanager .pnVeiculos .data{
	overflow: auto;
}
.manutencaomanager .pnVeiculos .itemVeiculo{
	position: relative;
	cursor: pointer;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	height: 35px;	
}

.manutencaomanager .pnVeiculos .itemVeiculo.selected,
.manutencaomanager .pnVeiculos .itemVeiculo:hover{
	background: #eee;
	overflow: hidden;
}
.manutencaomanager .pnVeiculos .itemVeiculo .placa{
	position: absolute;
	top: 5px;
	left: 5px;
	width: 90%;	
	font-weight: bold;
	overflow: hidden;
}
.manutencaomanager .pnVeiculos .itemVeiculo .km{
	position: absolute;
	left: 5px;
	bottom: 5px;
	font-size: 8px;
	width: 45%;
}
.manutencaomanager .pnVeiculos .itemVeiculo .horimetro{
	position: absolute;
	bottom: 5px;
	left: 60%;
	font-size: 8px;
	width: 35%;
}
.manutencaomanager .pnKm{
	position: fixed;
	top: 139px;	
	left: 380px;
	right: 10px;
}
.manutencaomanager .pn{
	position: fixed;
	top: 193px;
	bottom: 5px;
	left: 380px;
	right: 10px;	
	overflow: auto;
}
.alteracaosenha .form{
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -50px 0 0 -200px;
}
.cadastrorota .icoTroca{
	position: absolute;
	top: 9px;
	right: 4px; 
}
.cadastrorota .pnTools{
	display: inline-block;
	width: 300px;
	overflow: auto;
}

.cadastrorota .pnMapa{
	display: inline-block;	
	width: 600px;
	overflow: auto;
}
.cadastrorota .item .gwt-Label{
	width: 190px;
}
.cadastrorota .item{
	padding: 10px 5px 10px 5px;
	border: 1px dotted #ccc;
}
.cadastrorota .item button{
	height: 18px;
	width: 18px;
	color: white;
	background: white;
	border: none;
	margin: 0 0 0 5px;
}

.cadastrorota .item .up{
	background: url('img/ui.button-color.png') -162px 0 no-repeat;
}
.cadastrorota .item .down{
	background: url('img/ui.button-color.png') -108px 0 no-repeat;
}
.cadastrorota .item .remove{
	background: url('img/ui.button-color.png') -126px -36px no-repeat;
}
.relrota .pnResumo{
	display: inline-block;
	width: 400px;
	overflow: auto;
}

.relrota .pnMapa{
	display: inline-block;	
	width: 600px;
	overflow: auto;
}
.cadastromulta .addressMapPanel{
	position: absolute;
	top: 360px;
	left: 100px;
	z-index: 100;
}
.notificacoes-gadget button.btnNotificacoes{
	display: none;
	height: 30px;
	width: 30px;
	border: none;	
}
.notificacoes-gadget button.btLimparNot{
	display: none;
}
.notificacoes-gadget button.btnNotificacoes.on{
	display: block;
	background: url('img/alerta-on.png') center no-repeat;
}
.notificacoes-gadget{
	position: absolute;	
	top: 10px;
	left: 250px;
	z-index: 5000;
}
.notificacoes-gadget:HOVER .btLimparNot{
	display: block;
}
.notificacoes-gadget:HOVER .listaCt::BEFORE{
	display: block;
	content: "Alertas";
	color: white;
	font-weight: bold;
	padding: 5px;
	border-radius: 5px 5px 0 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
	background: rgb(255,168,76); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}
.notificacoes-gadget:HOVER .listaCt::AFTER{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
	background: rgb(255,168,76); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
	height: 10px;	
	display: block;
}
.notificacoes-gadget:HOVER .listaCt{
	display: block;
}
.notificacoes-gadget .qtdMensagens{
	position: absolute;
	top: 0px;
	left: 20px;
	background: rgb(76,143,253);
	padding: 2px;
	color: white;
	font-size: 10px;
}
.notificacoes-gadget .listaCt{
	width: 300px;
	display: none;
	box-shadow: 2px 2px 2px rgba(10,10,10,0.8);
	border-radius: 5px;
}
.notificacoes-gadget .lista{
	max-height: 300px;
	overflow: auto;
}
.notificacoes-gadget .notificacao{
	position: relative;
	height: 50px;
	border-bottom: 1px solid #ccc;
	background: rgba(250,250,250,0.95);
	cursor: pointer;
}
.notificacoes-gadget .notificacao .icon{
	position: absolute;
	left: 10px;
	top: 5px;	
}
.notificacoes-gadget .notificacao .placa{
	font-weight: bold;
	color: #555;
	position: absolute;
	left: 60px;
	top: 5px;	
}
.notificacoes-gadget .notificacao .evento{
	position: absolute;
	left: 60px;
	top: 31px;
	font-size: 12px;
	color: rgb(76,143,253);	
}
.notificacoes-gadget .notificacao .velocidade{
	position: absolute;
	right: 10px;
	top: 5px;
	font-size: 12px;
	color: rgb(76,143,253);
}
.notificacoes-gadget .notificacao .data{
	position: absolute;
	right: 10px;
	top: 31px;
	font-size: 12px;
}

.notificacoes-gadget .btLimparNot{
	margin: 0;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
	background: rgb(255,168,76); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
	color: white;
	border: none;
	border-radius: 0;
}
.btn.new,
.telefones .new{
	background: url('img/ui.button-color.png') no-repeat -36px 0px;
	width: 18px;
	height: 18px;
	border: none;
}
.btn.logs{
	background: url('img/ui.button-color.png') no-repeat -288px -108px;
	width: 18px;
	height: 18px;
	border: none;
}
.btn.prt{
	background: url('img/ui.button-color.png') no-repeat -216px -126px;
	width: 18px;
	height: 18px;
	border: none;
}
.btn.ok{
	background: url('img/ui.button-color.png') no-repeat -54px -36px;
	width: 18px;
	height: 18px;
	border: none;
}
.btn.down{
	background: url('img/ui.button-color.png') no-repeat -108px -0px;
	width: 18px;
	height: 18px;
	border: none;
}
.btn.del{
	background: url('img/ui.button-color.png') no-repeat -126px -36px;
	width: 18px;
	height: 18px;
	border: none;
}
.btn.edt{
	background: url('img/ui.button-color.png') no-repeat -72px -126px;
	width: 18px;
	height: 18px;
	border: none;
}
.btn.mail{
	background: url('img/ui.button-color.png') no-repeat -72px -108px;
	width: 18px;
	height: 18px;
	border: none;
}
.btn.update{
	background: url('img/ui.button-color.png') no-repeat -72px -108px;
	width: 18px;
	height: 18px;
	border: none;
}
.btn.varinha_magica{
	background: url('img/ui.button-color.png') no-repeat -270px -162px;
	width: 18px;
	height: 18px;
	border: none;
}
.config-io .io{
	border-radius: 3px;
	padding: 5px;
	margin: 1px;
}
.config-io .io.in{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#18ad27+0,299a0b+100 */
	background: #18ad27; /* Old browsers */
	background: -moz-linear-gradient(top,  #18ad27 0%, #299a0b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #18ad27 0%,#299a0b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #18ad27 0%,#299a0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18ad27', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */
	color: white;
}
.config-io .io.out{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#18ad27+0,299a0b+100 */
	background: #ffaf4b; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffaf4b 0%, #ff920a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffaf4b 0%,#ff920a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */
	color: white;
}
.cadastroembarquedesembarque .pnEndereco{
	position: absolute;
	top: 160px;
	left: 60px;
	z-index: 5000;	
	opacity: 0.8;
	padding: 5px;
	background: white;
	border-radius: 3px;
}

.cadastroembarquedesembarque .pnEndereco input{
	width: 400px;
}
.ClienteSelectionPanel{
	z-index: 800;
}
.ClienteSelectionPanel .lbClienteSelecionado{
	color: blue;
	cursor: pointer;
}
.ClienteSelectionPanel .lbClienteSelecionado:hover{
	text-decoration: underline;
}
.ClienteSelectionPanel .lbClienteSelecionado.filtered{
	color: red;	
}
.ClienteSelectionPanel .hpCliente{
	visibility: hidden;
	background: white;
	padding: 5px;
	background: 1px solid #eee;
	border: 1px solid #eee;
	box-shadow: 2px 2px 10px #aaa; 
	border-radius: 3px;
}
.ClienteSelectionPanel .hpCliente .gwt-Label{
	margin: 3px;
}
.ClienteSelectionPanel .hpCliente .clr{
	background: url('img/ui.button-color.png') no-repeat -126px -36px white;
	width: 18px;
	height: 18px;
	border: none;
	margin: 5px;	
}
.ClienteSelectionPanel.selected .hpCliente{
	visibility: visible;	
}
.edClientePanel{
	position: absolute;
	left: 500px;
	top: 50px;
}
.gwt-SuggestBoxPopup{
     position: fixed !important;
}

.dateBoxPopup {
     position: fixed !important;
}

.tooltip.error{
     position: fixed !important;
}
.mensagem .mensagem_fld{
	width: 400px;
	height: 300px; 
}
.gwt-PopupPanel{
	z-index: 5000;	
}
.stats{
	margin: 10px auto auto auto;
	background: #eeeeee4a;
	padding: 10px 0 10px 0;
	display: flex;
	justify-content: space-between;
}
.stats .statItem{
	display: inline-block;
	vertical-align: top;
	margin: auto 10px auto 10px;
	width: 16%;
	min-width: 150px;
	background: white;
	border-bottom: 3px solid green;
	padding: 10px;
	box-shadow: 2px #bbbbbb;
	border-radius: 0px 5px 0px 5px;
	text-align: center;
}
.stats .statItem .itemName{
	font-weight: bold;
	font-size: 12px;
	color: #0000ff91;
}
.stats .statItem .itemValue{
	font-size: 19px;
	font-weight: bold;
}
.stats .statItem.green{
	border-bottom: 3px solid green;
}
.stats .statItem.olive{
	border-bottom: 3px solid olive;
}
.stats .statItem.red{
	border-bottom: 3px solid red;
}
.stats .statItem.navy{
	border-bottom: 3px solid navy;
}
.stats .statItem.blue{
	border-bottom: 3px solid blue;
}
.stats .statItem.orange{
	border-bottom: 3px solid orange;
}
.stats .statItem.wine{
	border-bottom: 3px solid brown;
}
.stats .statItem.purple{
	border-bottom: 3px solid purple;
}
.stats .statItem.lavender{
	border-bottom: 3px solid lavender;
}
.panel-grid{
	
}
.panel-grid.top{
	
}

.panel-grid.lateral{
	
}
.panel-grid.lateral .action-panel .config{
	background: url('img/ui.button-color.png') no-repeat -342px -108px white;	
	text-indent: -9999px;
	width: 18px;
	height: 18px;
	border: none;
	outline: none
}
.panel-grid.top .action-panel .config{
	background: none;
}
.panel-grid.lateral .action-panel button{
	margin: 5px 0 5px 0;
}
.panel-grid .top .action-panel{
}

.comandosmanager .grid-desc-cmd{
	max-width: 500px;
	min-width: 200px;
}
.fullmap2 .panel-lat{
	overflow: auto;
}