* { outline:none!important; } 


.del, .s { text-decoration: line-through; }

textarea { resize:none;  outline:none!important;}

textarea.form-control {
    resize:none; 
}

.no-padding { padding:0!important; }
.no-padding-t { padding-top:0!important; }
.no-padding-r { padding-right:0!important; }
.no-padding-b { padding-bottom:0!important; }
.no-padding-l { padding-left:0!important; }

.no-margin { margin:0!important; }
.no-margin-t { margin-top:0!important; }
.no-margin-r { margin-right:0!important; }
.no-margin-b { margin-bottom:0!important; }
.no-margin-l { margin-left:0!important; }

.margin-10 { margin:10px; }
.margin-left-15 { margin-left:15px; }
.margin-right-15 { margin-right:15px; }

.no-wrap { white-space:nowrap!important; }

.cursor-pointer { cursor:pointer; }
.bold , .status { font-weight:bold; }
.font-normal { font-weight:normal; }
.rasurado { text-decoration:line-through; }
.transp50 { opacity:0.5; filter:alpha(opacity=50); }
.fa-md {
font-size: 1.2em;
line-height: 1em;
vertical-align: -15%;
}

.table { margin-bottom: 8px; }
.table thead > tr > td, .table tbody > tr > td { border-bottom: 0; }
.pagination > li > a, .pagination > li > span { padding: 2px 13px; }
.total_registros { font-size: 20px; }


.mCSB_container { margin-right:20px; }
.mCSB_container.mCS_no_scrollbar { margin-right:0; }

#ConteudoPosicoes { min-height: 85px; }

.modal-content { border-radius: 0px; }

.nav-tabs > li > a { border:0; border-radius:0; color:#aaa; font-size:13px; }
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { 
border:0; border-bottom: #777 solid 1px; font-weight:normal; color:#fff; background-color: #777; }
.nav-justified, .nav-tabs.nav-justified { border-bottom:1px solid #777; }

/* Cores ------------------------------------------ */

.cor-vm-b { color:#E00!important; font-weight:bold; }

.cor-la  { color:#ed9600!important; }
.cor-vm, .cor-vm a { color:#ed1c24!important; }
.cor-vd  { color:#a3cc1e!important; }
.cor-az  { color:#00a2e8!important; }
.cor-am  { color:#f7a900!important; }
.cor-vd2 { color:#93bc0d!important; } /* - escuro */
.cor-vd3 { color:#4a6001!important; } /* + escuro*/
.cor-cz  { color:#888888!important; }
.cor-cz2  { color:#333333!important; }
.cor-rx  { color:#7700bb!important; }


.fnd-vd { background-color:#93bc0d!important; }
.fnd-vm { background-color:#ed1c24!important; }


.fnd-vd2 { background-color:#f8fff0!important; } /*  f1f7dc */
.fnd-am2 { background-color:#ffffe8!important; }
.fnd-vm2 { background-color:#fff1f1!important; }
.fnd-la2 { background-color:#ffefdf!important; }

.table-striped > tbody > tr.fnd-vd2:nth-of-type(odd){ background-color:#effbe0!important; }
.table-striped > tbody > tr.fnd-am2:nth-of-type(odd){ background-color:#ffffd1!important; }
.table-striped > tbody > tr.fnd-vm2:nth-of-type(odd){ background-color:#ffe8e8!important; }
.table-striped > tbody > tr.fnd-la2:nth-of-type(odd){ background-color:#ffebd6!important; }

.zebra-cz { background-color:#f5f5f5!important; }

.status-vd .status, .status-vd td.status { color:#a3cc1e; }
.status-vm .status, .status-vm td.status { color:#ed1c24; }




.sel-cor1 { color:#000000; }
.sel-cor2 { color:#0033DD; }
.sel-cor3 { color:#FF0000; }
.sel-cor4 { color:#008000; }
.sel-cor5 { color:#FF7700; }
.sel-cor6 { color:#FF00FF; }
.sel-cor7 { color:#48D1CC; }
.sel-cor8 { color:#00BFFF; }
.sel-cor9 { color:#9ACD32; }
.sel-cor10 { color:#FF66BB; }
.sel-cor11 { color:#BA55D3; }
.sel-cor12 { color:#B8860B; }
.sel-cor13 { color:#8B008B; }
.sel-cor14 { color:#FFB6C1; }
.sel-cor15 { color:#777777; }
.sel-cor16 { color:#BBBBBB; }


.ls-1 { letter-spacing:1px; }
.ls-2 { letter-spacing:2px; }
.ls-3 { letter-spacing:3px; }
.ls-4 { letter-spacing:4px; }
.ls-5 { letter-spacing:5px; }


/* Cores ------------------------------------------ */



/* Sistema ------------------------------------------ */


.b-placa { font-size:14px; letter-spacing:1px; }


/* Sistema ------------------------------------------ */






/* OBD ------------------------------------------ */

#obd-table-striped>tbody>tr>td.text-left{ min-width:100px; }


#obd-table-striped {
    font-size:12px;
    border: 1px solid #ddd;
	font-weight: normal;
}

#obd-table-striped>tbody>tr>td, #obd-table-striped>tbody>tr>th, #obd-table-striped>tfoot>tr>td, #obd-table-striped>tfoot>tr>th, #obd-table-striped>thead>tr>td, #obd-table-striped>thead>tr>th {
    border: 1px solid #ddd;
}

#obd-table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.odb-min-max { font-style:normal; color:#999; }


/* OBD ------------------------------------------ */




/* Exportar Relatório ( Endereços para PDF ) ------------------------------------------ */


.exportar { background:#525659; }


/* Exportar Relatório ( Endereços para PDF ) ------------------------------------------ */





/* Painel de Configurações ------------------------------------------ */


/* https://www.cssmatic.com/box-shadow */
.btn-config-mobile {
	border-radius: 50%;
	width:60px;
	height:60px;
	position:fixed; 
	left:15px; 
	bottom:15px;  
	z-index:100;
	-webkit-box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.20);
	-moz-box-shadow: 	3px 3px 3px 1px rgba(0,0,0,0.20);
	box-shadow: 		3px 3px 3px 1px rgba(0,0,0,0.20);
}




#bt-rastreamento-mapa-config { 
position:absolute; 
right:10px; 
bottom:10px;
z-index:1000; 
}
#bt-rastreamento-mapa-config button { padding: 10px 10px; }

#bt-rastreamento-mapa-historico {
position:absolute; 
right:170px; 
bottom:20px; 	
}

#rastreamento-config-modal .well {
    padding: 0 15px;
	margin-top:15px;
}


#config-alertas button.btn-block { margin-top: 0; }

p.form-separador { margin: 0 0 8px 0; } 

.config-cerca-salvar { max-width:1500px; }
.config-cerca-buscar { max-width:180px; }
.config-cerca-opcoes-topo { z-index:1000; position:absolute; right:0px; top:10px; padding:0 10px; }
.config-cerca-opcoes-baixo { z-index:1000; position:absolute; left:0px; bottom:10px; padding:0 0 0 10px; max-width:350px; }
.bt-config-cerca { padding-right:10px; top:45px; }
.bt-config-cerca button , .bt-config-cerca .btn-block + .btn-block { margin-top:10px; }
#configListaCercas .btn-group { margin-top: 3px; }

.form-group + .form-group { border-top: 0; }

.config-rota-panel-proximos { margin-bottom:0; }
.config-rota-panel-proximos .panel-default { border:1px solid #e8e8e8; border-radius:0; }
.config-rota-panel-proximos .panel-default .panel-collapse { padding: 0px 10px 10px 10px; }
.config-rota-panel-proximos .panel-default .panel-collapse table span.label.label-default { font-weight:normal; background-color:#999; }
.config-rota-panel-proximos .panel-default a.close.collapsed { display:none; }

.config-rota-panel-proximos .panel-default .panel-heading i { font-size: inherit; }

.config-rota-opcoes-baixo { z-index:1000; position:absolute; left:25px; bottom:29px; }

i.cfg-sel-cor { margin:4px; }
.popover { max-width: 300px;  }


.table-alertas button { 
    display: block;
    width: 100%;
}
.table-alertas button + button { 
    margin-top: 10px;
}



/* Painel de Configurações ------------------------------------------ */





/* Painel Equipamentos ------------------------------------------ */

#painel-equipamentos .table > thead > tr > th, #painel-equipamentos .table > tbody > tr > th, 
#painel-equipamentos .table > tfoot > tr > th, #painel-equipamentos .table > thead > tr > td, 
#painel-equipamentos .table > tbody > tr > td, #painel-equipamentos .table > tfoot > tr > td {
    padding: 5px;
}

#painel-equipamentos .well {
    padding: 0 15px;
	margin-top:15px;
}

#painel-equipamentos .fa-stop { cursor:pointer; }

.transp { cursor:default!important; opacity:0.3; filter:alpha(opacity=30); }

.td-bt { cursor:pointer; }
.td-bt:hover { color: #fff; background-color: #1e91cf;  }








/* Painel Equipamentos ------------------------------------------ */





/* Painel Posicoes ------------------------------------------ */

#painel-posicoes .table > thead > tr > th, #painel-posicoes .table > tbody > tr > th, 
#painel-posicoes .table > tfoot > tr > th, #painel-posicoes .table > thead > tr > td, 
#painel-posicoes .table > tbody > tr > td, #painel-posicoes .table > tfoot > tr > td {
    padding: 5px;
}

#painel-posicoes .table { margin: 0; }

#painel-posicoes .well {
    padding: 0 15px;
	margin-top:15px;
}

#painel-posicoes .fa-stop { cursor:pointer; }

.transp { cursor:default!important; opacity:0.3; filter:alpha(opacity=30); }

.td-bt { cursor:pointer; }
.td-bt:hover { color: #fff; background-color: #1e91cf;  }

#painel-posicoes .btn-group-alertas>.btn {
	color: #fff;
	border-color:#f5f5f5;
	padding-left:5px;
	padding-right:5px;
}

/*
.posicoes_coluna_end_1 {
    white-space: nowrap;
    overflow: hidden;
    max-width: 220px;
    display: block;
}
*/


/* Painel Posicoes ------------------------------------------ */









/* Painel Mapa ------------------------------------------ */

.fnd-carregando { display:none;width:100%;height:100%;position:absolute;background:#FFF; z-index: 1; }
.img-carregando { position:absolute;left:50%;margin-left:-20px;top:50%;margin-top:-20px; }

#carregando_mapa_porcentagem {
position: absolute;
left: 50%;
margin-left: -20px;
top: 50%;
margin-top: 16px;
width: 40px;
letter-spacing: 1px;
}



#painel-mapa {
    height: 300px;
    overflow: hidden;
    position: relative;
    min-height: 60px!important;
}

#frame_mapa {
    width: 100%;
    height: 100%;
}




#bt-rastreamento-mapa-funcoes { 
position:absolute; 
right:10px; 
top:10px;
z-index:100;
}

#bt-rastreamento-mapa-funcoes .btn-default:focus, #bt-rastreamento-mapa-funcoes .btn-default.focus {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

#bt-rastreamento-mapa-funcoes .btn-success:focus, #bt-rastreamento-mapa-funcoes .btn-success.focus {
    color: #fff;
  	background-color: #8fbb6c;
  	border-color: #7aae50;
}

#bt-rastreamento-mapa-funcoes .n_auto i.fa-lg { margin-bottom:2px; }



/* Painel Mapa ------------------------------------------ */




.modal-mobile {
	/*margin-top:25px;*/
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
}





@media (min-width: 768px){
	#mapa-modal { padding:0!important; }
	#mapa-modal .modal-lg { width:80%; margin: 20px auto 0 auto; }
}





.page-header {
    margin: 0;
    padding: 15px 0;
}

#column-left.active #profile { padding:15px 0px; }
#column-left.active #profile .thumbnail {
    /* padding: 10px; */
}
/*#profile div { float:none; }*/

#button-menu, #header .nav > li > a {
    padding: 17px 28px;
    line-height: 38px;
}

#column-left {
	/* width: 71px; */
    padding-top: 0; /* 73px */
}

#column-left+#content {
    margin-left: 71px;
}

/*
#menu > li > a {
    padding-left: 24px; 
}
*/

#menu > li > ul {
    left: 71px;
    top: -1px;
}

#header .navbar-brand {
    padding: 10px 10px 10px 10px;
    margin-right: 10px;
    height: auto;
}


#profile div + div {
    margin-left: 10px;
    max-width: 145px;
}


.limite-cotacoes {
    margin-bottom: 5px;
}

.text-left { text-align:left!important; }



.legenda-paginacao { margin-bottom: 14px; }
.legenda-paginacao span { font-weight:normal; padding:5px 10px; }


.anexar-bt-icones { margin-left:20px; }

.fa-1x { font-size: 1.5em; }
a.icone_info { color:#666!important; }



.modal-xs { width: 70%; margin:20% auto; }


@media (min-width: 768px){
	.modal-sm { width: 400px; }
}



/** Menu Responsivo Horizontal 767px **/
@media (max-width: 991px){


	#column-left {
	padding:0;
	display: block;
	overflow:hidden;
    width: 100%;
	position: relative;
	transition: all 0.3s;
	max-height: 0;
    transition: max-height 0.3s ease-out;
	}
	
	#column-left.active {
    width: 100%!important;
    overflow: hidden;
	height:auto;
	max-height: 1000px;
    transition: max-height 0.6s ease-in-out;
	}
	

	#column-left + #content , #column-left.active + #content , #column-left.active + #content + #footer , #column-left + #content + #footer {
		left: 0; margin-left:0; 
	}
	
	#menu > li > a > span {
    display: inline;
	}
	
	#menu li a i , #column-left.active #menu li i {
    font-size: 16px;
	}
	
	#column-left #profile {
    display: block;
    padding: 10px 15px 10px 15px;
    overflow: auto;
    border-bottom: 1px solid #585858;
	}
	
	#menu > li > ul , #menu > li:hover > ul {
    visibility: hidden;
	}
	
	#menu {
    margin-bottom: 0px;
	}	
	
	#menu li a {
    padding: 15px 10px;
	}
	
}
	
	




/*********** AJUSTE DE LAYOUT ( RASTREAMENTO ) ***********/

@media (min-width: 992px){ 
	#column-left.active { width: 190px; }
	#column-left.active + #content { margin-left: 190px; }
}

@media (max-width: 1500px){
	#painel-equipamentos-posicoes.col-md-6 { width:60%; }
	#painel-mapa.col-md-6 { width:40%; }
	.posicoes_coluna_end_1 , .posicoes_coluna_end_2 { white-space:nowrap; overflow:hidden; max-width:100px; display:block; margin:0 auto; }
	.equipamentos_coluna_des_1 , .equipamentos_coluna_des_2, .equipamentos_coluna_des_3 { white-space:nowrap; overflow:hidden; max-width:100px; display:block; margin:0 auto; }
}

@media (max-width: 1150px){
	#painel-equipamentos-posicoes.col-md-6 { width:65%; }
	#painel-mapa.col-md-6 { width:35%; }
	#painel-posicoes .btn-group-alertas>.btn { padding-left:3px; padding-right:3px; }	
}

@media (max-width: 1150px){
	#painel-equipamentos-posicoes.col-md-6 { width:65%; }
	#painel-mapa.col-md-6 { width:35%; }
	#painel-posicoes .btn-group-alertas>.btn { padding-left:3px; padding-right:3px; }	
}

@media (max-width: 991px){ 
	#painel-equipamentos-posicoes.col-sm-12 { width:100%!important; }
	#painel-mapa.col-sm-12 { width:100%!important; }
	#painel-mapa { padding:0 15px; height:500px; }
	.seta-dropdown { margin:0 20px!important; }
	
	.table-responsive { overflow-x:auto!important;  }
	#frame_mapa { width:100%!important; height:100%!important; }
	
	#painel-posicoes .btn-group-alertas>.btn { padding-left:5px; padding-right:5px; }
	
	#painel-equipamentos , #painel-posicoes { height:auto!important; }
	
}



.form-group.posicoes-info-veiculo , .form-group.posicoes-botoes-veiculo { display: inline-block; }



.navbar-brand.header-usuario { float:left; height:50px; padding-top:26px!important; font-size:18px; line-height:20px; }
.navbar-brand.header-usuario:focus, .navbar-brand.header-usuario:hover { color: #5e5e5e; background-color:transparent; }
.navbar-brand.header-usuario { color:#777; }
.navbar-brand:focus, .navbar-brand:hover { text-decoration:none; }




@media (min-width: 768px){
#alerta-modal .modal-dialog.modal-sm { margin: 200px auto; }
}

@media (min-width: 768px){
#alerta-secundario-modal .modal-dialog.modal-sm { margin: 190px auto; left:-10px; }
}



@media (max-width: 767px){
	.equipamentos_coluna_des_1 , .equipamentos_coluna_des_2, .equipamentos_coluna_des_3 { white-space:nowrap; overflow:hidden; max-width:120px; display:block; margin:0 auto; }
	
	.nav-justified .nav-tabs.nav-justified , #rastreamento-config-tabs { text-align:center; }
	.nav-justified > li, .nav-tabs.nav-justified > li { display:inline-block; }
	.nav > li > a { padding: 8px 10px; }
}







/*********** AJUSTE DE LAYOUT (  ) ***********/


.table-sisrast > tbody > tr > td .btn i { width:15px; }
.table-sisrast > tbody > tr > td .btn { margin-top:3px; }


#menu li a {
    padding: 7px 10px;
}


.panel-title { white-space: nowrap; }

#fechamentos_subtitulo {
    display: inline-block;
    font-size: 16px;
    padding: 0 10px;
	vertical-align: middle;
	letter-spacing:1px;
}


.img-logo { max-width:150px; max-height:150px; }



/*********** MENU HOVER ***********/

@media (min-width: 992px){

	#column-left.active {
		overflow: visible;
	}
	
	#column-left.active #menu > li > ul {
		position: absolute;
		left: 100%;
		top: 0px;
		width: 150px;
		z-index:1;
		visibility: hidden;
	}

	#column-left.active #menu > li:hover > ul , #column-left.active #menu > li:hover > ul.in {
		visibility: visible;
		display: block;
		/*height:170px!important;*/
	}
	
	#menu li li a.parent:after, #column-left.active #menu > li a.parent:after , #menu li li.open > a.parent:after, #column-left.active #menu > li.open > a.parent:after{
    font-family: FontAwesome;
    content: "\f105";
    float: right;
    margin-right: 8px;
	}


}


/*********** MENU HOVER ***********/


#footer { height:auto; padding-bottom:20px; padding-top:20px; }

.header-on-scroll {
    position: fixed;
    z-index: 1000;
	top:0;
	left:0;
    background: #fff;
    border-bottom: 2px solid #bfbfbf;
    width: 100%;
}


.popover-bateria-removida {
	position:fixed;
	left:auto;
	top:auto;
	bottom:20px;
	right:20px;
	z-index:100;
}


.popover-pendencias {
    position: fixed;
    left: 50%;
    margin-left: -150px;
    bottom: 5px;
	top:auto;
	right:auto;
    z-index: 1000;
}



.alert-pendencias {
    position: fixed;
    z-index: 99999;
    width: 100%;
    bottom: 0;
    border-radius: 0;
    padding: 5px 10px;
	margin:0;
}

@media (min-width: 768px){
.alert-pendencias { padding: 20px; }
}

.alert-pendencias button.close {
    font-size: 38px;
	padding:10px 0;
}

.alert-pendencias h4 {
    padding:20px 0;
	margin:0;
}



.alert-aviso-topo {
	display: inline-table;
    position: fixed;
    z-index: 99999;
    width: 100%;
    top: 0;
    border-radius: 0;
    padding: 5px 10px;
	margin:0;
}



.input-codigo-ativacao { letter-spacing:10px; font-size: 20px; text-align:center; }



input.disabled {
    cursor: not-allowed;
	background-color: #eee;
    opacity: 1;
}



/* select Gráficos do Painel de Controle */
select.form-control.input-sm {
	    max-width: 100%;
   /*width: -webkit-fill-available;*/
}


#col-lista-cercas { margin-bottom:15px; margin-top:10px;  }

@media (min-width: 768px){
#col-lista-cercas { overflow-x:hidden; overflow-y:scroll; height:455px; margin-top:10px;  }
}



/* .btn-cercas { width:150px; max-width:150px; } */


::-webkit-scrollbar { width: 2px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #aaa; }
::-webkit-scrollbar-thumb:hover { background: #888; }






/* Ajuste no menu para telas menores que 13 pol */

@media screen and (min-width: 768px) and (max-height: 730px){
	
	/* #column-left { height:auto; } */ 
	
	#menu li a { padding:4px 10px; }

}






#popup .modal-content {
    background: none;
    box-shadow: none;
    text-align: center;
    border: 0;
}







.well .progress {
	height: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.well .progress-bar {
	font-size: 12px;
}

.well .progress-bar-info {
	
}


.dropdown-menu > .active.asc > a:after {
    content: " \f107";
    font-family: FontAwesome;
    font-size: 14px;
}

.dropdown-menu > .active.desc > a:after {
    content: " \f106";
    font-family: FontAwesome;
    font-size: 14px;
}


.grafico_titulo > span {  cursor:pointer; }