html {overflow:hidden;}
body { /*background: url('img/default/bg_body.png') bottom center repeat-x; background-color: #c4cfd7 !important;*/
    background: url('img/default/bg_body_autenticador.png') bottom left no-repeat;
    /*background-color: #aecee5 !important;}*/
    background-color: #fff !important;
    font-family: sans-serif !important;
}

/*a img {}*/

.floatdir {float: right; margin-top: 4px;font-size: 12px;font-weight: bold;}




#principal {/*background: url('img/default/bg_principal.png') top center repeat-x;*/ position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; }

#principal #destaques {margin: 50px 0px 0px 0px; padding: 1px 0px 0px 60px; position:relative; background-color: rgba(255,255,255,0.5);}
#principal #destaques div.aba {display: inline-block; font-size:11px; font-weight:bold; border-radius:5px; color:#fff; padding: 2px 5px 2px 5px; background: url('img/default/bg_footertitle.png') top left repeat-x #8b8b8b; cursor:pointer; border:1px solid #999; position:relative; user-select:none;}
#principal #destaques div.aba img {width:16px;}
#principal #destaques div.aba button {border: 0px; background: none; padding: 0px !important; margin: 0px !important; position:relative; border-radius:9px; width:16px; outline:none;}
#principal #destaques div.aba button:hover {background-color: #333;}
#principal #destaques div.aba .body {min-width:300px; min-height:100px;position:absolute;top: 23px; left:0px; background-color:#fff; border-radius:7px; z-index:999; color:#555; display:none;padding:10px;}

#principal #destaques .comparativo {border-radius: 5px; color: #555; display: none; margin-top: 5px; max-height: 400px; overflow-y:auto;padding-right:66px;}
#principal #destaques .comparativo .fcv {display:inline-block; width:400px; margin:0px 5px 5px 0px; vertical-align:top;}
#principal #destaques .comparativo .fcv .title {font-size:11px; font-weight:bold; border-radius:5px 5px 0px 0px; color:#fff; padding: 2px 5px 2px 5px; background: url('img/default/bg_footertitle.png') top left repeat-x #8b8b8b; border:1px solid #999; position:relative; }
#principal #destaques .comparativo .fcv .title img {width:16px;}
#principal #destaques .comparativo .fcv .content {border:1px solid #aaa;overflow:auto; background-color: #fff; padding:10px; max-height: 330px; min-height:100px; }

#principal #favoritos { position: relative; background-color: rgba(255,255,255,0.3); }
#principal #favoritos > div.list { position: relative; height: 100%; overflow-y: scroll; padding: 1px 50px 3px 60px;}
#principal #favoritos > div.list.active {background-color: rgba(255,255,0,0.3); min-height:30px; }
#principal #favoritos > div.list.hover {background-color: rgba(100,100,0,0.3); min-height:30px; }

#principal #content {margin: 65px 0px 0px 0px; position: relative; overflow:auto; padding: 0px 50px 0px 60px;}





#mapa { position:absolute; top: 65px; bottom:0px; right:0px; left:0px;}
#mapa img { max-width: none; }

header {height: 65px;position: absolute;width: 100%; /*border-bottom: 1px solid #AAC7DC;*/ background: url('img/default/bg_header5.png') top right no-repeat; /*box-shadow: 0 3px 6px rgba(0, 0, 0, .1);*/background-position: 161px -10px; background-color:#fff;}
/*header:hover {background-color: rgba(185,216,234,0.95);}*/
header #btn_menu {width:28px; height:65px; cursor:pointer; float: left; border-radius:0px 10px 0px 0px;box-sizing: border-box;}
/*header #btn_menu:hover {background-color: #ccc;}*/
header #btn_menu.active { background: none; border: 1px solid #f1f1f1; border-width: 1px 1px 0px 0px;}
header #title {color:#fff; font-size:16px; margin: 0px 0px 0px 5px;/* padding-left: 170px;*/font-weight: bold;}
header .functions {display: inline-block; margin: 21px 8px 8px 8px;}
header .functions .btn {padding:0px;background-color: transparent; padding: 0px 4px;font-size: 11px;outline: none; font-weight:bold; color:#fff;}
header .open > .dropdown-menu {top:auto;left:auto;right: 0px;}
header #logo_ginlog_header {float:left; margin:4px 20px 0px 20px; background: url('img/default/logo_ginlog_56.png') top left no-repeat;width: 152px; height: 56px;background-color: transparent;}
header .inner-header {height: 65px; margin-left: 266px;background-color: #b4d6ee;}

#breadcrumbs {font-size:12px; color: #7ba9c9; padding-top: 15px; /*background: url('img/default/bg_breadcrumbs.png') top left repeat-x;*/}
#breadcrumbs ul {list-style:none; display: inline;margin:0px; padding:0px;}
#breadcrumbs ul li {display:inline; padding:0px 0px 0px 3px; font-weight:bold; }
#breadcrumbs ul li:not(:last-child):after {content: " ▶"}
#breadcrumbs ul li:last-child {content: ""; cursor: auto; }

#menu {position: absolute;bottom: 0px; width: 28px; /*background-color: rgba(88,155,196,0.8);*/ background-color: #f1f1f1; top: 65px; display:none; /*z-index: 999;*/}
#menu .modulo {position:relative;}
#menu .icone {width:28px;height:28px; cursor:pointer; border-radius: 5px 0px 5px 5px; margin-top:6px;}
#menu .icone.disabled {pointer-events:none;background-color: rgba(220, 220, 220, 0.5);}
#menu .icone img {width:22px; margin:3px;}
#menu .icone svg {margin:2px;}
#menu .icone:hover {background-color: #fff;}
#menu .icone.active {background-color: #fff;}
#menu .menu_item {position:relative; cursor:pointer;}
#menu .menu_item span {display:none; background-color: rgba(255,255,255,0.8);position: absolute;top: 0;left: 28px;min-width: 200px;height: 28px;font-size: 12px;font-weight: bold;border-radius: 0px 10px 10px 0px;padding: 5px;color: #555;}
#menu .menu_bloco {width:600px; display:none; position: absolute;left: 30px;top: 0;background-color: rgba(255,255,255,0.95);border-radius: 0px 10px 10px 10px;padding: 5px;min-width: 230px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); font-size:12px;}
#menu .menu_bloco .menu_titulo {background: url('img/default/bg_footertitle.png') top left repeat-x #659BC0; color:#fff;padding: 5px;border-radius: 7px 7px 7px 7px;font-weight: bold;text-align: center; margin-bottom: 5px;}
#menu .menu_bloco .menu_titulo .functions {float:right; position:relative;}
#menu .menu_bloco .menu_titulo .functions .btn {padding:0px !important; background-color: transparent;outline: none;}
#menu .menu_bloco .listagem {max-height:200px;overflow-y: auto;margin: 5px 0px; font-size:11px;}
#menu #versao {-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); position: absolute;bottom: 50px;left: -37px;color: #ddd;font-size: 10px;width: 100px;cursor: pointer}

#coluna_direita { margin: 95px 5px 0px 0px;position: relative;padding: 2px;border-radius: 5px; /*z-index:999;*/ position:absolute; right:12px;}
#coluna_direita.active {background-color: rgba(255,255,0,0.3);}
#coluna_direita .modulo {position:relative;top:25px;}
#coluna_direita .modulo .icone {cursor:pointer;}
#coluna_direita .modulo .icone:hover {border-radius: 7px; background-color: rgba(0,0,0,0.4);}
#coluna_direita .modulo .icone img:last-child {display:none;}
#coluna_direita .modulo .bloco {position: absolute;right: 45px;top: 0px; min-width: 270px; display:none;}
#coluna_direita .modulo .bloco.branco {background-color: rgba(255,255,255,0.95); border-radius:7px; min-width: 290px;}
#coluna_direita .modulo .bloco .content {overflow-y: auto; position:relative; max-height: none !important;}
#coluna_direita .modulo .bloco .title {background: url('../img/default/bg_footertitle.png') top left repeat-x #659BC0; border-radius:7px 7px 0px 0px; color: #fff; font-weight:bold; padding: 2px 7px 4px 7px; text-align:center;}
#coluna_direita .modulo .bloco .title .functions {float:right; position:relative;}
#coluna_direita .modulo .bloco .title .functions .btn {padding:0px;background-color: transparent;outline: none;}
#coluna_direita .modulo .bloco .title .functions .dropdown-menu {top: auto;left:auto;right:0px;}
#coluna_direita .modulo .bloco .title .functions_esq {float:left; position:relative;}
#coluna_direita .modulo .bloco .title .functions_esq .btn {padding:0px;background-color: transparent;outline: none;}
#coluna_direita .modulo .bloco .title .functions_esq .dropdown-menu {top: auto;left:auto;right:0px;}

/* -- ALARMES COLUNA DIREITA -- */
#coluna_direita .modulo .bloco ul.alarme_lista {list-style:none; padding:0px 0px 0px 30px; margin:0px;overflow-y: auto;}
#coluna_direita .modulo .bloco ul.alarme_lista li {position:relative; background-color: rgba(243,255,219,0.95); margin-top: 1px; font-size:12px; padding: 3px 0px 7px 0px; cursor:pointer; border-radius: 0px 7px 7px 0px;}
#coluna_direita .modulo .bloco ul.alarme_lista li:nth-child(odd) {background-color: rgba(240,255,210,0.95);}
#coluna_direita .modulo .bloco ul.alarme_lista li:hover {background-color: rgba(255,242,210,0.95);}
#coluna_direita .modulo .bloco ul.alarme_lista li.selected {background-color: rgba(255,242,210,0.95);}
/*#coluna_direita .modulo .bloco ul.alarme_lista li.selected:nth-child(odd) {background-color: rgba(255,241,201,0.95);}*/
#coluna_direita .modulo .bloco ul.alarme_lista li div.options {position:absolute; top:0px;bottom:0px; left:-30px; width:30px; background-color:inherit; text-align:center; border-radius: 7px 0px 0px 7px;}
#coluna_direita .modulo .alarme_title {font-weight:bold; font-size:14px;}
.alarme_local, .alarme_datahora, .alarme_enlace, .alarme_motorista, .alarme_mais {font-size:11px; color:#555;}
#coluna_direita .modulo .alarme_local {}
#coluna_direita .modulo .alarme_datahora {}
#coluna_direita .modulo .alarme_enlace {font-size: 8px;}
#coluna_direita .modulo .alarme_motorista {}
#coluna_direita .modulo .alarme_mais {display: none; background-color: rgba(255,255,255,0.5); border: 1px solid #ccc; padding: 2px;}
#coluna_direita .modulo .maisinfo {position: absolute; bottom:0px; right:5px; color: #4c4c4c; font-size:12px; cursor:pointer; font-weight:bold;}

/*#logo_ginlog {position: absolute; bottom:7px; right:10px; background: url('img/default/logo_ginlog.png') top left no-repeat;width: 78px; height: 38px;}*/

footer {position: fixed;bottom: 0px;left: 0px;right: 0px;background: rgba(255,255,255,0.95);}
footer .modulo {position:relative;}
footer .modulo .icone {position:absolute;}
footer .modulo .icone img {width: 16px;margin: 2px;}
footer .modulo .icone img.on {display:none;}
footer .modulo .bloco .content {position:relative; max-height: none !important;}
footer .modulo .bloco .title {background: url('img/default/bg_footertitle.png') top left repeat-x #ABD9EF; color: #397999; font-weight: bold;padding: 1px 7px 2px 7px;text-align: center;border: 1px solid #cdcdcd;border-width: 1px 0px 0px 0px;cursor: pointer;font-size: 12px;}
footer .modulo .bloco .title:hover {background-color:#589BC4; color: #fff;}
footer .modulo .bloco .title .functions {float:right; position:relative;}
footer .modulo .bloco .title .functions .btn {padding:0px;background-color: transparent; padding: 0px 4px;position: absolute;top: 2px;right: 4px;font-size: 11px;outline: none;}
footer .modulo .bloco .title .functions .dropdown-menu {top: auto;left:auto;right:0px;}
footer .modulo .bloco .title .functions_esq {float:left; position:relative; margin-left:20px;}
footer .modulo .bloco .title .functions_esq .btn {padding:0px;background-color: transparent; padding: 0px 4px;position: absolute;top: 2px;right: 4px;font-size: 11px;outline: none;}
footer .modulo .bloco .title .functions_esq .dropdown-menu {top: auto;left:auto;right:0px;}


/* -- BOTOES -- */



/* -- ÍCONES -- */
.icon_menu {background: url('img/icons/icon_menuactive2.png') center center no-repeat; height:65px;}
.icon_menu.active {/*background: url('img/icons/icon_menuactive.png') center center no-repeat;*/}
.icon_info {background: url('img/icons/icon_info.png') center center no-repeat;height:12px;width:12px;display:inline-block;}
.icon_verdetalhes {background: url('img/icons/icon_verdetalhes.png') center center no-repeat;height:16px;width:16px;border:0px;}
.icon_trataralarme {background: url('img/icons/icon_trataralarme.png') center center no-repeat;height:16px;width:16px;border:0px;}
.icon_location {background: url('img/icons/icon_location.png') center center no-repeat;height:12px;width:12px;border:0px; display:inline-block;}
.icon_calendar {background: url('img/icons/icon_calendar.png') center center no-repeat;height:12px;width:12px;border:0px; display:inline-block;}
.icon_motorista {background: url('img/icons/icon_motorista.png') center center no-repeat;height:12px;width:12px;border:0px; display:inline-block;}
.icon_options {background: url('img/icons/icon_options.png') center center no-repeat;height:12px;width:12px;border:0px; display:inline-block;}
.icon_fechar, .ui-dialog-titlebar-close {background: url('img/icons/icon_fechar.png') center center no-repeat;height:16px;width:16px;border:0px; display:inline-block; cursor:pointer;}
.icon_user {background: url('img/icons/icon_user.png') center center no-repeat;height:16px;width:16px;border:0px; display:inline-block;}
.icon_filtrar {background: url('img/svg/icon_filtro.svg') center center no-repeat;height:16px;width:16px;border:0px;}
.icon_limpar {background: url('img/svg/icon_limpar.svg') center center no-repeat;height:16px;width:16px;border:0px;}
.icon_detalhe {background: url('img/svg/icon_detalhe.svg') center center no-repeat;height:16px;width:16px;border:0px;}



/* -- BOOTSTRAP -- */
ul.nav-tabs {background-color: rgba(255,255,255,0.95);}
.nav > li > a {padding: 3px 4px !important; margin: 0px !important;font-size: 12px !important;}
.dropdown-menu { /*top:auto !important;*/ font-size:12px !important; min-width: 70px !important;}
.dropdown-menu .divider {margin:0px !important;}
.dropdown-menu li {padding:2px 10px;}
.dropdown-menu li:hover {background-color: #dedede;}
.dropdown-menu li a {text-decoration:none;}
.ui-resizable-e {right:0px !important;}
.ui-resizable-se {background-color: #ddd !important; border-radius: 3px !important;}
.ui-resizable-s {height:2px !important; background-color: #fff; bottom:0px !important; border-top: 1px solid #ccc;}
.btn {padding: 2px 3px !important;}
.close {opacity:1 !important; right: auto !important; top: 1px !important;}
.close:hover {opacity:1 !important;}
#alerts {text-align:center;}
.alert {padding: 4px !important; margin-bottom: 5px !important; margin-top: 5px !important; width:50%; margin:auto; opacity:0.9; border-radius: 15px !important;}
.btn-group .btn {padding: 2px 5px !important;}
.typeahead {bottom: 26px;top: auto !important;}

/* -- FORM -- */
button {padding: 0px 3px; font-size: 11px !important; margin-bottom:2px !important;}
input {padding: 1px 3px;}
input.search {width:100%;}
hr {margin: 2px !important;}

/* -- TABELA DE INFORMACOES -- */
.tabela_info {font-size:11px; margin:5px;}
.tabela_info tr {padding:5px;}
.tabela_info tr td:first-child {font-weight:bold; padding-right:5px;}

/* -- TABLE / GRID -- */
.table {font-size:12px; margin-bottom: 5px !important;}
/*.table .btn {padding:5px !important;}*/
.table tbody tr td {padding:2px !important;}
.table tbody tr.disabled {opacity: .5; pointer-events: none;}
.table tbody button {border: 0;padding: 1px 7px!important; border-radius: 15px; color: #fff; background: url('img/default/bg_footertitle.png') top left repeat-x #555; outline: none;}
.table tbody button img {width:16px;}

/* -- CORES -- */
.cinza {background-color: #8b8b8b !important; border-color: #999 !important;}
.cinza:hover {background-color: #555 !important;}
.cinza.active {background-color: #3e3e3e !important;}
.vermelho {background-color: #a90000 !important; border-color: #985050 !important;}
.vermelho:hover {background-color: #890000 !important;}
.vermelho.active {background-color: #580000 !important;}
.verde {background-color: #7fae00 !important; border-color: #a7b975 !important;}
.verde:hover {background-color: #638800 !important;}
.verde.active {background-color: #405800 !important;}
.amarelo {background-color: #b8a200 !important; border-color: #aba46e !important;}
.amarelo:hover {background-color: #958300 !important;}
.amarelo.active {background-color: #6e6521 !important;}
.azul {background-color: #00829e !important; border-color: #69a3ae !important;}
.azul:hover {background-color: #007189 !important;}
.azul.active {background-color: #004958 !important;}
.laranja {background-color: #a94000 !important; border-color: #ad7f5c !important;}
.laranja:hover {background-color: #893400 !important;}
.laranja.active {background-color: #792e00 !important;}
.roxo {background-color: #5400a9 !important; border-color: #71489c !important;}
.roxo:hover {background-color: #430089 !important;}
.roxo.active {background-color: #35006b !important;}

.loading-inlog-modulo{background: url("img/loading_inlog.gif") center center no-repeat rgba(255, 255, 255, 0.7); top: 23px; bottom: 0px; left: 0px;  right: 0px; position: absolute; z-index: 999;}
.loading-super-pequeno{background: url("img/loading_inlog.gif") center center no-repeat rgba(255, 255, 255, 0.7); background-size: 20px 20px; width: 20px; height: 20px;}

.content-empty{ position:absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.form-account-login{ margin: 100px auto; auto; width: 15%; border: 1px solid rgba(230, 230, 230, 0.5); border-radius: 10px; padding: 15px; background-color: #e5e5e5; min-width: 300px;}

.form-account-login div.submit{text-align: right;}
.form-titulo-login {text-align:center; text-transform:uppercase; color: #999; border-bottom: 1px solid #999; margin-bottom: 10px; padding-bottom: 5px;}
.form-account-login label {font-size: 13px;}
.form-account-login .form-group { margin-bottom: 7px !important; }

.limite-box-ferramenta {width: 122px !important; float: left;}
.table-td-tipo {width: 152px !important; min-width: 152px;}

.btn-link-disable {
    font-weight:normal;
    color: #428bca;
}

/* -- CLASSES GENÉRICAS -- */
.bg-verde { background-color: #d4ffb4; }
.bg-vermelho { background-color: #ff9999; }

.sem-margem { margin: 0; }

.row-fluid-error { background-color: #f2dede !important; }

.painel-sul-filtro-typeahead {    margin-bottom: 0 !important;    width: 90% !important;    height: 22px !important;    margin-top: 0 !important;    padding: 0px !important;}

.dropdown-menu-linha {    max-height: 200px;    overflow-y: auto;}

/*  -- CLASSES PARA MAPA --  */
#dvOperacao span.infowindowalarme { color: #fff;background: gray;border-radius: 5px;padding: 2px;font-weight: bold; }
.infowindowalarme.red{ background: #990000 !important; }

/*  --  BARRA DE ROLAGEM  --  */
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-button {}
/*::-webkit-scrollbar-track {background-color: rgba(125,179,217,0.4); border-left: 0px;}*/
::-webkit-scrollbar-track {background-color: #f1f1f1; border-left: 0px;}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {background-color: #bcbcbc; border-radius:6px; cursor:pointer;}
::-webkit-scrollbar-thumb:hover {background-color: #a9a9a9;}
::-webkit-scrollbar-corner {}
::-webkit-resizer {}



/* BONSAI */
#checkboxes-bonsai, #checkboxes-bonsai ol{
    list-style:none;

}

.gm-style-iw {
   width: 235px !important;
   top: 1px !important;
   left: 26px !important;
   background-color: #fff;
   padding: 0;
}

.gm-style-iw ~ div {
    border-radius: 50%;
    opacity: 1;
    top: 5px;
}

/* infowindow */
.infobox-wrapper {
    background: #fff;
}

.infobox {
    background: #fff;
    color: #333;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 0;
    min-width: 230px;
}

.infobox h1 {
    width: 100%;
    font-weight: bold;
    height: 20px;
    background: #589bc4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 20px;
    text-align: center;
    color: #ffffff;
    margin-bottom: 10px;
}


.infobox ul {
    margin-bottom: 11px;
    padding: 0;
    margin: 0;
}

.infobox ul li {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 3px;
    margin-bottom: 5px;
    color: #666;
    list-style: none;
}

.infobox .infobox-footer {
    width: 100%;
    height: auto;
    background: #f8f8f8;
    padding: 10px;
    margin: 0;
    overflow: hidden;
}

.infobox .infobox-footer ol {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 0;
}

.infobox .infobox-footer ol li {
    border-bottom: 0;
    flex: 0 0 auto;
    padding: 0;
    color: #333;
    overflow: hidden;
}

.infobox .infobox-footer ol li b.titleAlarmes, .infobox .infobox-footer ol li span {
    float: left;
}

.infobox .infobox-footer ol li span {
    margin-left: 4px;
}

.infobox .link-button {
    float: right;
    color: #428bca;
    text-decoration: none;
    display: block;
    margin-top: -20px;
}

.infobox .link-button:hover {
    text-decoration: underline;
}

.infobox .link-dots {
    width: 17px;
    height: 17px;
    display: inline-block;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    text-align: center;
    line-height: 17px;
    color: #fff !important;
    background: #e6675c;
    text-decoration: none;
    font-size: 10px;
}

.infobox .link-dots:hover {
    text-decoration: underline;
}

.infobox .disabled {
    background: #9e9e9e;
}

.sidebar-box-content-title {
    background: #589bc4;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 4px 54px 4px 40px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    height: 20px;
    line-height: 15px;
    margin-top:20px;
}
.balao-info-veiculo
{
  margin: 0px;
}
.balao-info-veiculo p
{
    margin: 0px;
    padding: 2px;
    border-bottom: 1px solid #ccc;
}
.balao-info-veiculo p.chegaEm {
    color: #000;
    background-color: #f2f2f2;
    border-bottom: 0;
    text-align: center;
    padding: 4px 0;
    margin-bottom: 5px;
}

.balao-info-veiculo ul {
    margin-bottom: 11px;
    padding: 0;
    margin: 0;
}

.balao-info-veiculo ul li {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 3px;
    margin-bottom: 5px;
    color: #666;
    list-style: none;
}

.balao-info-veiculo .infobox-footer {
    width: 100%;
    height: auto;
    background: #f8f8f8;
    padding: 10px;
    margin: 0;
    overflow: hidden;
}

.balao-info-veiculo .infobox-footer ol {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 0;
}

.balao-info-veiculo .infobox-footer ol li {
    border-bottom: 0;
    flex: 0 0 auto;
    padding: 0;
    color: #333;
    overflow: hidden;
}

.balao-info-veiculo .infobox-footer ol li b.titleAlarmes, .infobox .infobox-footer ol li span {
    float: left;
}

.balao-info-veiculo .infobox-footer ol li span {
    margin-left: 4px;
}

.balao-info-veiculo .link-button {
    float: right;
    color: #428bca;
    text-decoration: none;
    display: block;
    margin-top: -20px;
}

.balao-info-veiculo .link-button:hover {
    text-decoration: underline;
}

.balao-info-veiculo .link-dots {
    width: 17px;
    height: 17px;
    display: inline-block;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    text-align: center;
    line-height: 17px;
    color: #fff !important;
    background: #e6675c;
    text-decoration: none;
    font-size: 10px;
}

.balao-info-veiculo .link-dots:hover {
    text-decoration: underline;
}

.balao-info-veiculo .link-dots .disabled {
    background: #9e9e9e;
}

.balao-info-veiculo .infobox-footer ul {
    margin-bottom: 0;
}

.balao-info-veiculo .infobox-footer ul li {
    border-bottom: 0;
    padding: 0;
    color: #333;
    overflow: hidden;
}

/* /infowindow */


.loader-inlog {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.loader-inlog .socket {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -100px;
    transform: rotate(90deg) scale(0.5);
}

.loader-inlog .hex-brick {
    background: #0038a8;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 5px;
    border-radius: 50%;
    animation-name: fade-loading;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.loader-inlog .h2 {
    transform: rotate(60deg);
}

.loader-inlog .h3 {
    transform: rotate(-60deg);
}

.loader-inlog .gel {
    height: 30px;
    width: 30px;
    transition: all .3s;
    position: absolute;
    top: 50%;
    left: 50%;
}

.loader-inlog .gel.r1 .hex-brick {
    width: 15px;
    height: 15px;
}

.loader-inlog .gel.r2 .hex-brick {
    width: 12px;
    height: 12px;
}

.loader-inlog .gel.r3 .hex-brick {
    width: 7px;
    height: 7px;
}

.loader-inlog .center-gel {
    margin-left: -16px;
    margin-top: -16px;
    animation-name: pulse-loading;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

.loader-inlog .c1 {
    margin-left: -40px;
    margin-top: -12px;
}

.loader-inlog .c2 {
    margin-left: -26px;
    margin-top: -36px;
}

.loader-inlog .c3 {
    margin-left: 2px;
    margin-top: -36px;
}

.loader-inlog .c4 {
    margin-left: 15px;
    margin-top: -12px;
}

.loader-inlog .c5 {
    margin-left: -26px;
    margin-top: 12.5px;
}

.loader-inlog .c6 {
    margin-left: 2px;
    margin-top: 13px;
}

.loader-inlog .c7 {
    margin-left: -49px;
    margin-top: -32.5px;
}

.loader-inlog .c8 {
    margin-left: 30px;
    margin-top: -32px;
}

.loader-inlog .c9 {
    margin-left: -10px;
    margin-top: 36px;
}

.loader-inlog .c10 {
    margin-left: -49px;
    margin-top: 13px;
}

.loader-inlog .c11 {
    margin-left: 30px;
    margin-top: 14px;
}

.loader-inlog .c12 {
    margin-left: -10px;
    margin-top: -55px;
}

.loader-inlog .c13 {
    margin-left: -36px;
    margin-top: -55px;
}

.loader-inlog .c14 {
    margin-left: 17px;
    margin-top: -55px;
}

.loader-inlog .c15 {
    margin-left: -36px;
    margin-top: 36px;
}

.loader-inlog .c16 {
    margin-left: 17px;
    margin-top: 36px;
}

.loader-inlog .c17 {
    margin-left: -62px;
    margin-top: -10px;
}

.loader-inlog .c18 {
    margin-left: 43px;
    margin-top: -10px;
}

.loader-inlog .c19 {
    margin-left: -63px;
    margin-top: -99px;
}

.loader-inlog .c20 {
    margin-left: 33px;
    margin-top: -99px;
}

.loader-inlog .c21 {
    margin-left: 4px;
    margin-top: -74px;
}

.loader-inlog .c22 {
    margin-left: -23px;
    margin-top: -75px;
}

.loader-inlog .c23 {
    margin-left: -63px;
    margin-top: 69px;
}

.loader-inlog .c24 {
    margin-left: 33px;
    margin-top: 69px;
}

.loader-inlog .c25 {
    margin-left: 4px;
    margin-top: 55px;
}

.loader-inlog .c26 {
    margin-left: -23px;
    margin-top: 56px;
}

.loader-inlog .c27 {
    margin-left: -79px;
    margin-top: -15px;
}

.loader-inlog .c28 {
    margin-left: -73px;
    margin-top: -30px;
}

.loader-inlog .c29 {
    margin-left: -72px;
    margin-top: 16px;
}

.loader-inlog .c30 {
    margin-left: 46px;
    margin-top: 38px;
}

.loader-inlog .c31 {
    margin-left: -60px;
    margin-top: -53px;
}

.loader-inlog .c32 {
    margin-left: -111px;
    margin-top: -15px;
}

.loader-inlog .c33 {
    margin-left: 58px;
    margin-top: -30px;
}

.loader-inlog .c34 {
    margin-left: 58px;
    margin-top: 16px;
}

.loader-inlog .c35 {
    margin-left: -60px;
    margin-top: 38px;
}

.loader-inlog .c36 {
    margin-left: 46px;
    margin-top: -53px;
}

.loader-inlog .c37 {
    margin-left: 81px;
    margin-top: -15px;
}

.loader-inlog .r1 {
    animation-name: pulse-loading;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: .2s;
}

.loader-inlog .r2 {
    animation-name: pulse-loading;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: .4s;
}

.loader-inlog .r3 {
    animation-name: pulse-loading;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: .6s;
}

.loader-inlog .r1 > .hex-brick {
    animation-name: fade-loading;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: .2s;
}

.loader-inlog .r2 > .hex-brick {
    animation-name: fade-loading;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: .4s;
}

.loader-inlog .r3 > .hex-brick {
    animation-name: fade-loading;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-delay: .6s;
}

@keyframes pulse-loading {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.01);
        transform: scale(0.01);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes fade-loading {
    0% {
        background: #0038a8;
    }

    50% {
        background: #606060;
    }

    100% {
        background: #0038a8;
    }
}

/* modal anexo inicio */

.modal-anexo-body {
    margin: 15px;
}

.arquivo-anexo {
    position: relative;
    float: left;
    margin-right: 5px;
    width: 52%;
}

.informacoes-anexo {
    float: left;
    width: 45%;
}

.anexo-body {
    padding-bottom: 60px;
    padding-top: 5px;
    border-bottom: 0.5px #ccc solid;
}

.anexo-listagem {
    border: none;
    padding-bottom: 0;
    padding-top: 10px;
}

.anexo-listagem li {
    margin-bottom: 5px;
}

.anexo-listagem .fa {
    margin-right: 5px;
    cursor: pointer;
}


/* modal anexo fim */