/*FILTROS*/
.up-toolbar {
  width: 100%;
  display: inline-block;
  padding: 0px 0px;
  margin-bottom: 5px;
}
.title-icon {
  color: #535353;
  font-size: 14px;
  display: inline-block;
}
.title-icon i {
  color: #b2b2b2;
}
#new-sinotico .wrapconteudoSinotico {
  overflow-y: visible;
}
#new-sinotico .controlesAlertasMapa_alertas {
  border-left: solid 1px #ccc;
  width: auto;
  float: inherit;
  margin-left: 17px;
  padding-top: 0px;
  padding-left: 17px;
}
#new-sinotico .filtroTriplo {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  margin-left: 0px;
}
#new-sinotico .filtroTriplo .btn-sinotico-linha img {
  display: inline-block;
  vertical-align: top;
  width: 15px;
}
#new-sinotico .filtroTriplo .btn {
  padding: 0px 0px;
  margin-right: 0;
  width: calc(100% / 3);
  height: 30px;
  background: #d5dfe1;
  box-shadow: none;
  border-radius: 0px;
}
#new-sinotico .filtroTriplo .btn a {
  color: #535353;
  text-decoration: none !important;
  font-size: 11px !important;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
}
#new-sinotico .filtroTriplo .btn:hover,
#new-sinotico .filtroTriplo .btn:focus {
  border: none;
  outline: none;
  text-decoration: none;
  outline-offset: inherit;
  opacity: 0.8;
}
#new-sinotico .filtroTriplo .btn-sinotico-linha.active {
  background-color: #62c7d3 !important;
}
#new-sinotico .filtroTriplo .btn-sinotico-multilinha.active {
  background-color: #b656b8 !important;
}
#new-sinotico .filtroTriplo .btn-sinotico-replay.active {
  background-color: #ff9d24 !important;
}
#new-sinotico .filtroTriplo .btn.active a {
  color: #fff !important;
}
.initial-no-result {
  width: 50%;
}
.initial-hidden {
  display: none;
}
.initial-no-result p {
  color: #535353;
  font-size: 18px;
  text-align: center;
  padding-top: 10px;
}
.initial-no-result span {
  color: #c7c7c7;
  display: block;
  text-align: center;
  font-size: 14px;
}
.filter-sinotico {
  background-color: #ecf0f1;
  width: 100%;
  height: 22px;
  padding: 0px 25px;
}
.filter-sinotico a {
  color: #535353 !important;
  font-weight: 700;
  font-size: 12px;
}
.filter-sinotico a:hover,
.filter-sinotico a:focus {
  text-decoration: none !important;
}
#new-sinotico .barraMultilinha {
  position: relative !important;
  top: 0px !important;
}
#new-sinotico .barraFiltros.barraSinotico {
  position: inherit;
  height: auto;
  margin-bottom: 0px;
  background-color: #e2e7ea;
  padding-top: 5px;
  padding-bottom: 0px;
}
#new-sinotico .barraFiltros .row {
  width: auto;
  float: left;
  padding-bottom: 8px;
}
.filtroSinotico .col-md-3 {
  width: 230px !important;
}
#new-sinotico .search-panel {
  width: 331px !important;
  float: right !important;
  position: relative !important;
  top: 15px !important;
}
#new-sinotico .hideBarraNova {
  background: #d5e0e1 !important;
  border-left: none;
  width: 22px;
  height: 23px;
  top: -22px;
  padding-top: 1px;
  padding-left: 2px;
}
#new-sinotico .hideBarraNova a {
  color: #4f4f4f !important;
  font-weight: bold;
  font-size: 12px !important;
}
#new-sinotico .filter-bar.toggled .fa-chevron-down {
  display: inline-block;
}
#new-sinotico .filter-bar .fa-chevron-right {
  display: inline-block;
}
#new-sinotico .filter-bar.toggled .fa-chevron-right,
#new-sinotico .filter-bar .fa-chevron-down {
  display: none;
}
/*MULTILINHA APENAS*/
#new-sinotico .sinoticoMultilinha .minTerminal p {
  width: 90%;
}
#new-sinotico .sinoticoMultilinha .minTerminal {
  width: 100%;
}
/*MULTILINHA APENAS*/
.filtroReplay .col-md-1 {
  width: 25%;
  max-width: 370px;
  padding-right: 0px;
}
.filtroReplay .col-md-1:nth-of-type(2) {
  width: 100px !important;
  margin-right: 35px;
}
.btn-filtro-sinotico {
  width: auto;
  float: right;
  position: relative;
  top: 8px;
}
.questIcone {
  border-radius: 10px;
  color: #535353;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  position: absolute;
  top: -6px;
  width: 20px;
  display: inline-block;
  padding: 3px;
  z-index: 3;
  left: 90%;
  cursor: pointer;
}
/*FILTROS*/
/*PAINEIS LATERAIS*/
#new-sinotico .minimize {
  float: right;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
}
/*PAINEL FECHADO*/
#new-sinotico .minimize .fa-chevron-right {
  padding-left: 10px;
}
/*PAINEL FECHADO*/
.terminalSinotico:last-of-type {
  right: 20px !important;
}
#new-sinotico .resumoWrap p:first-of-type {
  text-align: left;
  padding-left: 20px;
  font-size: 12px;
  font-weight: 300;
  color: #a3a7a8;
}
#new-sinotico .minTerminal .badge.vermelho,
.config-box-sinotico .badge.verdem2m {
  width: auto;
  text-align: center;
  min-width: 20px;
  font-size: 11px;
  height: 16px;
  padding-top: 2px;
}
#new-sinotico .minTerminal .badge.vermelho {
  color: #fff !important;
}
.config-box-sinotico .badge.verdem2m {
  color: #000 !important;
}
#new-sinotico .totalizadores-veic {
  padding-left: 20px;
  padding-right: 10px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
}
#new-sinotico .totalizadores-veic span {
  float: right;
  font-weight: 400;
}
#new-sinotico .headerTerminal {
  margin-top: 20px;
}
#new-sinotico .headerTerminal p.cverdem2m {
  padding-left: 20px;
  font-size: 12px;
}
.veiculos_uni .clearfix {
  padding-left: 10px;
  padding-right: 10px;
}
.veiculos_uni .clearfix img {
  vertical-align: bottom;
  display: inline-block;
}
.veiculos_uni .clearfix p {
  display: inline-block;
}
/*PAINEIS LATERAIS*/
/*PISTA CENTRAL*/
.div-pista {
  padding-top: 2px;
  position: relative;
  height: 100%;
  /* min-height: 140px; */
}
.road {
  width: 100%;
  border-bottom: solid 4px;
  /*position: absolute;*/
  /*bottom: 40px;*/
}
.borda-road {
  width: 100%;
  border: solid 5px;
}
.pista-ida .borda-road {
  border-color: #2dcc70;
}
.pista-volta .borda-road {
  border-color: #3598dc;
}
.div-pista .pull-left {
  left: -5px;
  position: relative;
  top: 35px;
  z-index: 3;
}
.div-pista .pull-right {
  right: -5px;
  position: relative;
  top: 35px;
  z-index: 3;
}
.inicial-final {
  font-size: 10px;
  color: #000;
  font-weight: 400;
  width: 50px;
  word-wrap: break-word;
  display: block;
  margin-top: 5px;
}
.pista-ida,
.pista-unico,
.pista-volta {
  height: 86px;
  width: 100%;
  position: relative;
}
.pista-ida .road {
  border-color: #0c5446;
}
.pista-volta .road {
  border-color: #4b4b4b;
}
/*.sinotico-float-elements{*/
/*position: absolute;*/
/*top: 7px;*/
/*width: 100%;*/
/*display: inline-block;*/
/*left: 0px;*/
/*}*/
.id-ponto-painel {
  font-style: italic;
  color: #828687;
  font-size: 9px;
  font-weight: 400;
  display: inline-block;
}
.rotate-60 {
  -ms-transform: rotate(-60deg); /* IE 9 */
  -webkit-transform: rotate(-60deg); /* Chrome, Safari, Opera */
  transform: rotate(-60deg);
}
.id-veiculo span {
  background: #fff;
  width: 60px;
  border: solid 1px #535353;
  padding: 1px;
  font-size: 9px;
  font-weight: 400;
}
.haste-novo-veiculo {
  height: 8px;
  border-right: solid 1px #000;
  width: 1px;
  padding-left: 17px;
}
/*PISTA CENTRAL*/
/*CANVAS FRAME*/
.frame-sinotico {
  background: #ecf0f1;
}
.novo-sinotico-multi footer {
  background-color: #e2e7ea;
  width: 100%;
  padding: 10px;
  display: flex;
  display: -webkit-flex;
}
footer > div {
  width: auto;
  margin: auto;
}
/*.novo-sinotico-multi footer .btns-config{
    float: right;
}*/
.btns-config button {
  display: inline-block;
}
/*CANVAS FRAME*/
/*POPOVER CONFIGURAÇÕES*/
.config-sinotico {
  color: #535353;
  font-size: 14px;
  background-color: transparent;
  box-shadow: none;
  border: none;
}
.zoom-btn {
  color: #535353;
  font-size: 14px;
  background-color: #fff;
  box-shadow: none;
  border: none;
}
.config-box-sinotico {
  width: 100% !important;
  height: 112px !important;
  overflow-y: auto;
  background-color: #4b535e;
  color: #fff !important;
  position: fixed;
  bottom: 0px;
  z-index: 2;
}
.config-box-sinotico .infoLinhasBox {
  height: auto;
  border-left: solid 3px #a5cc01;
}
.config-box-sinotico .allCaps {
  font-weight: 600 !important;
  color: #fff;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-top: 5px;
  padding-left: 12px;
}
.config-box-sinotico .janelaLinhasheader {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
}
.config-box-sinotico .janelaLinhasheader p {
  margin-bottom: 0px;
}
.config-box-sinotico .tve-1 .allCaps {
  padding-top: 10px;
}
.config-box-sinotico .marcacao-trajeto,
.config-box-sinotico .marcacao-trajeto .block-left,
.config-box-sinotico .marcacao-trajeto .block-right {
  display: inline-block;
}
.config-box-sinotico .marcacao-trajeto {
  min-width: 192px;
  width: auto;
  padding-right: 5px;
}
.config-box-sinotico .marcacao-trajeto .block-left {
  position: relative;
  top: -4px;
  margin-right: 10px;
}
.config-box-sinotico .marcacao-trajeto .block-right {
  position: relative;
  top: 5px;
}
.config-box-sinotico .marcacao-trajeto .item-toggle {
  font-size: 10px;
}
.config-box-sinotico .marcacao-trajeto .form-group {
  margin-bottom: 5px;
}
.config-box-sinotico .marcacao-trajeto .kmDist input {
  height: 20px;
  width: 50px;
}
.config-box-sinotico .marcacao-trajeto .dateDist {
  width: 70px;
}
.config-box-sinotico .marcacao-trajeto .dateDist input {
  height: 20px;
}
#container .marcacao-trajeto .dateDist .input-group-addon {
  padding: 2px 3px;
  height: 20px;
}
.config-box-sinotico .toggle-button-default {
  float: inherit;
  position: relative;
  top: 5px;
  margin-right: 0px;
  margin-left: 0px;
}
.config-box-sinotico .novoRelatorio2-0 .input-group-addon {
  background-color: #e2e7ea !important;
}
.flex-trajeto {
  display: flex;
  display: -webkit-flex;
}
.config-box-sinotico .flex-trajeto .allBlack {
  margin-bottom: -5px;
}
.block-left,
.block-right {
  flex: 1;
}
.pontos-trajeto .block-left {
  flex: 2;
}
.pontos-trajeto .block-left p {
  max-width: 420px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pontos-trajeto .block-left p .help-block {
  color: #fff !important;
  display: inline-block !important;
}
.pontos-trajeto .block-left .cverdem2m {
  overflow: visible !important;
}
.pontos-trajeto .toggle-button-default,
.planejamento-veiculo .toggle-button-default {
  top: 1px;
  float: right;
  margin-right: 0px;
}
.pontos-trajeto p .help-block {
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
}
.planejamento-veiculo {
  border-bottom: 1px solid #ccc;
}
.planejamento-veiculo:nth-of-type(3) p {
  position: relative;
  top: 2px;
}
.planejamento-veiculo:last-child {
  border-bottom: 0px !important;
}
/*SCROLLBAR - POPOVER*/
.config-box-sinotico::-webkit-scrollbar {
  height: 5px;
  width: 8px;
}
/* Track */
.config-box-sinotico::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
/* Handle */
.config-box-sinotico::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(149, 165, 165, 1);
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
}
.config-box-sinotico::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(149, 165, 165, 1);
}
.config-box-sinotico::-webkit-scrollbar-thumb:hover {
  background: rgba(205, 209, 210, 1);
}
/*SCROLLBAR - POPOVER*/

/*POPOVER CONFIGURAÇÕES*/
/*PISTA CENTRAL*/

/*TEMPORARIO*/
#container .filtro-new-sinotico .btn-filtro-sinotico .btn-default,
#container .filtro-new-sinotico .btn-filtro-sinotico .btn-azul,
#container .filtro-new-sinotico .btn-filtro-sinotico .btn-cinzaEscuro {
  color: #fff;
  text-shadow: 0px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold !important;
  text-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  color: #fff;
  font-size: 13px !important;
  border-radius: 0px !important;
  margin-left: 10px;
  padding: 7px 12px !important;
  min-width: 80px;
  height: auto !important;
}
/*TEMPORARIO*/

/*SINOTICO DESTACADO - ABAS*/
#sinotico-destacado-aba {
  /* background-color: #fff; */
  /* border: solid 1px #ccc; */
  /* border-radius: 10px; */
  /* padding-top: 3px; */
  /* height: auto; */
  /* min-width: 655px; */
  overflow-x: hidden;
  /* margin-left: 20px; */
  /* margin-right: 20px; */
  overflow-y: hidden;
}
#sinotico-destacado-aba .moldura {
  padding: 0px 0px;
  padding-top: 0px;
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
}
#sinotico-destacado-aba .moldura span {
  font-weight: 400;
  color: #525252;
}
#sinotico-destacado-aba .sinotico-container {
  display: flex;
  display: -webkit-flex;
  min-height: 199px;
}
#sinotico-destacado-aba .terminalSinotico {
  width: 122px;
  /* height: 202px!important; */
  left: 0px;
  margin: 0px;
  background-color: #3e4444;
}
.painel-btn .fa-plus {
  display: none;
}
/*AÇÕES DE MINIMIZAR O TERMINAL*/
.terminalSinotico.hideTerminal .fa-plus {
  display: inline-block;
  position: relative;
  left: 6px;
}
.terminalSinotico.hideTerminal .fa-minus {
  display: none;
}
.terminalSinotico.hideTerminal .minTerminal span {
  display: none;
}
.terminalSinotico.hideTerminal {
  width: 22px !important;
}
.terminalSinotico.hideTerminal .contentTerminal {
  visibility: hidden;
}
/*AÇÕES DE MINIMIZAR O TERMINAL*/
#sinotico-destacado-aba .terminalSinotico:first-of-type {
  border-bottom-left-radius: 6px;
}
#sinotico-destacado-aba .terminalSinotico:last-of-type {
  border-bottom-right-radius: 6px;
}
#sinotico-destacado-aba .novo-sinotico-multi {
  /* height: 202px; */
  margin: 0px;
  height: auto;
  overflow-y: visible;
  /* min-height: 210px; */
}
#sinotico-destacado-aba .terminalSinotico .minTerminal {
  background-color: #535b5d;
  padding: 5px 0px;
}
#sinotico-destacado-aba .terminalSinotico .minTerminal span {
  color: #fff !important;
  font-size: 11px;
  font-weight: 300;
  padding-top: 0px;
  padding-left: 10px;
  max-width: 95px;
  white-space: normal;
  max-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 5px;
}
#sinotico-destacado-aba .destacado-multilinha .terminalSinotico .minTerminal span {
  max-width: 95% !important;
}
.sinoticoMainContainer #sinotico-destacado-aba .painel-btn {
  background-color: transparent;
  top: -3px;
  text-shadow: none;
}
#sinotico-destacado-aba .contentTerminal {
  margin-top: 35px;
}
#sinotico-destacado-aba .wrapTerminal_uni {
  padding-top: 5px;
  padding-left: 6px;
  font-size: 10px;
  max-height: 153px;
  overflow-y: auto;
}
#sinotico-destacado-aba .wrapTerminal_uni .badge {
  font-size: 9px !important;
}
/*TERMINAL SCROLLBAR MARINHO*/
#sinotico-destacado-aba .wrapTerminal_uni::-webkit-scrollbar,
#sinotico-destacado-aba .popfade-box::-webkit-scrollbar {
  height: 5px;
  width: 7px;
}
/* Track */
#sinotico-destacado-aba .wrapTerminal_uni::-webkit-scrollbar-track,
#sinotico-destacado-aba .popfade-box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 6px;
}
/* Handle */
#sinotico-destacado-aba .wrapTerminal_uni::-webkit-scrollbar-thumb,
#sinotico-destacado-aba .popfade-box::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(126, 140, 141, 1);
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
}
#sinotico-destacado-aba .wrapTerminal_uni::-webkit-scrollbar-thumb:window-inactive,
#sinotico-destacado-aba .popfade-box::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(194, 194, 194, 0.4);
}
#sinotico-destacado-aba .wrapTerminal_uni::-webkit-scrollbar-thumb:hover,
#sinotico-destacado-aba .popfade-box::-webkit-scrollbar-thumb:hover {
  background: rgba(126, 140, 141, 0.5);
}
/*TERMINAL SCROLLBAR MARINHO*/
#sinotico-destacado-aba .wrapTerminal_uni p {
  margin-bottom: 0px;
  font-size: 11px;
}
#sinotico-destacado-aba .cverdem2m {
  font-weight: 700;
  color: #fff !important;
}
#sinotico-destacado-aba .wrapTerminal_uni p.cverdem2m {
  margin-top: 5px;
  max-width: 148px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#sinotico-destacado-aba .totalizadores-veic {
  padding-left: 0px;
  color: #fff;
  font-size: 10px;
  text-transform: none;
  max-width: 95%;
  white-space: normal;
}
#sinotico-destacado-aba .veiculos_uni {
  padding-left: 0px;
  color: #fff;
  font-size: 12px !important;
  margin-top: 1px;
}
#sinotico-destacado-aba .veiculos_uni .clearfix {
  padding-left: 0px;
}
#sinotico-destacado-aba .veiculos_uni .pull-right {
  width: 50px;
  text-align: right;
}
#sinotico-destacado-aba .veiculos_uni .pull-left {
  width: calc(100% - 50px);
}
#sinotico-destacado-aba .veiculos_uni .pull-left p {
  max-width: 95%;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: -3px;
  margin-top: 0px;
}
#sinotico-destacado-aba .veiculos_uni img {
  vertical-align: top;
  top: 0px;
  width: 10px;
}
#sinotico-destacado-aba footer {
  background-color: #e2e7ea;
  padding: 0px;
  position: relative;
  bottom: -5px;
  z-index: 0;
}
#sinotico-destacado-aba footer .btns-inline {
  display: inline-block;
  width: 100%;
}
#sinotico-destacado-aba footer .btns-inline .pull-left,
#sinotico-destacado-aba footer .btns-inline .pull-right {
  background-color: #fff;
  position: relative;
  z-index: 2;
  height: 20px;
}
#sinotico-destacado-aba .destacado-multilinha footer .btns-inline .pull-right {
  right: 15px;
}
#sinotico-destacado-aba .btn-controle-sinotico {
  width: 20px;
  height: 20px;
  background-color: #e2e7ea;
  box-shadow: none;
  border: none;
  outline: none;
  padding-left: 4px;
}
#sinotico-destacado-aba .btn-controle-sinotico:hover,
#sinotico-destacado-aba .btn-controle-sinotico:focus {
  background-color: #d5d9db;
}
#sinotico-destacado-aba .btn-controle-sinotico.active {
  background-color: #a4cb00;
}
#sinotico-destacado-aba .btn-controle-sinotico:last-of-type {
  margin-right: 3px;
}
#sinotico-destacado-aba .btn-controle-sinotico img {
  width: 11px;
}
#sinotico-destacado-aba .destacado-replay .pull-right .btn-controle-sinotico img,
#sinotico-destacado-aba .destacado-multilinha .pull-right .btn-controle-sinotico img {
  position: relative;
  top: -2px;
}
.sinotico-control-btn img {
  width: 11px;
}
#sinotico-destacado-aba .config-sinotico {
  background-color: #fff !important;
  margin-left: 3px;
  height: 20px;
}
#sinotico-destacado-aba .config-sinotico i {
  font-size: 12px;
  position: relative;
  top: -2px;
}
#sinotico-destacado-aba .config-sinotico:hover,
#sinotico-destacado-aba .config-sinotico:focus {
  background-color: #d5d9db;
}
#sinotico-destacado-aba .config-sinotico.active {
  background-color: #a5cc01;
}
.label-footer-frame {
  font-size: 11px;
  font-weight: 400;
  padding-left: 7px;
  padding-right: 5px;
  vertical-align: top;
  line-height: 20px;
}
#sinotico-destacado-aba .sinotico-control-btn {
  background-color: #e2e7ea;
  height: 20px;
  width: 20px;
  color: #535353;
  font-size: 12px;
  box-shadow: none;
  border: none;
  padding-left: 4px;
}
#sinotico-destacado-aba .sinotico-control-btn.active {
  background-color: #a5cc01;
}
#sinotico-destacado-aba .sinotico-control-btn:hover,
#sinotico-destacado-aba .sinotico-control-btn:focus {
  background-color: #d5d9db;
}
.img-header-id {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 0px;
}
.min-max-frame {
  float: right;
  display: inline-block;
  margin-right: 10px;
}
.min-max-frame button {
  background-color: transparent;
  box-shadow: none;
  border: none;
  outline: none;
  display: inline-block;
  width: 10px;
}
.min-max-frame button img {
  width: 9px;
  height: 9px;
}
.min-max-frame button:hover,
.min-max-frame button:focus {
  opacity: 0.8;
}
.escala-sinotico {
  background-color: #e2e7ea !important;
}
.escala-sinotico span {
  font-size: 9px;
  font-weight: 400;
  display: inline-block;
  color: #000;
}
.escala-sinotico span:first-of-type {
  display: inline-block;
}
.escala-sinotico .medidas-escala {
  display: block;
}
.escala-sinotico .medidas-escala.pull-left {
  position: relative;
  left: 38px;
  top: 12px;
  height: auto !important;
  background-color: transparent !important;
}
.escala-sinotico .medidas-escala.pull-right {
  position: relative;
  left: -12px;
  top: 12px;
  height: auto !important;
  background-color: transparent !important;
}
#sinotico-destacado-aba .escala-sinotico {
  margin-left: 3px;
  padding-right: 3px;
}
#sinotico-destacado-aba .escala-sinotico .clearfix,
#sinotico-destacado-aba .escala-sinotico img,
#sinotico-destacado-aba .escala-sinotico .zero-medida {
  position: relative;
  top: -11px;
}
/*MULTILINHA*/
#sinotico-destacado-aba .destacado-multilinha .terminalSinotico {
  width: 270px;
  margin-top: 2px;
}
#sinotico-destacado-aba .destacado-multilinha .ml-verde {
  background-color: #27ae61;
}
.ml-amarelo {
  background-color: #f1c40f;
}
.ml-azul {
  background-color: #3497da;
}
.ml-roxo {
  background-color: #9b58b5;
}
.ml-laranja {
  background-color: #e57e21;
}
.ml-vermelho {
  background-color: #e84c3d;
}
.number-ml {
  width: 22px;
  height: 30px;
  text-align: center;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 30px;
  font-weight: 400;
  vertical-align: middle;
}
.linha-ml {
  color: #f0f0f2;
  font-size: 10px;
  display: inline-block;
  max-width: 85%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  padding-left: 5px;
  text-transform: uppercase;
}
#sinotico-destacado-aba .destacado-multilinha .wrapTerminal_uni {
  padding-left: 0px;
}
.multilinha-list {
  margin-bottom: 1px;
}
.multilinha-list .pull-left {
  width: 60%;
}
.multilinha-list .pull-right {
  padding-top: 4px;
}
.destacado-multilinha .multilinha-list:nth-of-type(2n) {
  background: #535b5d;
  height: 30px;
}
.destacado-multilinha .multilinha-list .toggle-button-default {
  display: inline-block;
  margin-right: 0px;
}
.destacado-multilinha .multilinha-list .toggle-button-default input.cmn-toggle-round + label,
.config-box-sinotico .toggle-button-default input.cmn-toggle-round + label,
.dropMapaX .toggle-button-default input.cmn-toggle-round + label {
  width: 30px;
  height: 18px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.destacado-multilinha .multilinha-list .toggle-button-default input.cmn-toggle-round:checked + label:after,
.config-box-sinotico .toggle-button-default input.cmn-toggle-round:checked + label:after,
.dropMapaX .toggle-button-default input.cmn-toggle-round:checked + label:after {
  margin-left: 13px;
}
.destacado-multilinha .multilinha-list .toggle-button-default input.cmn-toggle-round + label:after,
.config-box-sinotico .toggle-button-default input.cmn-toggle-round + label:after,
.dropMapaX .toggle-button-default input.cmn-toggle-round + label:after {
  width: 12px;
  height: 12px;
}
.destacado-multilinha .badge {
  margin-top: 2px;
}
.collapse-multi {
  border: none;
  outline: none;
  background-color: transparent;
  box-shadow: none;
  color: #d3d4d6;
  float: right;
  position: relative;
  top: 3px;
}
#detalheMultilinha ul {
  padding-left: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
}
.detalhe-lista-multilinha li {
  list-style: none;
  color: #d3d4d6;
  padding-left: 0px;
  padding: 5px;
}
.detalhe-lista-multilinha li:nth-of-type(2n) {
  background-color: #535b5d;
}
.detalhe-lista-multilinha li img {
  margin-left: 34px;
  width: 17px;
}
.contentTerminal input.cmn-toggle-round + label,
.config-box-sinotico input.cmn-toggle-round + label,
.hm-02 input.cmn-toggle-round + label {
  background-color: transparent !important;
}
.contentTerminal input.cmn-toggle-round + label:before {
  background-color: #313536;
}
.contentTerminal input.cmn-toggle-round:checked + label:before {
  background-color: #95a5a5 !important;
}
#sinotico-destacado-aba .destacado-multilinha .wrapTerminal_uni {
  max-height: 180px !important;
}
.control-btn {
  top: -2px !important;
  position: relative;
}
.divider-multilinha {
  height: 1px;
  display: block;
  background-color: #535b5d;
}
/*MULTILINHA*/
/*SINOTICO DESTACADO - ABAS*/
/*REPLAY*/
.inicio-replay {
  background-color: #b6d12a;
  color: #535353;
  padding: 10px;
  font-size: 11px;
  font-weight: 400;
  width: 50px;
  height: 20px;
  padding-top: 2px;
}
.fim-replay {
  background-color: #fff;
  color: #535353;
  padding: 10px;
  font-size: 11px;
  font-weight: 400;
  width: 50px;
  height: 20px;
  padding-top: 2px;
}
.timeline-replay {
  width: 60%;
  display: flex;
  display: -webkit-flex;
  margin: 0 auto;
}
.line-time-replay {
  position: relative;
  top: 5px;
  width: 85%;
}
.line-time-replay .progress-bar {
  background-color: #b7d02c;
  box-shadow: none;
}
.line-time-replay .progress {
  height: 8px;
  border-radius: 0px;
}
.footer-painel {
  background-color: #e2e7ea;
  padding: 5px;
  position: relative;
  top: 152px;
}
.fforward {
  background-color: #778787;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  box-shadow: none;
  border: none;
  outline: none;
  padding-left: 0px;
  height: 23px;
  margin-left: 10px;
  margin-right: 10px;
}
.fforward:hover,
.fforward:focus,
.playPause:hover,
.playPause:focus {
  opacity: 0.8;
}
.icon-fforward {
  padding: 3px;
  padding-left: 5px;
  background-color: #8b9a9d;
  color: #fff;
  margin-right: 5px;
}
.playPause {
  background-color: #a4cc00;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  box-shadow: none;
  border: none;
  outline: none;
  padding: 3px;
  width: 22px;
  margin-right: 5px;
  height: 23px;
  padding-top: 0px;
  vertical-align: middle;
}
#new-sinotico .resumoWrap .titulo-painel-replay {
  text-align: left;
  padding-left: 20px;
  font-size: 12px;
  font-weight: 300;
  color: #a3a7a8;
}
#sinotico-destacado-aba .destacado-replay .footer-painel {
  height: 35px;
  background-color: #535b5d !important;
  padding: 0px;
  border-bottom-right-radius: 6px;
  top: 0px;
  padding-top: 6px;
}
#sinotico-destacado-aba .destacado-replay .footer-painel .pull-right {
  padding-top: 2px;
}
#sinotico-destacado-aba .destacado-replay footer .btns-inline {
  display: flex;
  display: -webkit-flex;
}
#sinotico-destacado-aba .destacado-replay footer .escala-timeline-flex {
  display: flex;
  display: -webkit-flex;
  width: calc(100% - 255px);
  margin-right: 5px;
}
#sinotico-destacado-aba .destacado-replay .timeline-replay {
  width: 60%;
  height: 20px;
  margin: 0 auto;
}
#sinotico-destacado-aba .destacado-replay .wrapconteudoSinotico {
  min-height: 165px;
}
#sinotico-destacado-aba .destacado-multilinha .wrapconteudoSinotico {
  min-height: 205px;
}
/*#sinotico-destacado-aba .destacado-replay footer{
  height: 25px;
}
#sinotico-destacado-aba .destacado-replay .btn-controle-sinotico{
  height: 25px;
}*/
#sinotico-destacado-aba .destacado-replay .div-pista {
  top: 30px;
}
.config-box-sinotico .border-line {
  border-top: 0px !important;
  /*border-bottom: solid 1px #ccc!important;*/
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.config-box-sinotico .pontos-trajeto:nth-of-type(2n) {
  border-bottom: none !important;
}
.filtro-new-sinotico {
  padding-left: 20px;
}
.filtro-new-sinotico .select2-container,
.filtro-new-sinotico input {
  width: 95%;
}
.filtro-new-sinotico .resultadosFiltroViagem {
  margin-top: 15px;
  padding-left: 25px;
  padding-top: 5px;
}
.filtro-new-sinotico .filter-chosen {
  float: left;
  width: 95%;
  margin-left: 0px;
  margin-left: 0px;
  margin-bottom: 15px;
  margin-top: 10px;
  padding-left: 0px;
  /*max-height: 70px!important;*/
  max-height: 120px !important;
}
#container .filtro-new-sinotico .combobox select {
  background: url(../img/select_drop_pq.png) 101% / 33px no-repeat #fff;
}
.collapse-painel-sinotico {
  background-color: #fff;
  border: none;
  box-shadow: none;
  border-radius: 5px;
  position: absolute;
  top: -14px;
  width: 20px;
  overflow: hidden;
  height: 20px;
  left: 16px;
}
.collapse-painel-sinotico i {
  vertical-align: top;
}
.wrap-canvas-sinotico {
  height: 86px;
}
.collapse-painel-footer {
  position: relative;
  width: 100%;
  display: flex;
  display: -webkit-flex;
}
.linha-icone {
  position: relative;
  top: -2px;
}
.linha-icone i {
  padding-left: 8px;
  font-size: 12px !important;
}
.header-destacado .min-max-frame {
  position: relative;
  top: -4px;
  height: 10px;
}
.header-destacado .min-max-frame button {
  height: 10px;
}
#sinotico-destacado-aba .terminalSinotico .minTerminal .badge.verdem2m {
  color: #3e4444 !important;
  font-size: 9px !important;
  font-weight: 700;
  max-width: 25px;
  padding-left: 4px;
  padding-top: 1px;
  padding-right: 4px;
  padding-bottom: 2px;
  margin-right: 0px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.logo-marca-sinotico {
  position: absolute;
  right: 7px;
  top: 8px;
  height: auto;
}
.marcacao-trajeto input.cmn-toggle-round + label:before {
  background-color: #1bbc9b !important;
}
.azul-por-linha {
  color: #00c5d7;
}
.roxo-multilinha {
  color: #af58b9;
}
.laranja-replay {
  color: #ff9c00;
}

#container-modal-info {
  position: absolute;
  top: 3px;
  left: 0;
}

#container__infoVeiculo {
  min-height: unset;
  max-height: 110px;
  overflow: auto;
  margin-top: 18px;
}

#container__infoVeiculo::-webkit-scrollbar {
  width: 7px;
  background-color: transparent;
  height: 10px;
}

#container__infoVeiculo::-webkit-scrollbar-track {
  background: #8d989b;
  border-radius: 4px;
  height: 10px;
}

/*REPLAY*/
/*POPFADE*/

#container-modal-info {
  position: absolute;
  top: 3px;
  left: 0;
}

#container__infoVeiculo {
  min-height: unset;
  max-height: 110px;
  overflow: auto;
  margin-top: 18px;
}

#container__infoVeiculo::-webkit-scrollbar {
  width: 7px;
  background-color: transparent;
  height: 10px;
}

#container__infoVeiculo::-webkit-scrollbar-track {
  background: #8d989b;
  border-radius: 4px;
  height: 10px;
}

.popfade-box {
  background-color: rgba(62, 68, 68, 0.9);
  color: #fff;
  width: 200px;
  z-index: 100;
  /* position: absolute;
  top: 3px;
  right: 7px; */
  /* overflow: auto; */
  padding: 5px 10px;
  max-height: 240px;
  height: 168px;
  border-radius: 5px;
  display: block;
}
.popfade-box p {
  font-size: 9.5px;
  padding-left: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.popfade-box .close {
  color: #fff;
  font-size: 13px;
  float: right;
  text-shadow: none !important;
  margin-right: -3px;
  font-weight: 300;
  margin-top: 0px;
}
.popfade-box .close:hover,
.popfade-box .close:focus,
.popfade-box-ponto .close:hover,
.popfade-box-ponto .close:focus {
  color: #fff;
  opacity: 0.8;
}
.popfade-box .badge {
  border-radius: 3px;
  font-size: 11px;
  color: #000;
  font-weight: 800;
  padding: 1px 3px;
}
.popfade-box-ponto {
  background-color: rgba(62, 68, 68, 0.9);
  color: #fff;
  z-index: 6;
  position: absolute;
  padding: 3px 3px;
  border-radius: 5px;
}
.popfade-box-ponto p {
  font-size: 9.5px;
  padding-left: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  max-width: 75px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wrap-ponto {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 4px;
}
/*tooltip-box*/

.tooltip-box {
  display: block;
  margin: -106px 21px;
  position: absolute;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 3px 15px -0.9px #cecbcb;
  display: flex;
  position: absolute;
}
.tooltip-box .box {
  flex-direction: column;
}

.tooltip-box ul {
  padding: 0;
  margin-bottom: 0 !important;
}
.tooltip-box ul li {
  list-style: none;
  font-size: 12px;
  font-weight: 500;
  padding: 3px 6px;
  transition: 400ms;
}
.tooltip-box ul li:nth-child(1) {
  text-align-last: end;
  padding: 0px 0px 0px 6px;
  margin: -3px 4px -2px;
}
.tooltip-box ul li .close-tooltip {
  padding: 0 4px;
}

.tooltip-box ul li button {
  background: transparent;
  border: none;
  width: 100%;
  text-align: left;
}
.tooltip-box ul li:nth-child(1):hover {
  background: none;
}
.tooltip-box ul li:hover {
  background: #b2b2b28c;
}
.tooltip-box ul li:last-child:hover {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.tooltip-box ul li.close-tooltip::before {
  content: '&#10006';
  font-size: 14px;
  color: #000;
}

.tooltip-box ul li:nth-child(2) {
  border-bottom: 1px solid #ddd;
  padding-top: 0;
}
/*end tooltip-box*/

.popfade-box-ponto .close {
  color: #fff;
  font-size: 11px;
  float: right;
  text-shadow: none !important;
  margin-right: 0px;
  font-weight: 300;
  margin-top: 0px;
}
.label-pop {
  color: #d1d4d5;
  font-weight: 400;
}
.endereco-div {
  min-height: 80px;
}
/*COPILOTO POPFADE*/
.copilotoPop {
  margin-top: 15px;
}
.indiceCopiloto {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  margin-bottom: 5px;
}
.graficoCopiloto {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  overflow: hidden;
  margin-left: 8px;
}
.uni-g {
  width: 3px;
  height: 10px;
  background-color: #8d9298;
  margin-right: 3px;
}
.uni-verde {
  background-color: #2ecb72;
}
.uni-laranja {
  background-color: #f1c411;
}
.uni-vermelho {
  background-color: #e74b3c;
}
.copilotoPop .stepper button {
  height: 8px !important;
  border: none;
  width: 15px;
  margin-right: 0px;
  margin-left: 0px;
  line-height: 8px;
  padding: 0px;
  margin-top: 0px;
  position: relative;
  top: -6px;
  font-size: 8px;
  font-weight: 700;
  outline: none;
}
.copilotoPop .stepper button:nth-child(1) {
  position: relative;
  left: 75px;
  top: 2px;
}
.copilotoPop .stepper button:hover,
.copilotoPop .stepper button:focus {
  outline: none;
  opacity: 0.9;
}
.copilotoPop input {
  width: 60px;
  border: none;
  padding-left: 5px;
  height: 18px;
  color: #535353;
  font-weight: 400;
}
.inline-block-display,
.inline-block-display p,
.inline-block-display input {
  display: inline-block;
}
.inline-block-display .stepper {
  margin-left: -14px;
}
.copilotoPop .btn-xxs {
  color: #000;
  font-size: 11px;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  opacity: 1;
  position: relative;
  left: 12px;
}
/*COPILOTO POPFADE*/
/*POPFADE*/
/*GRID*/
.gridSinotico {
  height: 115px;
}
.gridSinotico .srcollBody {
  max-height: 48px;
}
#new-sinotico .gridSinotico .minimize {
  font-size: 10px;
}
#distancia,
#distancia-metros {
  margin: 5px;
}

/*GRID*/
@media (min-width: 1680px) {
  .line-time-replay {
    width: 90%;
  }
}