/*ITENS GERAIS PRO SISTEMA*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,300,400,300italic,400italic,600,600italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);

*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
.container-component,
.scroller {
  height: 100%;
  padding: 0;
  margin: 0;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 100%;
  color: #000 !important;
  -webkit-font-smoothing: antialiased;
}

a,
a:hover,
a:active,
a:visited,
a:focus {
  border: none;
  outline: none !important;
}

button {
  outline: none !important;
}

.btn {
  outline: none !important;
}

h4 {
  font-size: 150%;
  font-weight: 300;
  margin: 0 auto;
  color: #656565 !important;
}

h1 {
  font-size: 220%;
  font-weight: 300;
  margin: 0 auto;
  text-shadow: 1px 1px 1px #ccc;
}

h3 {
  font-size: 180%;
  font-weight: 300;
  margin: 0 auto;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-bold {
  font-weight: bold !important;
}

.no-padding {
  padding: 0 !important;
}

.navbar {
  border: none !important;
}

.titCinzaBold {
  font-size: 13px;
  font-weight: 600;
  color: #66666a;
}

.verdeDestaque {
  color: #b6d054 !important;
}

.mostraTodosDrop {
  background-color: #f0f1f3 !important;
  text-transform: uppercase;
}

#container {
  height: 100%;
  overflow-y: visible;
  overflow-x: hidden;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

#container label {
  font-weight: 400;
}

#container input {
  border-radius: 0px;
}

#sidebar::-webkit-scrollbar {
  height: 5px;
  width: 10px;
}

/* Track */
#sidebar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* Handle */
#sidebar::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(194, 194, 194, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
}

#sidebar::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(194, 194, 194, 0.4);
}

#sidebar::-webkit-scrollbar-thumb:hover {
  background: rgba(126, 126, 126, 0.8);
}

/*Scrollbar MENU*/

.btn-default,
.btn-cinzaEscuro,
.btn-azul,
.btn-azul2,
.btn-cinza {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.importarBtnBarra {
  float: right;
  position: relative;
  top: -35px;
  height: 35px;
}

.importarBtnBarra input {
  width: 180px !important;
}

.importarBtnBarra .help-block {
  display: none !important;
}

.importarBtnBarra .importarEscalaDrop {
  top: -86px;
  right: -14px;
}

.importarBtnBarra .quesTooltip_white {
  position: relative;
  top: -90px;
  left: 0px;
  font-size: 11px;
}

.alertas {
  width: 95%;
  margin-left: 2.5%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.loadingP i {
  text-align: center;
  font-size: 200%;
  margin-bottom: -20px;
  color: #a4cc00;
}

.loadingG i {
  text-align: center;
  font-size: 450%;
  color: #a4cc00;
}

.loadingM i {
  text-align: center;
  font-size: 300%;
  color: #a4cc00;
}

.loadingP,
.loadingG,
.loadingM {
  text-align: center;
}

#container .navbar-default {
  background-color: #ecf0f1;
  border: none !important;
  background-color: #ecf0f1 !important;
  border-color: transparent;
  padding-top: 10px;
  padding-bottom: 10px;
  border: none !important;
}

/*ICONS*/
#container .novoToggle {
  padding-top: 10px;
  /*background: #a4cc00;*/
  background: #008da3;
  height: 40px;
  width: 40px;
  text-align: center;
  display: block;
}

#container .novoToggle img {
  width: 22px;
}

#container .novoToggle:hover,
#container .novoToggle:focus,
#container .novoToggle:active {
  border: none !important;
  outline: none;
  opacity: 0.8;
  text-decoration: none;
}

.listaDefault .fa-square {
  font-size: 50%;
  line-height: 23px;
  color: #535353;
}

.titulosPagina {
  font-size: 180%;
  font-weight: 300;
  text-align: center;
  margin: 0 auto;
  padding: 30px;
  text-shadow: none;
  color: #656565 !important;
  font-size: 14px;
  font-weight: 400;
  padding-top: 13px;
  padding-bottom: 20px;
}

.tituloModalViagem {
  text-align: left;
  padding: 30px 0;
  text-transform: uppercase;
}

.titulosPagina i {
  color: #999999;
  font-size: 18px;
}

.titulosPagina-2 {
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  margin: 0 auto;
  text-shadow: 1px 1px 1px #ccc;
  padding: 30px;
}

#container .nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  background: #f0f0f0;
  border-bottom: none !important;
  border-right: solid 2px #dcdedf;
  font-size: 14px;
  box-shadow: none;
}

#container .nav-tabs>li>a {
  background: #f9f9f9;
  color: #b6d054;
  border-right: solid 2px #c4c4c4;
  border-bottom: none !important;
  box-shadow: none !important;
  font-weight: 600;
}

.btnNormal {
  margin-left: 10px;
}

.btnPq {
  height: 44px;
}

.btnMedio {
  height: 44px;
}

.btnXPq {
  height: 44px;
  font-size: 95% !important;
}

.fright {
  float: right;
}

.fleft {
  float: left !important;
}

.botoesplanej {
  width: 95%;
  margin-left: 2.5%;
}

.btn-gray-dark {
  color: #fff;
  text-shadow: 0px;
  background: #849c9d;
  border: solid 1px #849c9d;
  border-bottom: 2px solid #849c9d !important;
  cursor: pointer;
  border-radius: 0px !important;
  height: 30px;
  font-weight: 600 !important;
  width: 90px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px !important;
}

.btn-gray-dark:hover,
.btn-gray-dark:active,
.btn-gray-dark:focus {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #849c9d;
  border-bottom: 2px solid #849c9d;
  border: solid 1px #849c9d;
  cursor: pointer;
  border-radius: 0px !important;
}

.btn-azul {
  color: #fff;
  text-shadow: 0px;
  background: #2d8dd6;
  border: solid 1px #3a93d7;
  border-bottom: 2px solid #2974ae !important;
  cursor: pointer;
  border-radius: 0px !important;
  height: 40px;
  font-weight: 600 !important;
}

.btn-azul:hover,
.btn-azul:active,
.btn-azul:focus {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #4299dc;
  border-bottom: 2px solid #2974ae;
  border: solid 1px #2d8dd6;
  cursor: pointer;
  border-radius: 0px !important;
}

.formularios .btn-cinza,
.formularios .btn-cinzaEscuro,
.formularios .btn-azul,
.formularios .btn-azul2 {
  float: right;
  margin-top: 20px;
}

.btn-links {
  background: transparent;
  color: #999 !important;
  text-shadow: none;
  border: 0px;
  cursor: pointer;
  border-radius: 0px !important;
  font-size: 13px !important;
  font-weight: 600;
}

.btn-links i {
  color: #b6d054 !important;
  font-size: 16px !important;
  display: inline-block !important;
}

.btn-links:hover,
.btn-links:active,
.btn-links:focus {
  color: #fff !important;
  background-color: #a3ca00;
}

.btn-links:hover i,
.btn-links:active i,
.btn-links:focus i {
  color: #fff !important;
}

#container button:disabled {
  cursor: not-allowed;
  pointer-events: auto !important;
}

#container .table>thead>tr>th,
#container .table>tbody>tr>th,
#container .table>tfoot>tr>th,
#container .table>thead>tr>td,
#container .table>tbody>tr>td,
#container .table>tfoot>tr>td {
  padding: 9px !important;
  color: #000;
  border-top: 1px solid #dddddd;
  font-weight: 400;
}

#container .table.padding-4>tbody>tr>td {
  padding: 4px 9px !important;
  /*quando precisar de padding menor*/
}

#container .table>thead>tr>td {
  font-weight: 600;
}

table tbody tr:hover,
table tbody tr:focus,
table tbody tr:active {
  background-color: #dbeff4 !important;
}

table.table-light tbody tr:hover,
table.table-light tbody tr:focus,
table.table-lighttbody tr:active {
  background-color: #b3bcc040 !important;
}

#fixed-parent,
[data-id='fixed-parent'] {
  width: 100%;
}

#fixTable thead tr,
[data-id='fixed-parent'] thead tr,
#fixTable-grid thead tr>td {
  background-color: #d5e0e1;
}

/*#fixTable-grid thead tr > td{

}*/

a.logo-gpv {
  /*
  position: relative;
  font-size: 20px;
  color: #555;
  display: block;
  left: 50px;
  top: -40px;
  background-image: url(../img/logoSonda3x.png);
  background-repeat: no-repeat;
  background-size: 144px auto;
  width: 152px;
  height: auto;
  text-indent: -90000px;
*/

  position: relative;
  font-size: 20px;
  color: #555;
  display: block;
  left: 50px;
  top: -40px;
  background-image: url(../img/logoSonda3x.png);
  background-repeat: no-repeat;
  background-size: 21%;
  width: 33%;
  height: auto;
  text-indent: -90000px;
}

/* DIVS & SECTIONS */
.wrap {
  width: 100%;
  /*  width: calc(100% - 40px);
    margin-left: 40px;*/
}

.paragraphDefault p {
  font-size: 110%;
  color: #535353;
  text-align: left;
  width: 70%;
  margin-left: 15%;
}

.listaDefault {
  font-size: 110%;
}

.listaDefault li {
  padding-bottom: 15px;
}

.alert {
  font-weight: 300;
  font-size: 14px;
  width: 95%;
  margin-top: 80px;
  margin-left: 2.5%;
  text-align: center;
}

.logoMenu {
  width: 60%;
}

.userinfo,
.userinfoclose {
  padding-right: 10px;
  position: absolute;
  top: 36%;
  right: 0px;
  overflow: visible;
  width: 40%;
}

.userinfo p {
  font-size: 16px;
  color: #333333;
  float: right;
}

.userinfo span {
  font-size: 14px;
  font-style: italic;
}

.userinfoclose p {
  font-size: 16px;
  color: #333333;
  float: right;
}

.userinfoclose span {
  font-size: 22px;
  line-height: 9px;
  font-weight: 600;
}

.userinfo a {
  color: #869b09;
  font-size: 14px;
  padding-left: 0px;
  text-decoration: none;
}

.userinfo a:hover,
a:active,
a:focus {
  text-decoration: underline;
  color: #869b09;
}

.resultadosbusca {
  width: 95%;
  border: solid 1px #ccc;
  background-color: #a4cc00;
  position: absolute;
  z-index: 3;
}

.resultadosbusca li {
  width: 100%;
  list-style: none;
  padding: 8px;
  border-bottom: solid 1px #ccc;
  background-color: #fff;
}

.resultadosbusca li:hover {
  background-color: #ecf0f1;
  cursor: pointer;
}

.resultadosbusca li:last-child {
  border: 0px;
}

.buscaDropdown {
  position: fixed;
  z-index: 1;
  width: 100%;
}

.table .realizado td,
.table .planejado td {
  font-size: 95%;
  padding: 5px;
}

/* DIVS & SECTIONS*/
/*TABELA*/
#container #example_info {
  display: none;
}

#container #example_length {
  display: none;
}

#container #example_filter {
  float: right;
  position: relative;
  top: -7px;
  margin-right: 6px;
}

#container #example_paginate {
  float: right;
}

.nomeRelatorio {
  background-color: #a4cc00;
  padding: 15px;
  color: #535353;
  font-size: 150%;
  font-weight: 300;
  text-align: left;
  margin: 0 auto;
  text-shadow: 1px 1px 1px #ccc;
  position: relative;
  top: 40px;
  width: 100%;
}

/* TABELA*/
/*BOTAO UPLOAD*/

/*Botao importar imagem ponto de interesse*/
.inputsrc_pontoInterese::before {
  content: '';
  display: inline-block;
  background-color: #2d8dd6;
  width: 125px;
  height: 32px;
  /*resolvendo problema com  click junto ao title do botão importar*/
}

.inputsrc_pontoInterese>input {
  margin: -39px -5px;
  z-index: 1000;
  opacity: 0;
}

.inputsrc_pontoInterese>label {
  width: 77px;
  margin: -31px 21px !important;
}

/*End Botao importar imagem ponto de interesse*/

.custom-file-input,
.custom-file-input2 {
  color: transparent;
}

.custom-file-input::-webkit-file-upload-button,
.custom-file-input2::-webkit-file-upload-button {
  visibility: hidden;
}

.custom-file-input::before {
  font-family: FontAwesome;
  content: '\f093 \00a0 Anexar Arquivo';
  display: inline-block;
  font-size: 110%;
  color: #535353;
  text-align: center;
  background: #ecf0f1;
  border: solid 1px #dadedf;
  border-bottom: 2px solid #dadedf;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #dadedf;
  box-shadow: inset 0 -2px #dadedf;
  border-radius: 0px;
  width: 180px;
  height: 44px;
  font-weight: 300;
  line-height: 38px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
}

.custom-file-input:hover::before,
.custom-file-input2:hover::before {
  background-color: #edf1f2;
  border: 1px solid #ecf0f1;
  color: #535353;
  outline: none;
}

.custom-file-input:active::before,
.custom-file-input2:hover::before {
  background-color: #edf1f2;
  border: 1px solid #ecf0f1;
  color: #535353;
  outline: none;
}

.upload-img-ponto .import-label span {
  background-color: transparent;
  position: relative !important;
  font-size: 13px !important;
  color: #fff;
}

.upload-img-ponto .import-label {
  z-index: 3;
  position: relative;
  margin: 14px 30px auto;
  display: block;
  text-align: center;
  cursor: pointer;
}

.upload-img-ponto input[type='file'] {
  position: absolute;
}

.custom-file-input2::before {
  content: '';
  display: inline-block;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background-color: #2d8dd6;
  border: none;
  border-bottom: none;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #dadedf;
  box-shadow: none;
  border-radius: 0px;
  width: 125px;
  height: 32px;
  /*resolvendo problema com  click junto ao title do botão importar*/
  font-weight: 600;
  line-height: 32px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-align: left;
  padding-left: 10px;
}

.custom-file-input2::before+.import-label {
  max-width: 100%;
  font-size: 1.25rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.custom-file-input2::after {
  font-family: 'Open Sans', sans-serif;
  /*content: 'Importar';*/
  display: inline-block;
  font-size: 13px;
  color: #fff;
  text-align: left;
  position: relative;
  top: -26px;
  left: 40px;
  padding-left: 0px;
  text-transform: uppercase;
  font-weight: 600;
}

/*BOTAO UPLOAD*/
/*BOTAO IMPOTAR ARQUIVO PONTO DE INTERESSE*/

.importarBtnBarra .import-label span {
  background-color: transparent;
  position: relative !important;
  font-size: 13px !important;
  color: #fff;
  font-weight: 600;
}

.importarBtnBarra .import-label {
  z-index: 3;
  position: relative;
  margin: 14px 20px auto;
  display: block;
  text-align: center;
  cursor: pointer;
}

.importarBtnBarra input[type='file'] {
  position: absolute;
}

.importarBtnarquivo {
  z-index: 3;
}

.importarBtnarquivo .import-label {
  z-index: 0;
  position: absolute;
  margin: 9px 16px;
  display: block;
  text-align: center;
  cursor: pointer;
  width: 74px;
}

.importarBtnarquivo .import-label span {
  background-color: transparent;
  position: relative !important;
  font-size: 12px !important;
  color: #fff;
  width: 156px;
  font-weight: bold;
  text-transform: uppercase;
}

.importarBtnarquivo {
  width: 100px;
}

.importarBtnarquivo input[type='file'] {
  position: absolute;
}

.importarBtnarquivo .importarEscalaDrop {
  top: -4px !important;
  right: -30px !important;
}

.button-default-importar .importarBtnarquivo .importarEscalaDrop {
  top: -60px !important;
  z-index: 1000;
  right: -38px !important;
}

.importarBtnarquivo .importarEscalaDrop button:hover,
.importarBtnarquivo .importarEscalaDrop button:active,
.importarBtnarquivo .importarEscalaDrop button:focus {
  color: #fff;
}

.importarBtnarquivo .custom-file-input::-webkit-file-upload-button,
.importarBtnarquivo .custom-file-input2::-webkit-file-upload-button {
  visibility: hidden;
  padding: 11px 58px;
  width: 109px;
  position: absolute;
  margin: -37px 0px;
  z-index: 10;
  background: transparent;
  border: transparent;
  cursor: pointer;
  color: transparent;
  padding-left: 3px;
  /*resolvendo problema de click junto com o title do botao importar*/
}

/*END BOTAO IMPORTAR ARQUIVO PONTO DE INTERESSE*/

/*BOTAO IMPORTAR ARQUIVO PLANEJAMENTO*/

.button-default-importar .import input[type='file'] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 1000;
}

.button-default-importar .import-label {
  z-index: 0;
  position: absolute;
  margin: -45px 16px !important;
  display: block;
  text-align: center;
  cursor: pointer;
  width: 74px;
}

.button-default-importar .importarBtnarquivo .import-label span {
  background-color: transparent;
  position: relative !important;
  font-size: 12px !important;
  color: #fff;
  width: 156px;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: 2px;
}

.button-default-importar .importarEscalaDrop {
  top: -62px !important;
  right: -35px !important;
  z-index: 1000;
}

/*END BOTAO IMPORTAR ARQUIVO PLANEJAMENTO*/

.form-2 {
  width: 100%;
  overflow: hidden;
  padding-bottom: 20px;
}

.formularios label {
  font-weight: 300;
  /*font-size: 13px;*/
  font-size: 11px;
}

.formularios .has-error label {
  color: #333;
}

.formularios .has-error input {
  border-color: #ebccd1;
  background-color: #f7ebeb;
}

.formularios .has-error .select2-search input {
  border-color: #ccc !important;
}

.formularios .has-error textarea {
  border: solid 1px #f2533d !important;
  background-color: #f7ebeb;
}

.formularios .has-error .select2-container .select2-choice {
  border: solid 1px #f2533d !important;
  background-color: #f7ebeb;
}

.formularios .has-error .combobox select {
  border: solid 1px #f2533d !important;
  background-color: #f7ebeb !important;
}

.formularios .has-error .form-control {
  border: solid 1px #f2533d !important;
  box-shadow: none;
}

.formularios .has-error .form-control:focus {
  border: solid 1px #f2533d;
  box-shadow: none;
}

.reset-radio {
  margin-top: -4px !important;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #f2533d !important;
}

.formularios .checkbox-inline {
  font-size: 18px;
}

.calendarios .input-group-addon {
  background-color: #aec90b;
  color: #fff;
  border-radius: 0px;
  font-size: 18px;
}

.calendarios input {
  height: 50px;
  border-radius: 0px;
}

.icon-input {
  display: block;
  width: 57px;
  position: relative;
  top: 50px;
}

.inputSearch .input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  background-color: #fff;
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-radius: 0px;
}

.senhaLogin {
  color: #869b09;
  font-size: 14px;
  text-decoration: underline;
  margin-top: 5px;
}

.next_exemplo_apagar {
  color: #869b09;
  font-size: 14px;
  text-decoration: underline;
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.prev_exemplo_apagar {
  color: #869b09;
  font-size: 14px;
  text-decoration: underline;
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.senhaLogin:hover,
.senhaLogin:active,
.senhaLogin:focus {
  text-decoration: none;
  color: #869b09;
}

.datetimepicker .input-group {
  border-radius: 0px;
}

.datetimepicker .input-group-addon,
.timePicker .input-group-addon,
.timePickerPhone .input-group-addon {
  border-radius: 0px;
  background-color: #fff;
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

#container .datetimepickerPhone {
  display: none;
}

.separador {
  margin-left: 20px;
  margin-right: 20px;
  line-height: 50px;
  display: none;
}

#container .timePicker {
  display: inline-block;
  padding: 0px;
}

#container .timePickerPhone {
  display: none;
}

#container .timePicker1 {
  display: inline-block;
  width: 48.5%;
  float: left;
  clear: both;
}

#container .timePicker1 input {
  width: 100%;
  border-radius: 0px;
  font-size: 13px;
}

#container .timePicker1 input[type='date'] {
  width: 100%;
  border-radius: 0px;
}

#container .timePicker2 input {
  width: 100%;
  border-radius: 0px;
  font-size: 13px;
}

#container .timePicker2 input[type='date'] {
  width: 100%;
  border-radius: 0px;
}

#container .timePicker2 {
  display: inline-block;
  width: 48.5%;
  margin-left: 5px;
}

#container .form-control-feedback {
  line-height: 49px;
}

#container .sr-only {
  font-size: 20px;
  display: block;
}

#container .help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #a1aaaf;
  padding: 0px;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
}

.comboboxQtdResultados {
  /* min-width: 100px; */
  border: 1px solid #ccc;
  /* margin-right: 10px; */
  /*margin-top: -4px;*/
  margin-top: -3px;
  height: 29px;
}

.rodape-relatorio {
  margin-top: 15px;
}

.combobox .dropdown li {
  font-size: 120%;
}

.combobox .dropdown {
  min-width: 190px;
}

.combobox .dropdown {
  min-width: 190px;
}

.combobox .min-dropdown {
  min-width: 70px !important;
}

.combobox .acaoViagemPentende {
  min-width: 100px;
  border: 1px solid #ccc;
  margin-right: 10px;
  margin-top: 5px;
}

#container .tabela-result .line {
  border: none;
  height: 26px;
  width: 1px;
  background: #ccc;
  margin: 8px -5px 0 0px;
}

.tabela-ocorrendia-falhas .tabela-result .line {
  margin-left: 0 !important;
}

#container .tabela-result .titleItens {
  top: 0 !important;
  margin: 13px 13px;
  font-size: 10px;
  color: #000;
  font-weight: 400;
}

.radioCheckbox .radio label,
.radioCheckbox .checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  /*left: 15px;*/
  padding-left: 20px;
  margin-right: 10px;
  font-size: 13px;
}

input[type='radio'],
input[type='checkbox'] {
  display: none;
}

.radio label:before,
.checkbox label:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 3px;
  background-color: #f8f8f8;
  border: 1px solid #aaa;
}

.filter-frota-operando .radio label:before,
.filter-frota-operando .checkbox label:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 4px;
  background-color: #f8f8f8;
  border: 1px solid #aaa;
}

.classAuto .checkbox {
  margin-top: 5px !important;
}

.filter-frota-operando .radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 23px !important;
  /*width:60px !important;*/
  margin-bottom: 10px;
}

.filter-frota-operando .radio,
.checkbox>label {
  padding-left: 26px !important;
}

.radio label:before {
  border-radius: 10px;
}

.checkbox label {
  margin-bottom: 10px;
}

.checkbox label:before {
  border-radius: 0px;
}

input[type='radio']:checked+label:before,
input.radio-checked+label:before {
  content: '\2022';
  color: #666;
  font-size: 21px;
  text-align: center;
  line-height: 10px;
}

input[type='radio']:disabled:not(:checked)+label:before,
input[type='radio']:disabled:checked+label:before {
  box-shadow: none;
  border-color: #eeeff1;
  background-color: #fff;
}

input[type='radio']:disabled:checked+label:after {
  color: #c6c6c6;
}

input[type='radio']:disabled+label {
  color: #c6c6c6;
}

input[type='checkbox']:checked+label:before {
  font-family: FontAwesome;
  content: '\f00c';
  font-size: 9px;
  color: #666;
  text-align: center;
  line-height: 10px;
}

input[type='checkbox']:disabled:not(:checked)+label:before,
input[type='checkbox']:disabled:checked+label:before {
  box-shadow: none;
  border-color: #eeeff1;
  background-color: #fff;
}

input[type='checkbox']:disabled:checked+label:after {
  color: #c6c6c6;
}

input[type='checkbox']:disabled+label {
  color: #c6c6c6;
}

.formularios .btn-default {
  float: right;
  margin-top: 20px;
  margin-left: 10px;
}

.formularios .btn-cinza {
  float: right;
  margin-right: 20px;
  margin-top: 20px;
}

/*LABELS/CHECKBOX/FORM*/

/*MENU LATERAL */
.scroller {
  overflow-y: scroll;
}

.scroller,
.scroller-inner {
  position: relative;
  overflow: visible;
  height: 40px;
}

.container-component {
  position: relative;
  overflow: hidden;
}

.menu-trigger {
  position: relative;
  padding-left: 60px;
  font-size: 0.9em;
}

.menu-trigger:before {
  position: absolute;
  top: 10px;
  left: 5px;
  width: 32px;
  height: 4px;
  background: #ecf0f1;
  box-shadow: 0 6px #f8f8f8, 0 10px #96b032, 0 15px #f8f8f8, 0 20px #96b032;
  content: '';
}

.mp-pusher {
  position: relative;
  left: 0;
  height: 100%;
  z-index: 3;
}

.mp-menu {
  position: absolute;
  /* we can't use fixed here :( */
  top: 0;
  left: 0;
  z-index: 1;
  width: 300px;
  height: 100%;
  border-right: 1px solid #ccc;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.mp-menu .navbar-default {
  border-color: transparent;
}

.mp-level {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ecf0f1;
  /*aqui*/
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

/* overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  content: '';
  opacity: 0;
}

.mp-pusher::after,
.mp-level::after {
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
  -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
  transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
  z-index: -1;
}

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
  width: 100%;
  height: 100%;
  opacity: 0.05;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: -1;
}

.mp-level.mp-level-overlay {
  cursor: pointer;
}

.mp-level.mp-level-overlay.mp-level::before {
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: 1;
}

.mp-pusher,
.mp-level {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate3d(-40px, 0, 0);
  -moz-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}

/* First level */
.mp-menu>.mp-level,
.mp-menu>.mp-level.mp-level-open,
.mp-menu.mp-overlap>.mp-level,
.mp-menu.mp-overlap>.mp-level.mp-level-open {
  box-shadow: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* cover */
.mp-cover .mp-level.mp-level-open {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open>ul>li>.mp-level:not(.mp-level-open) {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

/* content style */
.mp-menu ul {
  margin: 0;
  padding: 30px 0;
  list-style: none;
}

.mp-menu ul li {
  padding-bottom: 0px;
}

.mp-menu h2 {
  margin: 0;
  padding: 2.6em;
  color: #535253;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  font-weight: 500;
  font-size: 1.5em;
  border-bottom: 1px solid #e7e7e7;
  text-align: center;
}

.mp-menu.mp-overlap h2::before {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 8px;
  font-size: 75%;
  line-height: 1.8;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
  transition: opacity 0.3s, transform 0.1s 0.3s;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%);
}

.mp-menu.mp-cover h2 {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 1em;
}

.mp-overlap .mp-level.mp-level-overlay>h2::before {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
}

.mp-menu ul li>a {
  display: block;
  padding: 0.7em 1em 0.7em 1.8em;
  outline: none;
  color: #333333;
  font-size: 18px;
  font-weight: 300;
  -webkit-transition: background 0.3s, box-shadow 0.3s;
  -moz-transition: background 0.3s, box-shadow 0.3s;
  transition: background 0.3s, box-shadow 0.3s;
  text-decoration: none;
}

.mp-menu ul li::before {
  position: absolute;
  left: 10px;
  z-index: -1;
  color: #535253;
  line-height: 3.5;
}

.mp-menu ul li a:hover,
.mp-level>ul>li:first-child>a:hover {
  background: #dcdfe0;
  color: #535253;
  text-decoration: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
}

.mp-menu .mp-level.mp-level-overlay>ul>li>a,
.mp-level.mp-level-overlay>ul>li:first-child>a {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
}

.mp-level>ul>li:first-child>a:hover,
.mp-level.mp-level-overlay>ul>li:first-child>a {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0), inset 0 1px rgba(0, 0, 0, 0);
}

/* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */
.mp-back {
  background: rgba(0, 0, 0, 0.08);
  outline: none;
  color: #535353;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  display: block;
  font-size: 10px;
  padding: 10px;
  position: relative;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}

.mp-back::after {
  font-size: 1.3em;
  color: rgba(0, 0, 0, 0.3);
  position: absolute;
}

.mp-menu .mp-level.mp-level-overlay>.mp-back,
.mp-menu .mp-level.mp-level-overlay>.mp-back::after {
  background: transparent;
  box-shadow: none;
  color: transparent;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
  padding-left: 300px;
}

.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
  display: none;
}

.no-csstransforms3d .mp-menu>.mp-level,
.no-js .mp-menu>.mp-level {
  display: block;
}

.menuTitulo {
  color: #535353;
  padding-top: 10px;
  display: block;
  height: auto;
}

.menuTitulo p {
  color: #b6d054;
  padding-left: 15px;
  font-size: 18px;
  font-weight: 400;
  margin-top: 18px;
  max-width: 165px;
  margin-bottom: 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wrapUser .help-block {
  padding-left: 38px !important;
  position: relative;
  top: -14px;
  max-width: 221px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
  padding-left: 300px;
}

.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
  display: none;
}

.no-csstransforms3d .mp-menu>.mp-level,
.no-js .mp-menu>.mp-level {
  display: block;
}

/* FIM Push Menu Bootstrap Custom CSS */
/*DROPDOWN*/
/* --- EASYDROPDOWN METRO THEME --- */

/* PREFIXED CSS */

.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after,
.dropdown .carat,
.dropdown .carat:after,
.dropdown .selected::after,
.dropdown:after {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.dropdown .selected::after,
.dropdown.scrollable div::after {
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  pointer-events: none;
}

/* WRAPPER */
.dropdown {
  position: relative;
  width: 31.5%;
  cursor: pointer;
  font-weight: 200;
  background: #f9fafb;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.dropdown.open {
  z-index: 3;
}

.dropdown:hover {
  background: #f9fafb;
}

.dropdown:after {
  content: '';
  position: absolute;
  right: 3px;
  bottom: 3px;
  top: 2px;
  width: 6%;
  background: transparent;
}

/* CARAT */
.dropdown .carat,
.dropdown .carat:after {
  font-family: FontAwesome;
  content: '\f107';
  width: 50px;
  height: 100%;
  background-color: #aec90b;
  color: #fff;
  position: absolute;
  right: 0;
  top: 1%;
  font-size: 25px;
  text-align: center;
  line-height: 36px;
}

.dropdown:hover .carat:after {
  font-family: FontAwesome;
  content: '\f107';
  width: 50px;
  height: 100%;
  background-color: #aec90b;
  color: #fff;
  position: absolute;
  right: 0;
  top: 1%;
  font-size: 25px;
  text-align: center;
  line-height: 36px;
}

.dropdown.focus .carat {
  font-family: FontAwesome;
  content: '\f106';
  width: 50px;
  height: 100%;
  background-color: #aec90b;
  color: #fff;
  position: absolute;
  right: 0;
  top: 1%;
  font-size: 25px;
  text-align: center;
  line-height: 36px;
}

.dropdown.focus .carat:after {
  font-family: FontAwesome;
  content: '\f107';
  width: 50px;
  height: 100%;
  background-color: #aec90b;
  color: #fff;
  position: absolute;
  right: 0;
  top: 1%;
  font-size: 25px;
  text-align: center;
  line-height: 36px;
}

.dropdown.open .carat:after {
  font-family: FontAwesome;
  content: '\f106';
  width: 50px;
  height: 100%;
  background-color: #aec90b;
  color: #fff;
  position: absolute;
  right: 0;
  top: 1%;
  font-size: 25px;
  text-align: center;
  line-height: 36px;
}

/* OLD SELECT (HIDDEN) */
.dropdown .old {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}

.dropdown select {
  position: absolute;
  left: 0px;
  top: 0px;
}

.dropdown.touch .old {
  width: 100%;
  height: 100%;
}

.dropdown.touch select {
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* SELECTED FEEDBACK ITEM */
.dropdown .selected,
.dropdown li {
  display: block;
  font-size: 120%;
  line-height: 1;
  color: #000;
  padding: 9px 12px;
  overflow: hidden;
  white-space: nowrap;
}

.dropdown .selected::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  border-radius: 0 2px 2px 0;
  box-shadow: inset -55px 0 25px -20px #f8f8f8;
}

.dropdown:hover .selected::after {
  box-shadow: inset -55px 0 25px -20px #f4f4f4;
}

/* DROP DOWN WRAPPER */
.dropdown div {
  position: absolute;
  height: 0;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: -1px;
  background: #f8f8f8;
  opacity: 0;
}

.dropdown:hover div {
  background: #f4f4f4;
}

/* Height is adjusted by JS on open */
.dropdown.open div {
  opacity: 1;
  z-index: 2;
}

/* FADE OVERLAY FOR SCROLLING LISTS */
.dropdown.scrollable div::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  box-shadow: inset 0 -50px 30px -35px #f8f8f8;
}

.dropdown.scrollable:hover div::after {
  box-shadow: inset 0 -50px 30px -35px #f4f4f4;
}

.dropdown.scrollable.bottom div::after {
  opacity: 0;
}

/* DROP DOWN LIST */
.dropdown ul {
  position: absolute;
  left: 0;
  top: 1px;
  height: 100%;
  width: 100%;
  list-style: none;
  overflow: hidden;
  background-color: #fff;
  outline: solid 1px #bdc3c7;
  padding: 0px;
}

.dropdown.scrollable.open ul {
  overflow-y: auto;
}

/* DROP DOWN LIST ITEMS */
.dropdown li {
  list-style: none;
  padding: 8px 12px;
  border-bottom: solid 1px #bdc3c7;
}

/* .focus class is also added on hover */
.dropdown li.focus {
  background: #f3f3f3;
  position: relative;
  z-index: 3;
  color: #333333;
}

.dropdown li.active {
  background: #f3f3f3;
  color: #333333;
}

/*DROPDOWN*/
/*PALETA DE CORES*/
.verde {
  background-color: #2ecc71 !important;
}

.brown {
  background-color: #9a3324 !important;
}
.purple_light{
  background-color: #87189d !important;
}
.green_light{
  background-color: #7a9a01 !important;
}
.orange_light{
  background-color: #fe5000 !important;
}
.blue_dark{
  background-color: #001e60 !important;
}
.pink_light{
  background-color: #e10098 !important;
}
.green_dark{
  background-color:#046a38 !important;
}
.orange_duo{
  background-color:#ff9e15 !important;
}

.cverde {
  color: #2ecc71 !important;
}

.verde2 {
  background-color: #168a21 !important;
}

.cverde2 {
  color: #168a21 !important;
}

.verde3 {
  background-color: #0f8b73 !important;
}

.cverde3 {
  color: #0f8b73 !important;
}

.verde4 {
  background-color: #04dcb1 !important;
}

.cverde4 {
  color: #04dcb1 !important;
}

.verdem2m {
  background-color: #a4cc00 !important;
}

.cverdem2m {
  color: #a4cc00 !important;
}

.azul {
  background-color: #3498db !important;
}

.cazul {
  color: #3498db !important;
}

.azul2 {
  background-color: #094fc3 !important;
}

.cazul2 {
  color: #094fc3 !important;
}

.marinho {
  background-color: #34495e !important;
}

.cmarinho {
  color: #34495e !important;
}

.marinho2 {
  background-color: #0a2948 !important;
}

.cmarinho2 {
  color: #0a2948 !important;
}

.vermelho {
  background-color: #d53a3c !important;
}

.cvermelho {
  color: #d53a3c !important;
}

.vermelho2 {
  background-color: #962c2d !important;
}

.cvermelho2 {
  color: #962c2d !important;
}

.vermelho3 {
  background-color: #e84c3d !important;
}

.cvermelho3 {
  color: #e84c3d !important;
}

.laranja {
  background-color: #e67e22 !important;
}

.claranja {
  color: #e67e22 !important;
}

.laranja2 {
  background-color: #c85d16 !important;
}

.claranja2 {
  color: #c85d16 !important;
}

.cinza2 {
  background-color: #abb0b3 !important;
}

.ccinza2 {
  color: #abb0b3 !important;
}

.cinzaLight {
  background-color: #f2f2f2 !important;
}

.ccinzaLight {
  color: #f2f2f2 !important;
}

.amarelo {
  background-color: #ffea00 !important;
}

.camarelo {
  color: #ffea00 !important;
}

.amarelo2 {
  background-color: #deba11 !important;
}

.camarelo2 {
  color: #deba11 !important;
}

.roxo {
  background-color: #9b59b6 !important;
}

.croxo {
  color: #9b59b6 !important;
}

.roxo2 {
  background-color: #7c05ad !important;
}

.croxo2 {
  color: #7c05ad !important;
}

.magenta {
  background-color: #cc3a7a !important;
}

.cmagenta {
  color: #cc3a7a !important;
}

.magenta2 {
  background-color: #a3275d !important;
}

.cmagenta2 {
  color: #a3275d !important;
}

.darkgrey {
  background-color: #4f5356 !important;
}

.cdarkgrey {
  color: #4f5356 !important;
}

.lightgrey {
  background-color: #f0f1f3 !important;
}

.clightgrey {
  color: #f0f1f3 !important;
}

.preto {
  background-color: #000 !important;
}

.cpreto {
  color: #000 !important;
}

.cconcreto {
  color: #63696a !important;
}

.concreto {
  background-color: #63696a !important;
}

.cconcreto2 {
  color: #384242 !important;
}

.concreto2 {
  background-color: #384242 !important;
}

/*PALETA DE CORES*/
/* DROPDOWN COMBO ANGULAR*/
/* STYLE2*/

.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-size: 13px;
  min-width: 130px;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */
}

.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  line-height: 43px;
  color: #444;
  text-decoration: none;
  border-radius: 0px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  background-color: #fff;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #ccc;
  border-radius: 0 0 0px 0px;
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}

.select2-container .select2-choice>.select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  color: #999;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  font-family: FontAwesome;
  content: '\f107';
  cursor: pointer;
  outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #ccc;
  border-top: 0;
  border-radius: 0 0 0px 0px;
}

.select2-drop-auto-width {
  border-top: 1px solid #ccc;
  width: auto;
}

.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #ccc;
  border-bottom: 0;
  border-radius: 0px 0px 0 0;
}

.select2-drop-active {
  border: 1px solid #aec90b;
  border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #aec90b;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 42px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: url('../img/select_m.png') no-repeat 0 1px #aec90b;
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../img/select_m.png') no-repeat 0 1px #aec90b;
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}

.select2-search input {
  width: 100%;
  height: 30px !important;
  padding: 4px 19px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-box-shadow: none;
  margin-top: 5px;
  background: url('../img/select2.png') no-repeat 100% -22px,
    -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
}

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}

.select2-search input.select2-active {
  background: #fff url('select2-spinner.gif') no-repeat 100%;
  background: url('select2-spinner.gif') no-repeat 100%,
    -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%);
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #aec90b;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(22, 19, 19, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #fff;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #ccc;
  border-top-color: transparent;
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background: url('../img/select_m_.png') no-repeat 0 1px #aec90b;
}

/* results */
.sinoticoReplay ul {
  height: 130px;
}

.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results ul.select2-result-sub>li .select2-result-label {
  padding-left: 20px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
  padding-left: 40px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
  padding-left: 60px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
  padding-left: 80px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
  padding-left: 100px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
  padding-left: 110px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
  padding-left: 120px;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results li.select2-result-with-children>.select2-result-label {
  font-weight: 600;
}

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  font-size: 11px;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-results .select2-highlighted {
  background: #ced8d9;
  color: #535353;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #535353;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results.select2-active {
  background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(top, #eee 1%, #fff 15%);
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #ccc;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url('select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
  color: #000 !important;
  font-size: 11px;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 0px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url('../img/select2.png') right top no-repeat;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
  height: 50px;
}

.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {

  /*.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
    background-image: url('img/select2x2.png') !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }*/
  .select2-search input {
    /*background-position: 100% -21px !important;*/
    background-position: 100% -25px !important;
  }
}

/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.8.2 - 2014-10-09T23:29:49.716Z
 * License: MIT
 */

.select2>.select2-choice.ui-select-match {
  /* Because of the inclusion of Bootstrap */
  height: 42px;
}

.selectize-control>.selectize-dropdown {
  top: 36px;
}

/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: 600;
}

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

/* Select2 theme */
/* Mark invalid Select2 */
#container .ng-dirty.ng-invalid>a.select2-choice {
  border-color: #ccc !important;
}

.select2-result-single {
  padding-left: 0;
}

/* Selectize theme */

/* Helper class to show styles when focus */
.selectize-input.selectize-focus {
  border-color: #007fbb !important;
}

/* Fix input width for Selectize theme */
.selectize-control>.selectize-input>input {
  width: 100%;
}

/* Fix dropdown width for Selectize theme */
.selectize-control>.selectize-dropdown {
  width: 100%;
}

/* Mark invalid Selectize */
.ng-dirty.ng-invalid>div.selectize-input {
  border-color: #d44950;
}

/* Bootstrap theme */

/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group>.ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static;
}

.input-group>.ui-select-bootstrap>input.ui-select-search.form-control {
  border-radius: 4px;
  /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ui-select-bootstrap>.ui-select-match {
  /* Instead of center because of .btn */
  text-align: left;
}

.ui-select-bootstrap>.ui-select-match>.caret {
  position: absolute;
  top: 45%;
  right: 15px;
}

/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap>.ui-select-choices {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 0.3em;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important;
  /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
}

.ui-select-bootstrap .ui-select-choices-row>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.ui-select-bootstrap .ui-select-choices-row>a:hover,
.ui-select-bootstrap .ui-select-choices-row>a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.ui-select-bootstrap .ui-select-choices-row.active>a {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}

.ui-select-bootstrap .ui-select-choices-row.disabled>a,
.ui-select-bootstrap .ui-select-choices-row.active.disabled>a {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
  display: none !important;
}

/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid>button.btn.ui-select-match {
  border-color: #d44950;
}

/* 05/02 alteracoes MENU*/
#mapfull {
  width: 100%;
  height: calc(100% - 0);
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0px;
  overflow: hidden;
  z-index: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.cveiculomap {
  position: relative;
  width: 35%;
  padding-left: 15px;
}

.uisearea {
  padding-left: 15px;
  position: absolute;
  left: 30%;
}

.uisearea2 {
  padding-left: 15px;
  position: absolute;
  left: 14%;
  top: 10px;
}

.uisearea2 input {
  height: 44px !important;
}

#container .navbar {
  height: 40px;
  min-height: 40px !important;
  margin-bottom: 10px;
  padding-top: 0px !important;
}

#sidebar {
  z-index: 5;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 40px;
  height: 100%;
  background: #ecf0f1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#container {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#sidebar #search-trigger {
  background-color: #f3f3f3;
  border: 0;
  border-radius: 0;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 18px;
}

#sidebar .brand-name-wrapper {
  min-height: 50px;
}

#sidebar .brand-name-wrapper .navbar-brand {
  display: block;
}

#sidebar #search {
  position: relative;
  z-index: 1000;
}

#sidebar #search .panel-body {
  padding: 0;
}

#sidebar #search .panel-body .navbar-form {
  padding: 0;
  padding-right: 50px;
  width: 100%;
  margin: 0;
  position: relative;
  border-top: 1px solid #e7e7e7;
}

#sidebar #search .panel-body .navbar-form .form-group {
  width: 100%;
  position: relative;
}

#sidebar #search .panel-body .navbar-form input {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  height: 50px;
}

#sidebar #search .panel-body .navbar-form .btn {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-radius: 0;
  background-color: #f3f3f3;
  padding: 15px 18px;
}

#sidebar .subside li {
  font-size: 13px;
}

.navbar-nav li .mconsultar {
  border-bottom: 0px !important;
}

.subsub {
  background: #f9f9f9;
}

#navbar-fixed-left i {
  font-size: 16px;
  width: 16px;
  text-align: center !important;
}

#navbar-fixed-left .link-icon img {
  width: 17px;
}

#sidebar .caret {
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
}

.asubmenu {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  padding-left: 25px !important;
}

#container .btn-default.disabled,
#container .btn-default[disabled],
#container fieldset[disabled] .btn-default,
#container .btn-default.disabled:hover,
#container .btn-default[disabled]:hover,
#container fieldset[disabled] .btn-default:hover,
#container .btn-default.disabled:focus,
#container .btn-default[disabled]:focus,
#container fieldset[disabled] .btn-default:focus,
#container .btn-default.disabled.focus,
#container .btn-default[disabled].focus,
#container fieldset[disabled] .btn-default.focus,
#container .btn-default.disabled:active,
#container .btn-default[disabled]:active,
#container fieldset[disabled] .btn-default:active,
#container .btn-default.disabled.active,
#container .btn-default[disabled].active,
#container fieldset[disabled] .btn-default.active {
  background-color: #dfdfdf;
  border-color: #fff;
  color: #535353;
  border-bottom: 2px solid #c8c8c8;
  opacity: 0.4;
}

#container .ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

#container .ui-widget {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 11px !important;
}

#container .ui-widget-content {
  border: 1px solid #404040;
  background: #7f8c8d !important;
  color: #eeeeee;
}

textarea {
  border-radius: 0px !important;
  height: 70px !important;
}

.nav-tabs .close {
  text-shadow: none;
  padding-left: 3px;
  font-size: 11px;
}

button.minimize {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  outline: none;
}

.minimize {
  float: right;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  color: #a4cc00;
  text-shadow: 0 1px 0 #ffffff;
  outline: none;
}

.modeloExcel {
  position: relative;
  top: -10px;
  font-size: 12px;
}

/*input number css botao*/
.stepper button {
  background-color: #ecf0f1;
  height: 30px !important;
  border: solid 1px #dadedf;
  border-radius: 0px !important;
  color: #535353;
  width: 25px;
  margin-right: 3px;
  margin-left: 3px;
}

.stepper input {
  width: 35px;
  border: solid 1px #ccc;
  padding-left: 5px;
  height: 50px;
}

/* css para label dos carros no mapa */
.markerLabel {
  border-radius: 5px;
  white-space: nowrap;
  padding: 1px 2px;
  background-color: rgba(255, 255, 255, 1);
  color: #000;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 13px;
  border: solid 1px #000;
}

.markerLabelHidden {
  display: none;
  opacity: 0;
}

.markerIcon {
  display: block;
}

#container .form-horizontal .control-label {
  text-align: right;
  margin-bottom: 0;
  padding-top: 14px !important;
}

#container .alert-info {
  background-color: #ecf0f1 !important;
  color: #535353 !important;
  border-color: #bdc3c7 !important;
}

table i {
  cursor: pointer;
}

/*MENSAGENS DE ERRO UNIVERSAIS - CAMPO OBRIGATORIO + "X" SELECT2-CONTAINER*/
[data-erro-msg] {
  position: absolute;
  left: 0px;
  top: 91%;
  z-index: 9;
  white-space: nowrap;
  font-size: 8.5px;
  padding: 5px 5px;
  opacity: 0;
  color: #a94442;
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-horizontal input+[data-erro-msg] {
  left: 525px !important;
  top: 20% !important;
}

.select2-container+[data-erro-msg] {
  left: 390px !important;
  top: 20% !important;
}

.prefixoMedio input+[data-erro-msg] {
  left: 390px !important;
}

.stepper+[data-erro-msg] {
  left: 150px !important;
  background: transparent !important;
  top: 12px !important;
}

.mSelectSmall+[data-erro-msg] {
  left: 5px;
  background: transparent !important;
  top: 50px;
}

.doisCampos .erroSmall+[data-erro-msg] {
  left: 5px;
  background: transparent !important;
  top: 45px;
  font-size: 11px;
}

.prefixoSmall input+[data-erro-msg] {
  left: 190px !important;
  background: transparent !important;
}

.inputDatePicker+[data-erro-msg] {
  left: 42px;
}

textarea+[data-erro-msg] {
  left: 8px;
}

#container .dataErroTime input+[data-erro-msg] {
  top: 105px !important;
}

/*CRIAR PLANEJAMENTO - AJUSTE*/
#conteudoCriarPlanej1 input+[data-erro-msg] {
  top: 64px !important;
  left: -6px !important;
}

#conteudoCriarPlanej1 .dropdown+[data-erro-msg] {
  top: 72px !important;
  left: -6px !important;
}

#conteudoCriarPlanej1 .select2-container+[data-erro-msg] {
  top: 96% !important;
  left: -6px !important;
}

#conteudoCriarPlanej1 .inputDatePicker+[data-erro-msg] {
  top: 96% !important;
  left: -6px !important;
}

#conteudoCriarPlanej1 .inputTime input+[data-erro-msg] {
  top: 42px !important;
  left: -6px !important;
}

#conteudoCriarPlanej1 .stepper+[data-erro-msg] {
  left: 0px !important;
  background: transparent !important;
  top: 78px !important;
}

#container div[data-clear] {
  display: inline-block;
  height: 100%;
  position: relative;
  top: -1px;
  cursor: pointer;
  color: #a4cc00 !important;
  height: 10px;
  width: 10px;
  left: -56px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

div[data-clear]>span {
  font-weight: 600;
  width: 100%;
  background: transparent;
  color: #a4cc00;
  border: 0;
  display: inline-block;
  text-align: center;
  font-size: 10px;
  line-height: 29px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

div[data-clear]>span:hover {
  color: #535353;
}

[class~='ng-invalid']+[data-erro-msg] {
  transition: all 0.3s ease-out;
  opacity: 1;
}

/*MENSAGENS DE ERRO UNIVERSAIS - CAMPO OBRIGATORIO + "X" SELECT2-CONTAINER*/
/*ALERTAS NAV BAR - TOPO */
.alertasNavBar {
  width: 79px;
  float: right;
  margin-right: 10px;
  position: relative;
  top: -20px;
  height: 54px;
  border-left: solid 1px #ccc;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  border-right: solid 1px #ccc;
}

.alertasNavBar .badge-nav {
  background: #ef4c23;
  font-size: 11px;
  font-style: none !important;
  color: #fff;
  border: none;
  width: 36px;
  height: 21px;
}

.alertasNavBar button {
  border: 0px;
  outline: 0px;
}

.alertasNavBar .fa-comment,
.alertasNavBar .fa-bullseye {
  color: #a4cc00;
  font-size: 18px;
}

.popover-index {
  color: #535353;
  font-weight: 300;
}

.popover-index h3 {
  color: #535353;
  font-size: 15px;
  border-bottom: solid 1px #ccc !important;
  padding: 8px;
  text-shadow: none;
  font-weight: 300;
  padding-top: -40px;
  margin-top: 0px;
  width: 95%;
  font-style: italic;
}

.popover-index .badge {
  background-color: #ffea00;
  margin-left: 8px;
}

.popover-index .alertasRecebidos {
  width: 95%;
  margin-left: 2.5%;
}

.popover-index .popover-content {
  min-height: 90px !important;
}

.resultadosTooltip {
  float: right;
  position: relative;
  top: -39px;
  left: 30px;
  background: #fff;
  border-radius: 5px;
  width: 28px;
  height: 29px;
  font-size: 20px;
  border: solid 1px #ccc;
}

.resultadosTooltip2 {
  position: relative;
  top: -36px;
  left: 339px;
  background: #fff;
  border-radius: 5px;
  width: 28px;
  height: 29px;
  font-size: 20px;
  border: solid 1px #ccc;
  margin-bottom: -22px;
}

.resultadosTooltip2 .fa-refresh {
  margin-left: 4px;
}

/*NOVOS ITENS MENU UX - JUNHO/2015*/
/*LOADING INTERNACIONALIZAÇÃO*/
#sidebar .spinLoadingMenu {
  width: 20px;
  height: 20px;
  position: relative;
  top: 40%;
}

#sidebar .fa-circle-o-notch {
  color: rgba(201, 201, 201, 0.5);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  font-size: 30px !important;
}

.signOut {
  position: absolute;
  right: 9px;
  height: 25px;
  border: none;
  width: 25px;
  bottom: 4px;
  padding-top: 2px;
  padding-left: 7px;
  border-right: 0px;
  background: #b1b6b9;
  border-radius: 30px;
}

.signOut a {
  color: #fff !important;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  outline: none;
}

.signOut a i {
  font-size: 15px;
  position: relative;
  top: 2px;
  left: -2px;
}

.signOut a:hover,
.signOut a:active,
.signOut a:focus {
  text-decoration: none;
  opacity: 0.8;
  outline: none;
  border: none;
}

.wrapUser {
  display: none;
  position: absolute;
  z-index: 4;
  bottom: 0px;
  height: 60px;
  background-color: #ecf0f1;
  min-width: 160px;
  left: 40px;
  padding: 5px;
  padding-top: 0px;
}

.wrapUser p {
  display: inline-block;
  font-weight: 600;
  color: #514f50;
}

.wrapUser img {
  -webkit-clip-path: circle(50% at 50% 50%);
  clip-path: circle(50% at 50% 50%);
  display: inline-block;
}

.circle_img {
  border: solid 2px #adc94a;
  width: 35px;
  height: 35px;
  background: transparent;
  -moz-border-radius: 35px;
  -webkit-border-radius: 35px;
  border-radius: 35px;
  display: inline-block;
}

.novaAba {
  float: right;
  border-left: solid 1px #e7e7e7;
  position: absolute;
  right: 0px;
  height: 100%;
  width: 17% !important;
}

.novaAba a {
  text-decoration: none;
}

.novaAba a i {
  font-size: 12px !important;
  color: #b6d054;
  font-weight: 600;
  float: right;
  position: relative;
  left: -9px;
  top: -3px;
}

.nav-icon-nova-aba {
  display: inline-block;
  float: right;
  width: 45px;
}

#sidebar .subsub li a {
  float: left;
}

.voltarHistory {
  width: 70px;
  float: right;
  margin-right: 10px;
  position: relative;
  top: -20px;
  height: 54px;
  padding-left: 5px;
  padding-top: 15px;
  display: none;
}

.voltarHistory button {
  background: transparent;
  border: none;
  color: #b6d054;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  padding: 0px;
}

.subsub .asubmenu,
.subside .pull-left {
  width: 83% !important;
}

.subsub .novaAba {
  width: 16% !important;
}

.subsub .novaAba i {
  position: relative;
  top: 4px;
  left: -4px;
}

.botoesBarraBusca .btn-default,
.btn-novo .btn-default {
  font-weight: 600;
  text-shadow: none !important;
  height: 40px !important;
  font-size: 14px !important;
  font-style: normal;
}

.botoesBarraBusca .btn-azul {
  font-weight: 600;
  text-shadow: none !important;
  height: 40px !important;
  font-size: 14px !important;
  float: right;
  margin-top: -35px !important;
  line-height: 23px;
}

.botoesBarraBusca .btn-azul2 {
  font-weight: 600;
  text-shadow: none !important;
  height: 40px !important;
  font-size: 14px !important;
  float: right;
  margin-top: -35px !important;
}

.botoesBarraBusca .btn-azul a {
  padding-top: 10px;
}

#container .btn-cinzaEscuro,
#container-login .btn-cinzaEscuro {
  text-shadow: none;
  background: #8a9b9c;
  border: 1px solid #95a5a5;
  border-bottom: 2px solid #737f80 !important;
  cursor: pointer;
  color: #fff;
  font-weight: 600;
  text-align: center;
  height: 40px !important;
  font-size: 14px !important;
  border-radius: 0px !important;
  -webkit-box-shadow: inset 0 -2px #737f80 !important;
  box-shadow: inset 0 -2px #737f80 !important;
}

.botoesBarraBusca .btn-cinzaEscuro {
  float: right;
  margin-top: -35px !important;
}

.botoesBarraBusca .btn-cinzaEscuro:hover,
.botoesBarraBusca .btn-cinzaEscuro:active,
.botoesBarraBusca .btn-cinzaEscuro:focus {
  background: #9eacac !important;
  color: #fff !important;
}

/*NOVOS ITENS MENU UX - JUNHO/2015*/
/*CSS NOVO DATEPICKER*/
/* NOVO DATEPICKER*/
#container .datepickernovo input {
  font-size: 11px !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-right: 0px;
  padding-left: 5px;
}

#container .datepickernovo input.fieldStatusImportacao {
  width: 84px !important;

  font-size: 11px !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-right: 0px;
  padding-left: 5px;
}

#container .datepickernovo input.fieldStatusImportacao {
  width: 84px !important;

  font-size: 11px !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-right: 0px;
  padding-left: 5px;
}

#container .datepickernovo input.control-min {
  padding-right: 12px !important;
}

#container .datepickernovo .btn-default {
  padding-left: 0px !important;
  padding-right: 0px !important;
  min-width: auto;
}

#container .datepicker button {
  margin: 0px !important;
  padding: 0px !important;
}

#container .timepicker button {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 8px !important;
  margin-right: 0px !important;
  padding: 0px !important;
}

#container .datepickernovo_wrap .form-group,
#container .datepickernovo_uni .form-group {
  width: 100%;
}

#container .datepickernovo_wrap .datepicker,
#container .datepickernovo_uni .datepicker {
  font-size: 11px !important;
  text-shadow: none !important;
  padding-top: 5px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  width: 230px;
  height: 165px;
  border: none;
}

#container .datepickernovo_wrap .datepicker thead th,
#container .datepickernovo_wrap .datepicker thead tr,
#container .datepickernovo_uni .datepicker thead th,
#container .datepickernovo_uni .datepicker thead tr {
  font-size: 11px !important;
  padding-bottom: 5px !important;
}

#container .datepickernovo_wrap .datepicker thead th .btn-default:hover,
#container .datepickernovo_wrap .datepicker thead tr .btn-default:hover,
#container .datepickernovo_uni .datepicker thead th .btn-default:hover,
#container .datepickernovo_uni .datepicker thead tr .btn-default:hover {
  background-color: transparent !important;
  color: #535353 !important;
}

/*4 styles below added because of mysterious width of buttons inside datepicker for monitrip/new screens - DO NOT remove filter__section or
it'll apply to other screens and mess them up*/
.filter__section.datepickernovo_wrap tbody td {
  overflow: hidden;
}

.filter__section.datepickernovo_wrap tbody td .btn {
  margin-left: -27px !important;
}

.filter__section.datepickernovo_wrap thead th:nth-of-type(2) .btn {
  margin-left: 32px !important;
}

.filter__section.datepickernovo_wrap td.ng-scope .btn-default {
  width: 20px !important;
}

.filter__section.datepickernovo_wrap thead th:nth-of-type(2) .btn-default {
  min-width: 120px !important;
}

.filter__section .datepickernovo_wrap td.ng-scope .btn-default {
  width: 20px !important;
}

#container .datepickernovo_wrap .datepicker .btn-default,
#container .datepickernovo_uni .datepicker .btn-default {
  text-shadow: none !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #535353;
  font-size: 11px !important;
  text-align: center;
  font-weight: 300;
  border-radius: 0px;
  border: none;
}

#container .datepickernovo_wrap .datepicker .btn-default:hover,
#container .datepickernovo_wrap .datepicker .btn-default:active,
#container .datepickernovo_wrap .datepicker .btn-default:focus,
#container .datepickernovo_uni .datepicker .btn-default:hover,
#container .datepickernovo_uni .datepicker .btn-default:active,
#container .datepickernovo_uni .datepicker .btn-default:focus {
  color: #fff !important;
  background-color: #a4cc00 !important;
  font-size: 11px !important;
}

#container .datepickernovo_wrap .datepicker .btn-primary,
#container .datepickernovo_uni .datepicker .btn-primary {
  color: #ffffff !important;
  background-color: #a4cc00 !important;
  border-color: #a4cc00 !important;
  font-size: 11px !important;
}

#container .datepickernovo_wrap .datepicker .btn-today,
#container .datepickernovo_uni .datepicker .btn-today {
  background-color: #96b032 !important;
  color: #fff !important;
  font-size: 11px !important;
}

.col-date .datepickernovo_wrap .datepickernovo {
  width: 75% !important;
}

#container .datepickernovo_wrap .datepickernovo {
  width: 49%;
}

#container .datepickernovo_wrap .datepickernovo_wrap {
  display: inline-block;
}

#container .datepickernovo_wrap .datepickernovo:first-of-type {
  float: left;
}

#container .datepickernovo_wrap .datepickernovo:last-of-type {
  float: right;
}

/* NOVO TIMEPICKER*/
#container .datepickernovo_wrap .timepicker,
#container .datepickernovo_uni .timepicker {
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-top: 10px !important;
  width: 90px !important;
  height: 185px !important;
  font-size: 12px !important;
}

#container .datepickernovo_wrap .timepicker i,
#container .datepickernovo_uni .timepicker i {
  font-size: 11px !important;
}

#container .datepickernovo_wrap .timepicker .btn-default,
#container .datepickernovo_uni .timepicker .btn-default {
  text-shadow: none !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #96b032;
  box-shadow: none !important;
  color: #535353;
  font-size: 12px !important;
  text-align: center;
  font-weight: 300;
  border-radius: 0px;
}

#container .datepickernovo_wrap .timepicker .btn-default:hover,
#container .datepickernovo_wrap .timepicker .btn-default:active,
#container .datepickernovo_wrap .timepicker .btn-default:focus,
#container .datepickernovo_uni .timepicker .btn-default:hover,
#container .datepickernovo_uni .timepicker .btn-default:active,
#container .datepickernovo_uni .timepicker .btn-default:focus {
  color: #fff !important;
  background-color: #a4cc00 !important;
  padding: 0px !important;
  font-size: 12px !important;
}

#container .datepickernovo_wrap .timepicker .input-group-addon,
#container .datepickernovo_uni .timepicker .input-group-addon {
  border-radius: 0px;
  background: #fff;
}

/*CSS NOVO DATEPICKER*/
/*ANIMAÇÕES ICONES ABRE/FECHA/MAIS/MENOS*/
.hpainelEventos.toggled .fa-chevron-down,
.hpainelEventosform.toggled .fa-chevron-down,
.novoCadastro.toggled .fa-chevron-down,
.rowFluxoPlanej.toggled img:first-of-type,
.filter-bar.toggled .fa-chevron-down,
.sumsHoriz.toggled .fa-chevron-down {
  display: none;
}

.hpainelEventos.toggled .fa-chevron-right,
.hpainelEventosform.toggled .fa-chevron-right,
.novoCadastro.toggled .fa-chevron-right,
.rowFluxoPlanej.toggled img:last-of-type,
.filter-bar.toggled .fa-chevron-right,
.sumsHoriz.toggled .fa-chevron-right {
  display: inline-block;
}

.hpainelEventos .fa-chevron-right,
.hpainelEventosform .fa-chevron-right,
.novoCadastro .fa-chevron-right,
.rowFluxoPlanej img:last-of-type,
.filter-bar .fa-chevron-right,
.sumsHoriz .fa-chevron-right {
  display: none;
}

.sumsHoriz.toggled .hiddenToggle {
  display: inline-block !important;
}

.collapse-trigger .show-when-collapsed {
  display: none;
}

.collapse-trigger.collapsed .show-when-collapsed {
  display: inline-block;
}

.collapse-trigger .show-when-open {
  display: inline-block;
}

.collapse-trigger.collapsed .show-when-open {
  display: none;
}

.hideShow.toggled .show-when-collapsed {
  display: none;
}

.hideShow.toggled .show-when-open {
  display: inline-block;
}

.hideShow .show-when-open {
  display: none;
}

/*should be in page-model.css but it doesnt exist in this branch yet*/
.main-content_row-1 {
  height: 22px;
  display: flex;
  flex: auto;
  justify-content: space-between;
}

.no-margin-top {
  margin-top: 0 !important;
}

.main-content__title {
  font-size: 14px;
  color: #292d2c;
  font-weight: 600;
  margin: 0;
}

.change-page-model {
  padding: 20px;
  margin-top: 0 !important;
}

.change-page-model .results-bar {
  margin: 10px 0 20px !important;
}

.change-page-model .main-content_row-1 .hideBarraNovaSmall {
  top: 5px !important;
}

/*ANIMAÇÕES ICONES ABRE/FECHA/MAIS/MENOS*/
/*PREFERENCIAS*/
/*ALTERAR SENHA*/
.formAlterarSenha .input-group-addon {
  background-color: #fff;
  color: #787878 !important;
  font-size: 14px;
  border: none;
  border-radius: 0px;
  font-weight: 600;
  width: 35px !important;
  border: solid 1px #ccc;
  border-right: none !important;
}

.formAlterarSenha .col-md-3 .input-group {
  width: 100%;
}

.formAlterarSenha .espNova .input-group-addon {
  color: #a4cc00 !important;
}

/*ALTERAR SENHA*/
/*PREFERENCIAS*/
/*FIM ITENS GERAIS PRO SISTEMA*/
/*MODULO ÁREA*/

/*TELA HOME - AREA*/
.buscaTopo {
  float: left;
  max-width: 429px;
  margin-left: 100px;
}

.buscaTopo input {
  height: 50px;
}

/*TELA HOME - AREA*/
/*TELA visualizar - AREA*/
#wrapMap {
  width: 100%;
  height: calc(100% - 0);
  position: absolute;
  right: 0;
  top: 48px;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

#wrapMapDivido {
  width: 53.5%;
  height: calc(100% - 0);
  position: absolute;
  left: 0;
  top: 48px;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.plotagemAreaWrap #conteudoDividoP .titulosPagina {
  text-align: left !important;
  padding-left: 15px !important;
  padding-right: 5px !important;
  display: inline-block;
}

.plotagemAreaWrap .headerMap h2 {
  display: inline-block;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 10px;
}

.plotagemAreaWrap .headerMap .topoBotoes {
  display: inline-block;
  position: relative;
  top: -4px;
  right: auto;
  float: inherit;
  border-left: solid 1px #ccc;
  padding-left: 20px;
}

.plotagemAreaWrap .headerMap .topoBotoes .btnFiltrar {
  background-color: #95a5a6;
  border-radius: 10px;
}

.headerMap {
  background-color: #fff;
  width: 100%;
  height: 50px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.headerMap h2 {
  text-align: left;
  margin-left: -35px;
}

.totalCarros {
  background-color: #7f8c8d;
  width: 100%;
  height: 69px;
  color: #fff;
  font-size: 130%;
  text-align: center;
  border: solid 1px #7f8c8d;
  border-bottom-left-radius: 5%;
  border-bottom-right-radius: 5%;
}

.totalCarros p {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 17px;
}

.shapeTotalCarros {
  width: 0;
  height: 0;
  border-right: 20px solid transparent;
  border-left: 5px solid transparent;
  border-top: 20px solid #7f8c8d;
  position: relative;
  top: -3px;
  left: -5px;
}

.totalNumero {
  font-size: 160%;
  font-weight: 400;
  margin-left: 13px;
}

.totalCarros i {
  font-size: 38px;
}

.linkDefault {
  color: #b6d054;
  font-size: 14px;
  padding-left: 5px;
  text-decoration: none;
  text-shadow: none;
}

#container .popoverPlotagem div[data-clear] {
  left: 185px;
  top: -35px;
}

.popoverPlotagem .btn {
  margin-bottom: 20px;
}

#container .popoverPlotagem .btn-cinzaEscuro {
  margin-top: 0px;
}

/*TELA visualizar - AREA*/
/*TELA detalhamento - AREA*/
#conteudoDivido {
  width: calc(46.5% - 54px);
  position: absolute;
  right: 0;
  top: 102px;
  bottom: 0;
  padding-left: 5px;
  overflow-x: hidden;
  border-top: solid 1px #bdc3c7;
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#container.toggled #conteudoDivido {
  width: 50%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.divididoverde {
  height: 100%;
  background-color: #ededed;
}

.divididoverde li {
  list-style: none;
}

.divididovermelho {
  min-height: 50%;
  background-color: #ededed;
}

#conteudoDivido .row {
  padding-top: 75px;
  padding-left: 30px;
}

#conteudoDividoP .row {
  padding-top: 35px;
}

#conteudoDivido .rowCinza {
  padding-top: 75px;
  padding-left: 30px;
  background-color: #ededed;
}

#conteudoDividoP .rowCinza {
  background-color: #ededed;
}

#container .plotagemAreaWrap .azulBox {
  background-color: #7f8c8d;
  border: solid 1px #7f8c8d;
  color: #fff;
  border-radius: 5px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 90%;
  font-weight: 400;
  width: 135px;
  display: inline-block;
  padding-right: 7px;
  padding-left: 0px;
  overflow: hidden;
  height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#container .azulBox {
  background-color: #7f8c8d;
  border: solid 1px #7f8c8d;
  color: #fff;
  border-radius: 5px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 100%;
  font-weight: 400;
  min-width: 95px;
  display: inline-block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#container .azulBox i {
  color: #fff !important;
  font-size: 95% !important;
  vertical-align: middle;
}

.divididoverde span,
.divididoverde i,
.averde span,
.averde i,
.avermelho span,
.avermelho i {
  color: #798586;
  font-size: 95%;
  font-weight: 600;
  padding-left: 8px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  vertical-align: middle;
}

.divididovermelho span,
.divididovermelho i,
.averde span,
.averde i,
.avermelho span,
.avermelho i {
  color: #798586;
  font-size: 120%;
  font-weight: 600;
  padding-left: 8px;
}

#conteudoDivido p {
  margin-bottom: 30px;
}

#container .btnFiltrar {
  border-radius: 0px;
  width: 129px;
  height: 40px;
  color: #fff;
  font-weight: 300;
  margin-right: 50px;
  line-height: 25px;
}

.topoBotoes {
  position: relative;
  top: 15px;
  right: 32px;
  float: right;
}

.topoBotoes .fa-map-marker,
.topoBotoesRight .fa-map-marker {
  font-size: 180%;
  color: #a4cc00;
  vertical-align: middle;
}

.popover .inputSearch {
  width: 90%;
  margin-left: 5%;
}

.ppTitulo {
  font-size: 105%;
  padding-left: 17px;
  text-shadow: none !important;
}

.popover .btnMedio {
  margin-right: -20px;
  margin-top: 0px;
  margin-right: 14px;
}

.popover .btnXPq {
  margin-top: 0px !important;
  margin-right: 22px !important;
  margin-bottom: 10px;
}

.popover-content {
  min-height: 260px;
}

#Scroll {
  overflow-y: scroll;
  height: 500px;
}

#wrapMapDividoG {
  width: 75%;
  height: calc(100% - 40px);
  position: absolute;
  left: 40px;
  top: 123px;
  bottom: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#conteudoDividoP {
  /*border-top: solid 1px #bdc3c7;*/
  background-color: #ededed;
  padding-bottom: 20px;
  position: absolute;
  top: 123px;
  right: 0;
  width: 25%;
  bottom: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  overflow-x: hidden;
  z-index: 999;
}

#conteudoDividoP .colunaCarros {
  width: 93%;
  padding-left: 35px;
}

#conteudoDividoP .colunaCarros p {
  background-color: #fff;
  border-radius: 10px;
  max-width: 260px;
}

/*TELA detalhamento - AREA*/
/*TELA criar mapa - AREA*/
[data-id='conteudoDividoCriar'] {
  background-color: #fff;
  padding-bottom: 20px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  overflow-x: hidden;
  width: 604px;
  padding-left: 15px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-left: 0px;
}

[data-id='conteudoDividoCriar'] form {
  width: 95%;
  margin-left: 2.5%;
  color: #fff !important;
}

[data-id='conteudoDividoCriar'] label:first-child {
  margin-top: 0px;
}

[data-id='conteudoDividoCriar'] h4 {
  margin-left: 2.5%;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
}

#container [data-id='conteudoDividoCriar'] .btnXG {
  width: 165px !important;
}

#wrapMapDividoCriar {
  width: calc(100% - 604px);
  height: calc(100% - 0);
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.opcoesCores {
  width: 55%;
  margin-top: 0px;
}

.opcoesCores .carea {
  display: block;
  margin-top: 10px;
  cursor: pointer !important;
}

.cor-semLinha .radioCheckbox .checkbox {
  margin-top: unset !important;
}

.opcoesCores .row,
.cor-semLinha .row {
  margin-left: 0px !important;
}

.opcoesCores .col-md-1 {
  width: 17px;
  height: 17px;
  margin-right: 5px;
  margin-bottom: 10px;
  padding: 0px;
}

.opcoesCores .col-md-1:hover,
.opcoesCores .col-md-1:active,
.opcoesCores .col-md-1.active,
.opcoesCores .col-md-1:focus {
  outline: 4px #bdc3c7 solid;
}

.checkGaragem {
  margin-top: -10px;
  /* margin-left: -15px;*/
}

.controlesMapa .col-md-1:hover,
.controlesMapa .col-md-1:active,
.controlesMapa .col-md-1.active,
.controlesMapa .col-md-1:focus {
  outline: 4px #bdc3c7 solid;
}

.coresTrajeto .opcoesCores {
  width: 100% !important;
}

.coresTrajeto .pull-right {
  width: 40%;
}

.coresTrajeto .pull-left {
  width: 59%;
}

.coresTrajeto .opcoesCores button.cor-linha {
  padding: 0;
  border: none !important;
  width: 25px;
  height: 15px;
  width: 15px;
}

.cor-semLinha .checkbox label:before,
.classAuto .checkbox label:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 3px;
  background-color: #f8f8f8;
  border: none !important;
  padding-top: 3px;
  font-size: 11px !important;
  margin-top: 6px;
}

.coresTrajeto .opcoesCores button.cor-linha:focus {
  outline: none;
}

.situacaoWell {
  width: 100%;
  padding: 10px;
  background-color: #f2f2f2;
  color: #535353;
}

.situacaoWell .radioCheckbox {
  margin-top: -20px;
  /*margin-left: -15px;*/
}

.textInativo {
  background-color: #fff;
  border: solid 1px #ccc;
  padding: 10px;
  font-size: 13px;
  width: 90%;
  margin-left: 15px;
}

.clean {
  position: relative;
  top: 48px;
  float: right;
  right: 30px;
}

.itensMapa {
  position: absolute;
  top: 42px;
  width: 65%;
  margin-left: 12%;
  padding-left: 10px;
  padding-right: 10px;
}

.itensMapa input {
  height: 50px;
  max-width: 430px;
}

.controlesMapa {
  margin-left: -10px;
}

.controlesMapa .col-md-1 {
  width: 50px;
  height: 50px;
  margin-left: 15px;
  background-color: #fff;
  outline: solid 1px #bdc3c7;
  text-align: center !important;
}

.controlesMapa .row {
  margin-bottom: 20px;
}

.controlesMapa .fa {
  font-size: 180%;
  text-align: center;
  line-height: 50px;
  color: #869b09;
  text-decoration: none;
}

.controlesMapa .fa-arrows {
  position: absolute;
  left: 13px;
}

/*TELA criar mapa - AREA*/
/*TELA criar grupo*/
h4 span {
  text-shadow: none;
}

.areasAdd {
  margin-top: 35px;
  width: 100%;
  padding: 10px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  margin-bottom: 25px;
}

.areasAdd p {
  border-bottom: solid 1px #ccc;
}

.areasAdd p:last-child {
  border: none;
}

.areasAdd a:hover,
a:active,
a:focus {
  color: #869b09;
  text-decoration: underline;
  color: #869b09;
}

/*TELA criar grupo*/

/*TELA planejamento area*/
.bordac {
  border-bottom: solid 1px #ccc;
  height: 1px;
  margin-top: 1px;
  width: 95%;
  margin-left: 2.5%;
}

#abaDados {
  width: 95%;
  margin-left: 2.5%;
}

.nav-tabs .unskew {
  transform: skewx(10deg);
}

.panel-body #d2 {
  padding: 10px;
  width: 95%;
  margin-left: 2.5%;
  margin-top: 10px;
  font-size: 100%;
  padding-left: 0px;
}

#d2 .bordacontent {
  padding: 10px;
  font-size: 100%;
  border: solid 1px #ccc;
  margin-top: 10px;
}

#d2 .bordacontent .dropdown {
  width: 376px;
}

.panel-body p {
  background-color: #bdc3c7;
  color: #535353;
  text-align: center;
  width: 40px;
  height: 40px;
  font-weight: 600;
  float: left;
  margin-left: -15px;
  margin-top: -10px;
}

.tab-content {
  margin-top: -20px;
}

.outroBox {
  display: none;
  max-width: 500px;
  padding-top: 10px;
  height: 70px;
  background: #ecf0f1;
  margin-top: 20px;
  line-height: 50px;
  margin-bottom: -8px;
  font-size: 95%;
}

.boxhoraData {
  background-color: #ecf0f1;
  max-width: 500px;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 18px;
  font-size: 95%;
}

.boxCarros {
  width: 519px;
}

.boxCarrosWrap {
  width: 95%;
  margin-left: 2.5%;
}

.boxCarros .col-md-4 {
  background-color: #ecf0f1;
  width: 31%;
  padding-top: 10px;
  margin-right: 2px;
  height: 130px;
}

.boxCarros .col-md-4 .inputBus {
  width: 80%;
}

.boxCarros span {
  font-size: 105%;
  text-align: left;
}

.inputBus .input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  background-color: #fff;
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border-right: 0px;
  border-radius: 0px;
}

.addArea {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 100%;
  margin-top: 25px;
  padding: 15px;
  text-align: center;
}

.bordaSection {
  border-bottom: solid 1px #ccc;
}

.topoSearch .inputSearch {
  width: 350px;
}

.planej h4 {
  margin-left: 2.5%;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
}

#conteudoDivido .boxCarros .row {
  padding-top: 2px;
  padding-left: 15px;
}

.topoSearch {
  margin-top: 4.5px;
  float: right;
}

#container .boxhoraData .timePicker {
  margin-bottom: -20px;
}

.boxhoraData .col-sm-2 {
  width: 27.666667%;
}

.boxhoraData .col-sm-10 {
  width: 68.333333%;
}

#conteudoDivido #d1 .row {
  padding-top: 10px;
  padding-bottom: 30px;
  padding-left: 0px;
}

#d1 .opcoesCores {
  margin-top: 20px;
}

#d1 .bordacontent {
  padding-top: 20px;
}

.combobox {
  padding-top: 35px;
}

#conteudoDivido .panel-body p {
  margin-bottom: 0px;
}

.panel-body #d1 {
  width: 95%;
  margin-left: 2.5%;
}

.boxhoraData .close {
  margin-right: 8px;
  margin-top: -6px;
}

/*TELA CARROS*/
#noData {
  background-color: #ecf0f1;
}

#noData p {
  font-size: 20px;
  display: block;
  margin-top: 240px;
  text-align: left;
  margin-left: 40px;
}

.averde {
  background-color: #ededed;
  height: 515px;
  overflow-y: scroll;
  padding-top: 5px;
}

.areasCarros .averde::-webkit-scrollbar {
  width: 0 !important;
  display: none;
}

/*retira barra de rolagem*/
.areasCarros {
  width: 95%;
  margin-left: 2.5%;
  height: 98%;
  margin-top: -5px;
}

/*BT CONSULTAR VEICULOS*/
#btConsultarVeiculos {
  height: 50px;
  margin-top: -50px;
  display: inline-block;
  position: relative;
  left: 320px;
  margin-left: 20px;
}

/*TELA FROTA*/
.areasCarros_frota .averde::-webkit-scrollbar {
  width: 0 !important;
  display: none;
}

/*retira barra de rolagem*/
.areasCarros_frota .averde {
  height: 540px;
}

.areasCarros_frota .row {
  margin-top: 10px;
}

.areasCarros_frota .shapeTotalCarros {
  border-top: 12px solid #7f8c8d;
  position: absolute;
  top: 13%;
  left: 11%;
}

.areasCarros_frota {
  width: 99%;
  margin-left: 5px !important;
  height: 98%;
  margin-top: -5px;
  overflow-x: hidden;
}

.areasCarros_frota .col-md-1 {
  height: 635px;
  width: 12.5%;
}

.areasCarros_frota .tituloCarros_f h4 {
  color: #fff !important;
  font-size: 13px;
  text-align: left;
  line-height: normal;
  font-weight: 400;
  height: 37px;
  width: 99%;
  overflow: hidden;
  white-space: inherit;
  word-wrap: break-word;
  margin-bottom: 5px;
}

.areasCarros_frota .tituloCarros_f {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  background-color: #7f8c8d;
  padding-left: 8px;
  clear: both;
  padding-bottom: 6px;
  height: 85px;
}

.areasCarros_frota .azulBox {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 6px;
  font-size: 10px !important;
  min-width: 60px !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-left: -26px;
  font-size: 10.5px !important;
}

.areasCarros_frota .conteudoverde {
  padding-left: 0px !important;
}

.areasCarros_frota .conteudoverde .minClock {
  font-size: 10.5px !important;
  margin-left: -8px;
}

.areasCarros_frota .conteudoverde .fa-clock-o {
  font-size: 10.5px !important;
  margin-left: -9px;
}

.areasCarros_frota .averde p {
  margin-bottom: 8px !important;
}

.areasCarros_frota .nCarros {
  width: 100%;
  margin-left: 0px;
  padding-left: 0px;
  font-size: 160%;
}

.areasCarros_frota .nCarros i {
  padding-right: 10px;
}

.areasCarros_frota .igni {
  position: relative;
  top: -13px;
  font-size: 9px;
  left: -14px;
}

.conteudoverde p:first-child {
  margin-top: 0px;
}

.iOn i {
  color: #adc80a !important;
  text-shadow: 2px 0px 0px #7f8c8d;
}

.iOff i {
  color: #afafaf !important;
  text-shadow: 2px 0px 0px #7f8c8d;
}

.frotabtn {
  margin-right: 0px !important;
}

.opcTparado {
  border: solid 1px #ccc;
  padding: 3px;
  width: 250px;
  margin-top: -15px;
  margin-bottom: 5px;
}

.opcTparado label {
  font-size: 12px !important;
}

.opcTparado .radioCheckbox {
  margin-left: -10px;
}

.opcTparado .form-group {
  margin-bottom: 0px !important;
}

.opcTparado span {
  color: #798586 !important;
  font-size: 11.5px;
  font-weight: 400;
}

#btConsultarVeiculos {
  height: 50px;
  margin-top: -50px;
  display: inline-block;
  position: relative;
  left: 320px;
  margin-left: 20px;
}

/* TELA FROTA*/
.areasCarros .col-md-1 {
  height: 635px;
  width: 25%;
}

.averde p {
  margin-bottom: 25px;
}

.conteudoverde {
  width: 100%;
  padding-left: 10%;
  height: 550px;
  padding-top: 15px;
}

.tituloCarros {
  width: 100%;
  display: inline-block;
  font-size: 20px;
  color: #535353;
  background-color: #f5f5f5;
  outline: solid 1px #ccc;
  border-top: 0px;
  padding-left: 13px;
  padding-top: 5px;
  border-bottom: 2px solid #dadedf;
  clear: both;
  padding-bottom: 6px;
  min-height: 125px;
}

.tituloCarros h4 {
  color: #535353;
  font-size: 18px;
  text-align: left;
  line-height: normal;
  font-weight: 400;
}

.nomeArea {
  width: 64%;
  display: inline-block;
  padding: 10px;
  font-weight: 600;
}

.numeroCarros {
  width: 36%;
  display: inline-block;
  float: right;
  font-size: 24px;
  border-left: solid 1px #ccc;
  height: 100px;
}

.numeroCarros i {
  color: #535353;
  text-shadow: 0px;
  font-size: 32px;
  margin-right: 10%;
  margin-left: 20%;
  margin-top: 23%;
}

/*TELA CARROS*/
/*TELA DASHBOARD*/
.dashboard {
  width: 95%;
  margin-left: 2.5%;
  padding-top: 5px;
}

.dashboard .col-md-1 {
  width: 23%;
  margin-left: 1.6%;
}

.dashboard .col-md-4 {
  width: 23%;
  margin-left: 7.8%;
}

.dashboard .table {
  background-color: #fff;
  font-size: 110%;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-top: solid 1px #ccc;
  border-bottom: 2px solid #dadedf;
  width: 99%;
  margin-left: 0.45%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.dashboard .table .fa-bus,
.dashboard .table .fa-clock-o {
  font-size: 250%;
  color: #a2a8a8;
  /*margin-top: 30px;*/
}

.dashboard .table td {
  padding-left: 8px;
  padding-top: 7px;
  text-align: center;
}

.dashboard .table tr {
  margin-bottom: 2px;
}

.dashboard .tituloapendice {
  /*height: 95px;*/
  /*background-color: #f5f5f5;*/
  border: solid 1px #ccc;
  border-top: 0px;
  padding-left: 10px;
  padding-top: 5px;
  border-bottom: 2px solid #dadedf;
}

.dashboard .tituloapendice h4 {
  color: #535353;
  /*font-size: 15px;*/
  font-size: 12px;
  text-align: left;
  line-height: normal;
  font-weight: 400;
  width: 100%;
}

.dashboard .tituloapendice h4 span {
  min-width: 70px;
  max-width: 90px;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
}

.dashboard .tituloapendice a {
  /*  width: 7%;
    position: absolute;
    right: 20px;
    top: 20px;*/
  font-size: 200%;
  color: #a2a8a8;
}

.dashboard .tituloapendice .fa-map-marker {
  color: #a2a8a8;
}

.dashboard .tituloapendice .fa-circle {
  color: #afca0a;
  font-size: 130%;
  /* width: 7%; */
  position: absolute;
  right: 30px;
  top: 20;
  vertical-align: top;
}

.dashboard .tituloapendice .fa-warning {
  color: #d53a3c;
  font-size: 130%;
  /*width: 7%;*/
  position: absolute;
  right: 30px;
  top: 20px;
  vertical-align: top;
}

.dashboard .verdeok {
  background-color: #afca0a;
  color: #fff !important;
  /*border-radius: 10px;*/
}

.dashboard .grande {
  font-size: 300%;
  font-weight: 600;
}

.dashboard .medio {
  font-size: 130%;
  font-weight: 600;
  text-align: right;
}

.dashboard .vermelhook {
  background-color: #d53a3c;
  color: #fff !important;
  /*border-radius: 10px;*/
}

.dashboard .row {
  height: 50%;
}

.dashboard .tdRealizado td {
  background-color: #7f8c8d;
  color: #fff !important;
  text-align: center;
}

.dashboard .tdBgCinza {
  background: #ededed;
  vertical-align: middle;
}

.realizado,
.planejado {
  margin-top: 13px;
}

.semplj {
  width: 40%;
}

/*TELA DASHBOARD*/
/*TELA RELATORIO*/
.titulosPagina span {
  font-size: 80%;
  padding-left: 0px;
}

.relatorioHeader {
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  background-color: #ecf0f1;
  padding-right: 5px;
}

.relatorioHeader .select2-container {
  width: 95%;
}

.relatorioHeader .btn-novo {
  font-weight: 600;
  text-shadow: none !important;
  height: 40px !important;
  font-size: 14px !important;
}

.relatorioHeader .formularios {
  padding-top: 10px;
  padding: 10px;
  width: 99%;
  margin-left: 0.5%;
}

.relatorioHeader .col-md-1 {
  width: 25%;
}

.relatorioDeslocamento .col-md-1 {
  width: 24%;
}

.relatorioHeader .nomeGrupo .inputSearch {
  width: 98%;
}

.relatorioHeader .datetimepicker .inputFaixadata {
  width: 98%;
}

.relatorioHeader .timePicker .inputTime {
  width: 98%;
}

.relatorioHeader .nomeEmpresas .inputSearch {
  width: 98%;
}

.relatorioHeader .nomeCarros .inputSearch {
  width: 98%;
}

.relatorioHeader .nomeDuracao .combobox,
.relatorioHeader .nomePercorrido .combobox {
  display: inline-block;
  padding-top: 0px;
}

.relatorioHeader .nomeDuracao .combobox .dropdown,
.relatorioHeader .nomePercorrido .combobox .dropdown {
  width: 95%;
}

.relatorioHeader .inputminutos {
  height: 50px;
  display: inline-block;
  width: 60px;
  margin-top: 0px;
  float: right;
}

.relatorioHeader .nomeDuracao input,
.relatorioHeader .nomePercorrido input {
  display: inline-block;
  width: 60px;
  height: 42px;
}

.relatorioHeader .nomeDuracao .dropdown,
.relatorioHeader .nomePercorrido .dropdown {
  width: 100%;
}

.relatorioHeader .nomeDuracao .dropdown span,
.relatorioHeader .nomeDuracao .dropdown li,
.relatorioHeader .nomePercorrido .dropdown span,
.relatorioHeader .nomePercorrido .dropdown li {
  font-size: 13px;
}

/*.relatorioHeader .nCarros {
  width: 19%;
}*/
/*.relatorioHeader .nomeDuracao{
  margin-left: 19px;
}*/
.duracaoDiv .combobox {
  width: 65%;
  display: inline-block;
}

.duracaoDiv .combobox select {
  min-width: 50px;
  width: 100%;
}

.duracaoDiv .inputminutos {
  width: 33%;
  display: inline-block;
}

.duracaoDiv .inputminutos input {
  width: 100%;
}

.totalizadorDeslocamentoArea .col-md-4:first-of-type {
  width: auto;
  max-width: 33.3%;
}

.totalizadorDeslocamentoArea .areaOrigemDestino {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  color: #535353;
  font-size: 160%;
  line-height: 25px;
  display: inline-block;
}

.totalizadorDeslocamentoArea .fa-long-arrow-right {
  font-size: 250%;
  color: #bfbfbf;
  display: inline-block;
  vertical-align: top;
  padding-top: 8px;
  margin-right: 10px;
}

.totalizadorDeslocamentoArea .fa-map-marker {
  color: #b7d02b;
}

.totalizadorDeslocamentoArea .fa-clock-o {
  color: #ffba00;
}

.totalizadorDeslocamentoArea .fa-location-arrow {
  color: #3498db;
}

.block-tot {
  display: inline-block;
  display: inline-block;
  border-right: solid 1px #ccc;
  margin-right: 10px;
  padding-right: 15px;
}

.totalizadorDeslocamentoArea .col-md-4 .block-tot:last-of-type {
  padding-left: 15px;
  border: none;
}

.totalizadorDeslocamentoArea .areaOrigemDestino span {
  text-transform: lowercase;
  color: #bfbfbf;
  font-size: 80%;
}

.tDeslocamento td{
  width: 16.6%;
}

.tPermanenciaArea td {
  width: 0%;
}

.tDeslocamentoBody,
.tPermanenciaAreaBody {
  max-height: 500px !important;
}

.topoBotoesRight {
  position: relative;
  float: right;
  top: 4.5px;
  right: -30px;
}

.relatorioHeader .btnNormal {
  margin-top: -20px;
  position: absolute;
  right: 8px;
}

.headerMapRelatorio {
  background-color: #fff;
  width: 100%;
  padding-left: 5px;
  padding-top: 5px;
  display: none;
}

.headerMapRelatorio h2 {
  text-align: left;
  margin-top: 0px;
  margin-left: -22px;
  margin-bottom: 0px;
}

.resultadosFiltro {
  width: 100%;
  display: inline-block;
  margin-top: 26px;
  padding-left: 10px;
  padding-top: 15px;
  border-top: solid 1px #ccc;
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
}

.resultadosFiltro p {
  padding: 5px;
  background-color: #f9fafb;
  border: solid 1px #ccc;
  display: inline-block;
  cursor: pointer;
  font-size: 95%;
}

.resultadosFiltro p .close {
  margin-left: 10px;
  font-size: 12px;
}

.resultadosFiltro div {
  display: inline-block;
}

/* Scrollbar */
.resultadosFiltro::-webkit-scrollbar {
  height: 10px;
  width: 8px;
}

/* Track */
.resultadosFiltro::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* Handle */
.resultadosFiltro::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(194, 194, 194, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
}

.resultadosFiltro::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(194, 194, 194, 0.4);
}

.resultadosFiltro::-webkit-scrollbar-thumb:hover {
  background: rgba(126, 126, 126, 0.8);
}

/* Scrollbar */
.labelFiltro {
  background: #adc94a;
  text-transform: uppercase;
  color: #fff;
  font-size: 11px;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  display: inline-block;
  margin-bottom: 5px;
}

.tabelaRelatorio {
  width: 75%;
  margin-top: 10px;
  margin-left: 12.5%;
}

.tituloRelatorio {
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 15px;
  min-height: 66px;
}

.tituloRelatorio span {
  font-size: 14px;
  font-style: italic;
}

.botoesArquivo {
  float: right;
}

.resumidoDados,
.resumidoDadosSide {
  margin-top: 10px;
}

.resumidoDados p {
  padding-top: 5px;
  font-size: 120%;
  text-align: center;
}

.resumidoDadosSide p {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #f9fafb;
  border: solid 1px #ccc;
  display: inline-block;
  font-size: 110%;
  text-align: center;
}

.colunaresumo .col-md-8 {
  width: 60%;
}

.colunaresumo .col-md-4 {
  width: 40%;
}

.colunaresumo h4 {
  padding-left: 15px;
}

.col-md-4 .wrapright {
  float: right;
}

.resumidoDados .fa-bus,
.resumidoDados .fa-clock-o,
.resumidoDados .fa-road {
  font-size: 32px;
}

.resumidoDados span,
.resumidoDadosSide span {
  margin-left: 10px;
  font-size: 120%;
}

.tabelaRelatorio .table {
  width: 100%;
  text-align: left;
  margin-top: 10px;
}

.tabelaRelatorio .trCinza {
  background-color: #f9fafb;
  font-weight: 600;
}

.tabelaRelatorio .tdNumero {
  background-color: #d2dadb;
}

.headerMenor {
  height: 232px;
}

#container #example_filter {
  display: none;
}

.trCinza i {
  color: #a4cc00;
  font-style: 10px;
}

/*TELA RELATORIO*/
/*TELA RELATORIO PDF*/
.logorelatorio {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 45px;
}

.logorelatorio img {
  width: 280px;
  height: 58px;
}

.labels_pdf {
  font-size: 17px;
  font-weight: 300;
  text-align: left;
  line-height: normal;
  padding-left: 10px;
}

.tituloRelatoriopdf {
  background-color: #f9fafb;
  padding-top: 10px;
  padding-bottom: 5px;
  border: solid 1px #ccc;
  border-left: solid 4px #aec90b;
  border-right: solid 4px #aec90b;
}

.tabelaRelatorio h2 {
  text-align: left !important;
  padding-left: 0px;
}

.tituloRelatoriopdf span {
  font-size: 18px;
}

.help-n {
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
  padding: 0px;
  font-size: 14px !important;
}

/*TELA RELATORIO PDF*/
/* ACERTOS POS HOMOLOGAÇÃO*/
.pstopo1 {
  top: 102px !important;
}

.pstopo2 {
  top: 54px !important;
}

.selectarea {
  border-bottom: 1px solid #ccc;
  line-height: 40px;
}

.selectarea:last-child {
  border: none;
}

.excluirarea {
  /*color: #869b09;*/
  text-decoration: none;
  font-size: 14px;
  padding-right: 22px;
}

.excluirarea:hover,
.excluirarea:focus {
  text-decoration: underline;
  color: #869b09;
}

.excluirPonto {
  float: right;
  margin-top: -39px;
  cursor: pointer;
  margin-right: -11px;
}

.inputMapa {
  margin-left: 82px;
  height: 50px !important;
}

.popover-content .select2-container {
  width: 257px;
}

#container #d1 .panel-body,
#container #d2 .panel-body {
  margin-bottom: -75px !important;
}

#container .combobox select {
  border-radius: 0px !important;
  -webkit-appearance: none;
  padding-left: 5px;
  color: #999;
  outline: none;
  border: 1px solid #ddd;
}

#container .combobox-satus select {
  margin-top: 0;
}

.editarp {
  margin-top: -10px;
  margin-bottom: 10px;
}

.apagarLinha {
  text-shadow: none !important;
  font-size: 14px;
  color: #869b09;
  text-decoration: none;
}

/* ACERTOS POS HOMOLOGAÇÃO*/
/*FIM MODULO ÁREA*/

/*MODULO VIAGEM*/
/* MODULO CADASTRO LINHA/PONTO*/
.configLinha {
  padding: 5px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  padding-left: 10px;
  padding-bottom: 10px;
}

.plabel {
  font-weight: 300;
  font-size: 110%;
  padding-left: 0px !important;
}

.plabel2 {
  font-weight: 300;
  font-size: 100%;
  padding-left: 0px !important;
}

.sublabel {
  padding-left: 0px !important;
  border-bottom: solid 1px #ccc;
  font-size: 100%;
}

.configLinha label {
  font-size: 90%;
}

.wrapleg .leginline {
  display: inline-block;
  width: 50%;
  float: right;
  font-size: 85%;
  margin-top: -35px;
  padding-left: 5px;
}

.wrapleg input {
  width: 50%;
  font-size: 11px;
}

.wrapleg .stepper input {
  width: 60px !important;
}

.configLinha .combobox {
  padding-top: 5px;
}

.sentidocombo .combobox,
.pontouni .combobox {
  padding-top: 0px !important;
  display: inline-block;
}

.sentidocombo .dropdown {
  width: 50%;
  margin-top: -15px;
}

.pontouni h5 i {
  color: #23475e;
  font-size: 120%;
}

.configLinha .col-md-4 {
  width: 45%;
}

.configLinha .col-md-8 {
  width: 55%;
}

.trajetos {
  margin-bottom: 20px;
  margin-top: 10px;
}

.trajetos .clearfix {
  margin-top: 5px;
}

.trajetos .clearfix .filtroPreBusca button {
  padding-top: 5px;
  padding-bottom: 5px;
}

.trajetos .filtroTransmissoes {
  width: auto;
  margin-top: 5px;
  margin-bottom: 10px;
}

#container #kmtrajeto {
  width: 145px;
  font-size: 12px !important;
}

.btntriplo {
  width: 100%;
}

.cCancel {
  position: relative;
  top: 48px;
  float: right;
  right: 30px;
  cursor: pointer;
}

.incluirtraj {
  padding-left: 20px;
  font-size: 90%;
  cursor: pointer;
}

#corestraj {
  margin-top: 10px;
  margin-bottom: 10px;
}

.scrollPontos {
  height: 180px;
  overflow-y: scroll;
  border: solid 1px #ccc;
  padding: 10px;
  padding-left: 0px;
}

.scrollPontos .clearfix {
  height: 30px;
  padding-top: 5px !important;
}

.scrollPontos .pontouni .pull-left {
  position: relative;
  /*top: -10px;*/
  width: 50%;
}

.scrollPontos .pontouni .pull-left p {
  padding-top: 0px;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.scrollPontos .pontouni .no-padding {
  padding: 0 !important;
}

.scrollPontos .pontouni .pull-right {
  padding-right: 10px;
}

.scrollPontos .pontouni .pull-right .fa-info-circle {
  color: #869b09;
  padding-left: 5px;
  font-size: 14px;
  cursor: pointer;
}

.scrollPontos .fa-usd {
  box-shadow: none;
  border: none;
  color: #535b5d !important;
  font-size: 8.5px;
  position: relative;
  top: -2px !important;
  background: #7d8789;
  width: 12px;
  border-radius: 10px;
  height: 12px;
  cursor: pointer;
  padding-left: 4px;
  padding-top: 2px;
  margin-left: 4px;
}

.scrollPontos .fa-usd-ativo {
  background-color: #1bbc9b !important;
}

.pontouni .close {
  color: #999 !important;
}

.nPontos {
  background-color: #95a5a5;
  width: 18px;
  height: 18px;
  border-radius: 40px;
  color: #fff;
  font-size: 10px;
  padding: 3px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin-top: 5px;
  line-height: 13px;
  display: inline-block;
  margin-right: 4px;
}

.pontouniWrap {
  display: inline-block;
}

.setaOrdem {
  display: inline-block;
  vertical-align: top;
  padding-top: 0px;
  margin-right: -3px;
}

.setaOrdem button {
  display: block;
  width: 15px;
  height: 14px;
  background-color: #ecf0f1;
  border: 1px solid #ccc;
  color: #535353;
  font-size: 10px;
  font-weight: 600;
  padding: 5px;
  text-align: center;
  line-height: 5px;
  padding-top: 2px;
  font-size: 10px;
  padding-left: 4px;
  -webkit-box-shadow: inset 10px 10px 29px -15px rgba(204, 204, 204, 1);
  -moz-box-shadow: inset 10px 10px 29px -15px rgba(204, 204, 204, 1);
  box-shadow: inset 10px 10px 29px -15px rgba(204, 204, 204, 1);
}

.scrollIntegracao {
  border: solid 1px #ccc;
  padding: 10px;
  padding-bottom: 0px;
  display: none;
}

.btIntegracao {
  font-size: 85%;
  margin-left: 10px;
}

.scrollImagem {
  border: solid 1px #ccc;
  padding: 10px;
  padding-bottom: 0px;
}

.scrollImagem .custom-file-input2::after {
  top: -35px !important;
}

.pontouni {
  background-color: #fff;
  padding: 0px;
  border: solid 1px #ccc;
  padding-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  width: 320px;
  font-size: 11px;
  display: inline-block;
}

.integracaouni,
.imagemlocaluni {
  padding: 10px;
  padding-top: 5px;
  margin-bottom: 5px;
}

.pontouni p,
.integracaouni p,
.imagemlocal p {
  padding-left: 0px;
}

.pontouni .combobox {
  margin-top: -10px;
}

.inputpinter {
  margin-top: 0px !important;
  font-size: 100% !important;
}

.inputpinter i {
  color: #23475e;
  font-size: 140%;
  margin-right: 5px;
}

.inputpinter .fa-question-circle {
  color: #869b09 !important;
  font-size: 14px !important;
}

#btfull {
  width: 100%;
  display: block;
  border: solid 1px #ccc;
  padding: 10px;
  margin-top: 10px;
  text-align: center;
  background: #fff;
  color: #96b032;
  cursor: pointer;
}

#btfull i,
#bthalf i {
  font-size: 150%;
  color: #96b032;
}

.pontoFinal {
  margin-top: 15px;
  margin-bottom: 15px;
}

.pontoInicial .pontouni,
.pontoFinal .pontouni {
  margin-top: 15px;
}

.btGerarEditar .col-md-1 .editarp,
.cercagroup .col-md-1 .editarp {
  background: transparent;
  color: #b6d054;
  border: 0px !important;
  display: block;
  margin-top: 20px;
  font-size: 12px;
  font-weight: 400;
}

.btGerarEditar .col-md-1 .editarp:hover {
  background: transparent;
  color: #96b032;
  border: 0px !important;
  text-decoration: underline;
  cursor: pointer;
}

.btGerarEditar .col-md-1 .editarp i,
.cercagroup .col-md-1 .editarp i {
  border: solid 1px #b6d054;
  border-radius: 10px;
  padding: 4px;
  font-size: 12px;
  font-weight: 400;
}

.btGerarEditar .col-md-1:first-child {
  width: 155px;
}

.btGerarEditar .col-md-1:nth-child(2),
.btGerarEditar .col-md-1:nth-child(3) {
  width: 130px;
  margin-top: 15px;
}

.cercagroup .editarp {
  background: transparent;
  color: #b6d054;
  border: 0px !important;
  display: block;
  margin-top: 20px;
}

.cercagroup .editarp:hover {
  background: transparent;
  color: #b6d054;
  border: 0px !important;
  text-decoration: underline;
  cursor: pointer;
}

.pontoscriados,
.integracao {
  margin-bottom: 10px;
}

.wrapleg2 .leginline2 {
  display: inline-block;
  width: 25%;
  float: right;
  font-size: 85%;
  margin-top: -35px;
  padding-left: 5px;
}

.wrapleg2 input {
  width: 50%;
  font-size: 11px;
}

#btdif {
  width: 50%;
  border: solid 1px #ccc;
  padding: 10px;
  text-align: center;
  display: block;
  position: relative;
  right: -29px;
  background: #fff;
  color: #96b032;
  cursor: pointer;
}

#btdif i {
  font-size: 150%;
  color: #96b032;
}

.cercagroup .col-md-1:nth-child(3) .editarp {
  float: right;
}

.cercagroup {
  margin-top: 20px;
}

.cercagroup .row {
  width: 100%;
}

.cercagroup .col-md-1:first-child {
  width: 100px;
}

.cercagroup .col-md-1:nth-child(2) {
  width: 20px;
  margin-left: 15px;
  margin-top: 13px;
}

.cercagroup .col-md-1:nth-child(3) {
  width: 250px;
  margin-top: -11px;
  margin-left: 5px;
}

.transmissaogroup label {
  font-size: 90%;
}

.transmissaogroup:nth-of-type(2) input {
  width: 48%;
}

.pFinal {
  width: 98% !important;
}

#colbig {
  width: 65%;
  padding-left: 0px;
}

.contTrajetos {
  width: 100%;
}

.trajUni {
  outline: solid 1px #ccc;
  padding: 10px;
  padding-top: 5px;
  padding-right: 0px;
  margin-bottom: 5px;
  height: 30px;
}

#colsmall {
  border-right: solid 1px #ccc;
  width: 7% !important;
}

.tazul {
  border-left: solid 3px #3498db;
  border-radius: 0px;
}

.tvermelho {
  border-left: solid 5px #d53a3c;
  border-radius: 0px;
}

.tverde {
  border-left: solid 5px #2ecc71;
  border-radius: 0px;
}

.tlaranja {
  border-left: solid 5px #e67e22;
  border-radius: 0px;
}

.tamarelo {
  border-left: solid 5px #ffea00;
  border-radius: 0px;
}

.troxo {
  border-left: solid 5px #9b59b6;
  border-radius: 0px;
}

.trajUni i:hover,
.trajUni i:active,
.trajUni i:focus {
  color: #535353;
}

.arrastocheck {
  margin-top: 15px;
  margin-bottom: -20px;
  border-top: solid 1px #ccc;
}

.arrastocheck .radioCheckbox {
  /* margin-left: -12px;*/
  margin-top: -15px;
}

.sepdiv {
  border-top: solid 1px #ccc;
  margin-top: 24px;
  height: 1px;
}

#btcancelarpq {
  float: right;
  margin-right: 0px;
}

#btsalvar2pq {
  float: right;
  margin-right: 10px !important;
  margin-top: 20px;
  margin-left: 30px;
}

.nomeLinha {
  border-left: solid 2px #aec90b;
  margin-top: 10px;
  padding-left: 5px;
  margin-bottom: 15px;
}

.nomeLinha p {
  font-size: 16px;
}

.titTraj {
  font-size: 110%;
  font-weight: 300;
  margin: 0 auto;
  text-shadow: 1px 1px 1px #ccc;
}

.criarlinha {
  position: absolute;
  right: 80px;
  top: 10px;
  display: inline-block;
}

.criarlinha button {
  float: right;
  margin-left: 20px;
}

.criarlinha input {
  float: left;
  margin-right: -60px;
}

.criarlinha .modeloExcel {
  display: block;
  margin-top: 53px;
  margin-left: 19px;
  background-color: #f9f9f9;
  width: 141px;
  text-align: center;
}

.raiogroup .col-md-1:first-child {
  width: 30%;
}

.raiogroup input {
  width: 100%;
}

.raiogroup .col-md-1:nth-child(2) {
  width: 10%;
  margin-top: 12px;
  margin-left: -8px;
}

.raiogroup .col-md-1:nth-child(3) {
  width: 50%;
}

.switchAtivo {
  font-size: 10px;
  color: #fff;
  padding: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 10px;
  background-color: #1bbc9b;
  text-transform: uppercase;
  margin-left: 5px;
}

.switchInativo {
  font-size: 10px;
  color: #fff;
  padding: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 10px;
  background-color: #7f8c8d;
  text-transform: uppercase;
  margin-left: 5px;
}

.switchAtivo:hover,
.switchAtivo:focus,
.switchAtivo:active,
.switchInativo:hover,
.switchInativo:focus,
.switchInativo:active {
  color: #fff !important;
  text-decoration: none;
}

.switchelipse {
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #fff;
  border-radius: 10px;
  margin-left: 5px;
}

.switchInativo .switchelipse {
  margin-left: 0px;
  margin-right: 5px;
}

.limparPonto {
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
  cursor: pointer;
}

.importarPonto,
.planejconsul {
  padding-left: 15px;
}

.importarupload {
  border-bottom: 1px solid #ccc;
}

.btsimportar {
  border-top: solid 1px #ccc;
  padding-top: 25px;
}

.importarFuncionario .tPainelEventos>thead>tr>td {
  vertical-align: middle !important;
}

.btsimportar .help-import {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
  padding: 0px;
  font-size: 11px;
  font-style: italic;
}

.help-import span {
  font-size: 12px;
}

.btsimportar .col-md-4:first-child {
  width: 19.4%;
  padding: 0px;
}

.btsimportar .col-md-4:first-child .radioCheckbox {
  margin-left: -12px;
}

.btsimportar .col-md-4:nth-child(2) {
  width: 46%;
}

.selectimport {
  width: 40%;
  display: inline-block;
}

.selectimport button {
  display: inline-block;
}

.importarPonto {
  padding-top: 10px;
}

.importarPonto .importarBtnBarra,
.importarFuncionario .importarBtnBarra {
  top: 8px !important;
}

.importarPassageiro .importarBtnBarra {
  top: -15px;
}

.importarFuncionario {
  width: 98%;
  margin-left: 1%;
}

.importarFuncionario .btsimportar {
  border-top: solid 1px #ccc;
  padding-top: 20px;
  margin-left: 0px !important;
}

.cadastroImport .tituloBuscaBarra {
  padding-left: 20px;
}

.cadastroImport .importarPonto {
  background-color: #f0f0f0;
  border-top: solid 1px #ccc;
}

.cadastroImport .col-md-6 {
  background-color: #e2e2e2;
  float: right;
  margin-right: 15px;
}

.cadastroImport .col-md-6,
.cadastroImport .col-md-5 {
  margin-top: -10px;
  padding-top: 15px;
  padding-bottom: 10px;
}

#iuni {
  text-align: center !important;
}

#minitabela {
  width: 90%;
  margin-left: 10px;
  border-top: 0px;
}

#minitabela i {
  color: #535353 !important;
}

#minitabela i:hover {
  color: #869b09 !important;
}

#minitabela button {
  float: right;
}

.importarPonto table {
  margin-top: 20px;
  width: 100%;
}

.timportar thead td {
  font-size: 16px !important;
}

.ajustecheck {
  margin-top: 10px;
}

.ajustecheck a {
  padding-left: 5px;
}

.labelcheckmenor {
  font-size: 14px !important;
}

.timportar .radioCheckbox {
  margin-left: -15px;
}

.timportar .ipt {
  background-color: #f9f9f9;
}

#checkimportar .checkbox label:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: #f8f8f8;
  border: 1px solid #aaa;
  top: 2px;
}

.checkverde {
  color: #aec90b;
}

.iconesplanej {
  display: inline-block;
  width: 100%;
}

.iconesplanej i {
  width: 30%;
  text-align: left;
  display: inline-block;
  font-size: 17px;
  line-height: 36px;
  /*margin-left: 5px;*/
}

.iconesplanej i:hover,
.iconesplanej i:focus,
.iconesplanej i:active {
  color: #535353;
}

.acaoEscala {
  width: 70px;
}

.btn_inclusao_tabela {
  margin-top: 20px !important;
  float: left !important;
  margin-left: 0px !important;
}

.longtext {
  width: 35%;
}

.btsconsultar {
  float: right;
  margin-bottom: 10px;
}

.hConsultarPlanej,
.hControleP,
.hConsultarEscala,
.hgridMetricas,
.hreprocessamento,
.hEventos,
.hHistorico {
  width: 100%;
  margin: 0px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  margin-bottom: 10px;
  margin-top: 15px;
  padding-left: 9px;
  overflow-x: hidden;
  overflow: visible;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.hpainelEventos {
  width: 100%;
  margin: 0px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  margin-bottom: 10px;
  margin-top: 0px;
  padding-left: 9px;
  background-color: #f0f0f0;
  overflow-x: hidden;
  overflow: visible;
}

.hpainelEventos .datepickernovo_wrap {
  width: 95%;
}

.hConsultarPlanej .resultadosFiltroViagem .button.close {
  position: relative;
  top: 16px;
}

.hConsultarPlanej .resultadosFiltroViagem p {
  padding: 5px 5px 5px 12px;
}

.hConsultarPlanej .btn-default {
  margin-top: -20px !important;
}

.hConsultarPlanej .resultadosFiltroViagem {
  margin-top: 0px;
}

.hIndiceEficiencia {
  width: 100%;
  margin: 0px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding-top: 10px;
  margin-bottom: 10px;
  margin-top: -5px;
  padding-left: 9px;
  overflow: visible;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.hIndiceEficiencia .row {
  width: 100%;
}

.hIndiceEficiencia .inputFaixadata {
  width: 100%;
}

.hIndiceEficiencia .col-md-1 {
  width: 25%;
}

.hConsultarPlanej .col-md-1 {
  width: 25%;
}

.hHistorico .col-md-1 {
  width: 33.3%;
}

.hHistorico .datetimepicker input {
  width: 285px;
  font-size: 13px !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.hHistorico .select2-container {
  width: 310px;
  font-size: 13px !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.hHistorico .btn-default {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.hConsultarEscala .col-md-1,
.hControleP .col-md-1,
.hgridMetricas .col-md-1,
.hreprocessamento .col-md-1,
.hEventos .col-md-1 {
  width: 25%;
}

.hControleP .col-md-1,
.hgridMetricas .col-md-1,
.hreprocessamento .col-md-1,
.hpainelEventos .col-md-3 {
  padding-right: 0px;
}

.hControleP button {
  margin-bottom: 10px;
  margin-right: 10px;
}

.hgridMetricas button {
  margin-bottom: 10px;
  margin-right: 10px;
  margin-top: 20px;
}

.bthconsultar {
  display: inline-block;
  position: relative;
  top: -82px;
  margin-bottom: -100px;
  float: right;
  right: 11px;
}

.bthconsultar input {
  display: inline-block;
  float: left;
  margin-right: -60px;
}

.bthconsultar button {
  float: right;
  margin-left: 0px !important;
  display: inline-block;
  margin-top: 30px;
  /*23/03*/
}

.bthconsultar .importarupload {
  float: left;
  border: none !important;
}

.linhaC {
  margin-bottom: 20px;
}

.linhaC .combobox {
  padding-top: 0px !important;
}

.linhaC .dropdown {
  height: 42px !important;
}

.hConsultarPlanej .datetimepicker .inputFaixadata {
  width: 98%;
}

.hControleP .datetimepicker .inputFaixadata {
  width: 90%;
}

.hConsultarPlanej .row,
.hgridMetricas .row,
.hreprocessamento .row,
.hConsultarEscala .row,
.relatorioHeader .row,
.hEventos .row,
.hHistorico .row {
  width: 99.5%;
  margin-left: 0px;
}

.hControleP .row {
  width: 98.5%;
  margin-left: 0px;
}

.hpainelEventos .row {
  width: 90.5%;
  margin-left: 0px;
}

/*.checkvig{
  margin-left: -15px;
}*/
.checkvig label {
  font-size: 14px !important;
}

.hideBarra {
  height: 26px;
  border: solid 1px #ccc;
  width: 170px;
  position: relative;
  top: 16px;
  background: #f0f0f0;
  text-align: center;
  left: -10px;
  padding-top: 3px;
}

.hideBarra2 {
  height: 26px;
  border: solid 1px #ccc;
  width: 170px;
  position: relative;
  top: -4px !important;
  background: #f0f0f0;
  text-align: center;
  left: -10px;
  padding-top: 3px;
}

.hideBarra3 {
  float: right;
  padding-right: 10px;
  padding-top: 15px;
}

.hideBarra a,
.hideBarra2 a,
.hideBarra3 a {
  text-decoration: none;
}

.hideBarra a:hover,
.hideBarra2 a:hover,
.hideBarra3 a:hover {
  text-decoration: none;
}

.hideBarra.toggled,
.hideBarra2.toggled,
.hideBarra3.toggled {
  margin-bottom: 30px;
}

#conteudoCriarPlanej {
  width: 100%;
  height: calc(100% - 0);
  position: absolute;
  left: 0;
  top: 124px;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-right: solid 1px #ccc;
  display: inline-block;
  border-top: solid 1px #ccc;
}

#conteudoCriarPlanej1 {
  width: 33%;
  height: 100%;
  display: inline-block;
  border-right: solid 1px #ccc;
  padding: 15px;
  background-color: #f5f5f5;
  overflow-y: scroll;
  position: absolute;
  bottom: 0;
}

.prefixospc {
  width: 300px;
}

#conteudoCriarPlanej1 .timePicker1 input,
#conteudoCriarPlanej1 .timePicker2 input {
  height: 43px !important;
}

#conteudoCriarPlanej1 button {
  margin-top: -3px;
}

#conteudoCriarPlanej2 {
  background-color: #fff;
  width: 67%;
  height: 100%;
  float: right;
  display: inline-block;
  overflow-y: scroll;
  overflow-x: hidden;
}

#conteudoCriarPlanej2 .col-md-4 {
  width: 37.5%;
  padding-right: 5px !important;
  background-color: #f5f7f8;
  padding: 20px;
  padding-top: 10px;
  float: right;
}

#conteudoCriarPlanej2 .col-md-8 {
  width: 62%;
  padding-left: 0px !important;
}

.hPartidas input {
  width: 50%;
}

#conteudoCriarPlanej2 h4 {
  padding: 10px;
  font-size: 14.5px;
}

.checkarrastoplanej {
  margin-left: -15px;
  margin-top: -10px;
}

.checkarrastoplanej label {
  font-size: 15px !important;
}

.criarinputmenor input {
  width: 100%;
}

#conteudoCriarPlanej .datetimepicker .inputFaixadata,
#conteudoCriarPlanej .inputTime {
  width: 300px;
}

#conteudoCriarPlanej .form-group {
  margin-bottom: 20px !important;
}

#conteudoCriarPlanej .dropdown {
  width: 300px !important;
}

.Clinha .combobox {
  padding-top: 0px !important;
}

.Clinha .dropdown {
  height: 50px !important;
}

.tabsPlanejCriar {
  width: 95%;
  margin-left: 2.5%;
  margin-top: 10px;
}

.tabsPlanejCriar .panel-body {
  margin-left: -4px;
  margin-top: -1px;
}

.tabsPlanejCriar .tab-content {
  margin-top: 0px;
}

.tabsPlanejCriar a {
  text-decoration: none;
}

.tabsPlanejCriar a:hover,
.tabsPlanejCriar a:focus,
.tabsPlanejCriar a:active {
  text-decoration: none;
}

.criarinputmini input {
  width: 50%;
}

.tabsPlanejCriar .tlimpar {
  text-align: center !important;
}

.tabsPlanejCriar #btincluir {
  margin-top: -10px;
}

#container .tabsPlanejCriar .timePicker2 {
  margin-left: 0px;
  float: right;
}

.btfinalcriar {
  position: relative;
  bottom: 0px;
  height: 65px;
  padding: 10px;
  border-top: solid 1px #ccc;
  margin-top: 50px;
  padding-top: 20px;
}

.btfinalcriar button {
  float: right;
}

.btfinalcriar .btnNormal {
  margin-left: 10px;
}

.dadosPlanejamento {
  display: inline-block;
  width: 95%;
  padding: 10px;
}

.dadosPlanejamento h4 {
  display: inline-block;
}

.iconesEditarPlanej {
  float: right;
  display: inline-block;
  width: 10%;
}

.iconesEditarPlanej a {
  float: right;
  margin-left: 15px;
  font-size: 18px;
}

.tabsPlanejEscala {
  width: 80%;
  margin-left: 10%;
  margin-top: 10px;
}

.tabsPlanejEscala .panel-body {
  border: solid 1px #ccc;
  margin-left: -4px;
  margin-top: -1px;
  overflow-y: auto;
  height: 365px;
}

.tabsPlanejEscala .tab-content {
  margin-top: 0px;
}

.tabsPlanejEscala a {
  text-decoration: none;
}

.tabsPlanejEscala a:hover,
.tabsPlanejEscala a:focus,
.tabsPlanejEscala a:active {
  text-decoration: none;
}

.escalaColuna .col-md-8 {
  width: 60%;
}

.escalaColuna .col-md-4 {
  width: 40%;
}

.carroCol {
  background-color: #f5f5f5;
  color: #7f8c8d;
  font-weight: 400;
  font-size: 19px;
  padding: 8px;
  outline: dashed 1px #ccc;
  border-left: solid 3px #7f8c8d;
}

.controleTabela .carroCol {
  padding: 4px !important;
  font-size: 15px;
}

.carroCol .closemini {
  line-height: 1.5;
  color: #7f8c8d;
  font-size: 15px;
}

.arrastoTabela {
  border: solid 1px #ccc;
  width: 200px;
}

.ilimparEmpresa {
  padding-left: 5px;
}

.escalaT2 {
  width: 95% !important;
  margin-left: 2.5%;
}

.CriarEscala {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.CriarEscala a {
  float: right;
}

.importarEscala {
  width: 95%;
  margin-left: 2.5%;
  border-top: solid 1px #ccc;
  padding: 10px;
  margin-top: 10px;
  height: 150px;
  margin-bottom: 8px;
  border-bottom: solid 1px #ccc;
}

.AddVeiculo {
  width: 95%;
  margin-left: 2.5%;
  margin-bottom: -15px;
}

.addVbtn {
  height: 50px;
  border: solid 1px #ccc;
}

.addVbtn a {
  display: block;
  margin-top: 11px;
  text-align: center;
  font-size: 18px;
}

.btinclusaoVcl {
  height: 50px;
  border: solid 1px #ccc;
  background: #fff;
  width: 49px;
  cursor: pointer;
}

.btinclusaoVcl i {
  color: #869b09;
  font-size: 18px;
}

.AddVeiculo .col-md-8 {
  width: 81% !important;
}

.AddVeiculo .col-md-8 input {
  font-size: 13px;
}

.AddVeiculo .col-md-4 {
  width: 19% !important;
}

.quesTooltip {
  cursor: pointer;
}

.resultadosTooltip .quesTooltip,
.resultadosTooltip2 .quesTooltip {
  margin-left: 5px;
}

.quesTooltip_white {
  margin-left: 5px;
  color: #fff !important;
}

.raiogroup .tooltip {
  font-size: 11.5px;
}

#btimportbig {
  width: 220px !important;
  padding-left: 20px;
  margin-left: 20px;
}

.boxPartidas {
  display: none;
  margin-top: 15px;
  margin-bottom: 15px;
  border: solid 1px #ccc;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 0px;
}

.toleranciagroup {
  margin-left: -15px !important;
  margin-top: 10px;
}

.toleranciaspan {
  display: block;
  margin-bottom: 10px;
  border-bottom: solid 1px #ccc;
  padding-bottom: 4px;
  font-weight: 700;
}

.clearTolerancia .pull-left {
  width: 38%;
  padding-right: 5px;
}

.clearTolerancia .pull-left .checkbox {
  left: -15px;
}

.clearTolerancia .pull-right {
  width: 56%;
}

.toleranciagroup .inputSpanTol {
  display: inline-block;
}

.toleranciagroup .inputSpanTol input {
  width: 70%;
  display: inline-block;
}

.toleranciagroup .inputSpanTol span {
  width: 25%;
  float: right;
  display: inline-block;
  margin-top: 14px;
}

#fixlabel {
  margin-top: 0px !important;
  width: 100%;
}

.controleTabela {
  width: 98%;
  margin-left: 1%;
}

.titulocontrole {
  padding-top: 10px;
  padding-bottom: 5px;
  border: solid 1px #ccc;
}

.legendaicones span {
  font-size: 20px !important;
}

.glyverde {
  color: #afca0a;
}

.glyvermelho {
  color: #d53a3c;
}

.glyamarelo {
  color: #ffea00;
}

.glyazul {
  color: #3498db;
}

.glycinza {
  color: #535353;
}

.vandamento {
  color: #fff !important;
  padding: 3px;
  background: #a3cd00;
  border-radius: 20px;
}

/*.img_cent{
  margin-left: 20%;
}*/
#filtroHighcharts .combobox {
  padding-top: 5px !important;
  width: 50%;
}

.legendaicones {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  background: #f9fafb;
  padding: 10px;
}

.resultadosFiltroViagem {
  width: 100%;
  display: inline-block;
  margin-top: 26px;
  padding-left: 10px;
  padding-top: 10px;
  border-top: solid 1px #ccc;
}

.resultadosFiltroViagem p {
  padding: 5px !important;
  margin: 4px;
  background-color: #f9fafb;
  border: solid 1px #ccc;
  display: inline-block;
  cursor: pointer;
  font-size: 11px;
}

#container .resultadosFiltroViagem p .close {
  margin-left: 10px;
  font-size: 12px !important;
}

.filtroViagem .combobox {
  margin-top: -33px;
}

.filtroViagem .dropdown {
  width: 250px;
}

.filtroViagem {
  margin-left: 15px;
  margin-top: -30px;
  margin-bottom: -40px;
  float: left;
}

.filtroViagem .checkbox label {
  font-size: 100%;
}

.hControleP button {
  margin-top: 0px !important;
}

.novoCadastro .hControleP .btnNormal {
  margin-top: -35px !important;
}

.novoCadastro .hControleP .botoesBarraBusca .btn-cinzaEscuro {
  margin-right: 0px;
}

.col1-icones {
  width: 25%;
  display: inline-block;
  font-size: 14px;
  border-right: solid 1px #ccc;
}

.col1-icones .totlegenda {
  font-size: 15px !important;
  font-weight: 600;
}

.col2-outrainfo {
  width: 73%;
  float: right;
}

.col2-outrainfo .totaberto {
  font-size: 20px;
  font-weight: 600;
}

.col2-outrainfo {
  color: #fff;
}

.controleTabela .help-atualizacao {
  float: right;
  margin-right: 15px;
  color: #737373;
  font-size: 12px;
  margin-top: 2px;
}

.controleTabela .col2-outrainfo .boxAndamento {
  width: 180px;
  background: #95a5a6;
  padding: 10px;
  padding-bottom: 5px;
  text-align: center;
  font-size: 14px;
  display: inline-block;
}

.controleTabela .col2-outrainfo .boxTotal {
  width: 180px;
  background: #dfe4e4;
  padding: 10px;
  padding-bottom: 5px;
  text-align: center;
  font-size: 14px;
  display: inline-block;
  color: #535353;
  margin-left: 10px;
}

.labels_controle {
  font-size: 15px;
  font-weight: 300;
  text-align: left;
  line-height: normal;
  padding-left: 10px;
}

.refreshTempoReal {
  margin-top: -70px;
}

.refreshTempoReal .labels_controle {
  font-size: 15px;
  font-weight: 300;
  text-align: left;
  line-height: normal;
  padding-left: 10px;
  color: #535353;
  float: right;
}

.refreshTempoReal .help-atualizacao {
  float: right;
  margin-right: 15px;
  color: #737373;
  font-size: 12px !important;
  float: right;
  clear: both;
  margin-right: -2px;
}

.tcontrolepartida {
  font-size: 11px !important;
  text-align: center;
}

.tcontrolepartida .fa-road {
  font-size: 18px;
}

.tcontrolepartida img {
  cursor: pointer;
}

.tcontrolepartida .fa-check-square {
  margin-left: 15px;
  font-size: 13px;
}

.tcontrolepartida thead tr>th {
  padding: 5px !important;
}

#container .tcontrolepartida>tbody>tr>td {
  padding: 5px !important;
}

#container .tcontrolepartida>thead>tr>th {
  text-align: center;
  vertical-align: top !important;
}

.tcontrolepartida {
  margin-bottom: 0px !important;
}

.glyroxo {
  color: #9b59b6;
}

.labelMini {
  font-size: 12px;
  font-style: italic;
}

.dadosmenores {
  text-align: center !important;
}

.dadosmenores span {
  width: 40px;
  display: inline-block;
}

#spaceDiv {
  width: 5px !important;
}

.hControleP.toggled {
  display: none;
}

.select2-container {
  font-size: 12px !important;
  /*width: 94.8% !important;*/
  width: 94.8%;
}

/*.checkTempoReal {
  margin-left: -15px;
}*/
.checkTempoReal label {
  font-size: 13px !important;
}

.PeriodoLongo .radio label {
  font-size: 14px !important;
}

.PeriodoLongo .radio label {
  padding-bottom: 5px;
}

.PeriodoLongo .fa-exclamation-triangle {
  color: #ffea00;
  padding-right: 5px;
}

.PeriodoLongo .btn-default {
  margin-top: 0px !important;
  margin-left: 0px;
}

.wellmini {
  min-height: 20px;
  padding: 10px !important;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  font-size: 13px;
}

.sideTabelas {
  display: inline-block;
  width: 100%;
}

.DadosAlocacao {
  margin-top: 20px;
  width: 60%;
  margin-left: 1% !important;
  margin-right: 2% !important;
  display: inline-block;
  max-height: 340px;
  overflow-y: auto;
}

.DadosAlocacao .col-md-1 {
  padding: 0;
  background: #f5f5f5;
  margin-right: 1%;
}

.DadosAlocacao .col-md-1:first-child {
  width: 39%;
}

.DadosAlocacao .col-md-1:nth-child(2) {
  width: 19%;
}

.DadosAlocacao .col-md-1:nth-child(3) {
  width: 39%;
}

/* Scrollbar */
.DadosAlocacao::-webkit-scrollbar,
.veiculosNalocados::-webkit-scrollbar {
  height: 10px;
  width: 8px;
}

/* Track */
.DadosAlocacao::-webkit-scrollbar-track,
.veiculosNalocados::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* Handle */
.DadosAlocacao::-webkit-scrollbar-thumb,
.veiculosNalocados::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(194, 194, 194, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
}

.DadosAlocacao::-webkit-scrollbar-thumb:window-inactive,
.veiculosNalocados::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(194, 194, 194, 0.4);
}

.DadosAlocacao::-webkit-scrollbar-thumb:hover,
.veiculosNalocados::-webkit-scrollbar-thumb:hover {
  background: rgba(126, 126, 126, 0.8);
}

/* Scrollbar */
.tituloviagem {
  font-size: 130%;
  padding: 10px;
  padding-bottom: 0px;
  border: 1px solid #fff;
  width: 100%;
  background-color: #7f8c8d;
  text-align: center;
  color: #fff;
}

.tituloviagem .fa-clock-o {
  color: #fff;
}

.tituloviagemBlue .fa-bus {
  color: #fff;
}

.tituloviagemBlue {
  font-size: 130%;
  padding: 10px;
  padding-bottom: 0px;
  border: 1px solid #fff;
  width: 100%;
  background-color: #23475e;
  text-align: center;
  color: #fff;
}

.tituloviagemAmarelo {
  font-size: 130%;
  padding: 10px;
  padding-bottom: 0px;
  border: 1px solid #fff;
  width: 100%;
  background-color: #f39c12;
  text-align: center;
  color: #fff;
}

.tituloviagemAmarelo .fa-exclamation-triangle {
  margin-right: 8px;
}

.tituloviagemAmarelo .fa-bus {
  margin-right: 8px;
}

.veiculosNalocados {
  float: right;
  width: 30%;
  margin-left: 1% !important;
  margin-right: 1% !important;
  margin-top: 20px;
  display: inline-block;
  background: #f5f5f5;
  height: 340px;
  overflow-y: auto;
}

.tpartidaChegada {
  padding: 20px;
}

#btConsultar {
  margin-bottom: 20px;
  position: relative;
  right: 20px;
}

#tabelainset,
#tabelainsetNpadding,
#tabelaNalocado {
  width: 98%;
  margin-left: 1%;
  margin-top: 11px;
  background: #fff;
}

#tabelainset thead td {
  padding: 8px !important;
}

#tabelainset td {
  padding: 15px;
}

#VeiculoFixo {
  outline: solid 1px #ccc;
}

.btnalocviagem {
  height: 65px;
  padding: 10px;
  width: 100%;
}

.btnalocviagem button {
  margin-left: 20px;
  float: right;
}

.smin {
  position: absolute;
  right: 2px;
  margin-top: -30px;
}

.btcalcular {
  padding: 10px;
  padding-top: 7px !important;
  border: solid 1px #ccc;
  display: inline-block;
  height: 42px;
  line-height: 26px;
  cursor: pointer;
  margin-left: 5px;
}

.btrealocauto {
  padding: 10px;
  border: solid 1px #ccc;
  display: inline-block;
  float: left;
  margin-top: 20px;
}

.btrealocauto a {
  color: #96b032;
  font-size: 120%;
}

.btrealocauto a:hover {
  color: #535353;
  text-decoration: none;
}

.hConsultarEscala .inputFaixadata {
  width: 90%;
}

.inputSelect {
  margin-top: -40px;
  float: left;
  background: #f5f5f5;
  border: solid 1px #ccc;
  padding: 8px;
  margin-bottom: 18px;
}

.inputSelect .radio {
  margin-top: 5px !important;
}

.inputSelect .radio label {
  font-size: 13px !important;
}

#btFiltrar {
  margin-bottom: 0px;
  position: relative;
  right: 5px;
  top: -27px;
}

/* INDICE DE EFICIENCIA*/
.circlewrap {
  width: 98%;
  margin-left: 1% !important;
  margin-top: 30px;
  margin-bottom: 10px;
}

.circlewrap .piewrap {
  display: inline-block;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.circlewrap .col-md-8 {
  width: calc(100% - 250px);
  padding-left: 0px;
}

.circlewrap .col-md-4 {
  width: 250px;
  margin-top: -17px;
  padding-right: 0px;
  padding-left: 0px;
}

.titpie {
  font-size: 20px;
  color: #535353;
  font-weight: 400;
}

.dadosPie {
  width: 60%;
  display: inline-block;
  margin-left: 2%;
  height: 100%;
  color: #7f7f7f;
  min-height: 196px;
}

.idaspercent {
  font-size: 12px;
  /*line-height: 14px;*/
  text-align: center;
}

.idaspercent span {
  color: #adc62a;
  font-weight: 400;
  font-size: 21px;
  font-family: 'Roboto Condensed', sans-serif;
}

.pieAtualizacao {
  color: #737373;
  font-size: 12px;
  padding-left: 10px;
  margin-top: -10px;
  margin-bottom: 10px;
}

.tituloTotal:first-child span {
  font-size: 150%;
}

.titulothead {
  font-size: 20px !important;
}

.diariainicial {
  background-color: #f9f9f9;
}

.diariainicial:first-of-type {
  border-right: solid 1px #e8f0f2;
}

.diariainicial span {
  font-size: 21px;
  color: #535353;
  font-weight: 300;
  font-family: 'Roboto Condensed', sans-serif;
}

.totalconcluidas {
  font-size: 21px;
  color: #535353;
  font-weight: 300;
  font-family: 'Roboto Condensed', sans-serif;
  padding-top: 0px;
}

.bordaextra {
  border-bottom: solid 1px #e8f0f2;
  height: 5px;
}

.spacetr td {
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11px;
  text-align: center;
  vertical-align: top;
}

.dadosPie thead,
.piewrap thead {
  border-bottom: 1px solid #e8f0f2;
  font-size: 14px;
}

.dadosPie thead td,
.piewrap thead td {
  padding-bottom: 5px;
  padding-left: 10px;
}

.dadosPie tr,
.piewrap tr {
  border-bottom: 1px solid #e8f0f2;
}

.dadosPie thead td:nth-of-type(2),
.piewrap thead td:nth-of-type(2) {
  padding-left: 0px;
}

.titulohighcharts {
  border-bottom: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

#highcharts .highcharts-legend-item,
#highchartsida .highcharts-legend-item {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300 !important;
}

#bthighcharts {
  margin-top: -50px;
  margin-right: 124px;
  float: right;
}

#filtroHighcharts {
  margin-top: -5px;
}

#filtroLinhaHighcharts {
  margin-left: -10px;
  margin-top: -5px;
}

#filtroHighcharts .filtroPreBusca,
#filtroLinhaHighcharts .filtroPreBusca {
  background-color: transparent;
  width: auto !important;
}

#filtroHighcharts .btn,
#filtroLinhaHighcharts .btn {
  border-radius: 0px;
  background-color: #f3f3f3;
  border: solid 1px #ccc;
  font-weight: 300;
  margin-left: 5px;
}

#filtroHighcharts .btn:hover,
#filtroLinhaHighcharts .btn:hover {
  border: solid 1px #96b032;
}

.highcharts2 {
  display: none;
  width: 100% !important;
}

.highchartswrap {
  width: 100%;
}

.highcharts-container {
  width: 100% !important;
  height: 100% !important;
}

.highcharts2 .toggled {
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

#btControleExcel {
  float: right;
  margin-right: -183px;
  margin-top: 31px;
}

/*PRIMEIRO GRAFICO*/
.progress-pie-chartwrap {
  background-color: #f6f6f6;
  width: 100px;
  height: 100px;
  display: inline-block;
  border-radius: 50%;
  display: block;
  margin: 0 22px 28px;
}

.progress-pie-chart {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: transparent;
  position: relative;
  border: solid 4px #707070;
}

.ppc-progress {
  content: '';
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 50px);
  top: calc(50% - 50px);
  width: 100px;
  height: 100px;
  clip: rect(0, 100px, 100px, 50px);
}

.ppc-progress .ppc-progress-fill {
  content: '';
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 50px);
  top: calc(50% - 50px);
  width: 100px;
  height: 100px;
  clip: rect(0, 50px, 100px, 0);
  transform: rotate(60deg);
}

.gt-50 .ppc-progress {
  clip: rect(0, 50px, 100px, 0);
}

.gt-50 .ppc-progress .ppc-progress-fill {
  clip: rect(0, 100px, 100px, 50px);
  background: #fff;
}

[data-id='modo-noite'] .gt-50 .ppc-progress .ppc-progress-fill {
  background: #384042;
}

.ppc-percents {
  content: '';
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 86.95652px / 2);
  top: calc(50% - 86.95652px / 2);
  width: 86.95652px;
  height: 86.95652px;
  background: #fff;
  text-align: center;
  display: table;
}

.ppc-percents span {
  display: block;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
}

.pcc-percents-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.legEfi {
  font-size: 12px;
  display: block;
  text-align: center;
  line-height: 10px;
}

/*CORES*/
.lt-25 {
  background-color: #8c2b22;
}

.lt-25-l {
  color: #8c2b22;
}

.lt-50 {
  background-color: #e74b3c;
}

.lt-50-l {
  color: #e74b3c;
}

.lt-75 {
  background-color: #f38111;
}

.lt-75-l {
  color: #f38111;
}

.lt-90,
.gt-100 {
  background-color: #ffcf0e;
}

.lt-90-l,
.gt-100-l,
.lte-90-l {
  color: #ffcf0e;
}

.lte-100 {
  background-color: #b7d03d;
}

.lte-100-l {
  color: #b7d03d;
}

/*PRIMEIRO GRAFICO*/
.filtroEmpresaIndice .dropdown-toggle {
  border-radius: 10px !important;
  background-color: #f9f9f9;
  color: #535353;
  font-size: 13px;
  width: 110px !important;
  border: none !important;
}

.filtroEmpresaIndice {
  float: right;
}

/*INDICE DE EFICIENCIA*/
#container .nav-tabs>li>a {
  transform: skewx(0deg) !important;
}

/*MODULO 4 - NOVO INDICE DE EFICIENCIA*/
.filtroExtrafooter {
  background-color: #e5e6e8;
  width: 100% !important;
  padding-left: 8px;
}

.filtroExtrafooter .inputSelect {
  background: transparent !important;
  border: none !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  height: 50px;
}

.filtroExtrafooter .inputSelect p {
  color: #b6c932;
  text-transform: uppercase;
  font-weight: 400;
  margin-top: 10px;
  /* correcao página de indice de eficiância*/
}

.rowExportDemanda .tipoVisao p {
  margin: 10px 1px 0 10px;
}

.filtroExtrafooter .inputSelect .pull-right {
  position: relative;
  top: 5px;
}

.filtroPreBusca {
  background-color: #e5e6e8;
  width: 100%;
  padding: 10px;
  padding-left: 20px;
  /*margin-bottom: 10px;*/
  /*margin-top: -15px;*/
}

.filtroPreBusca button {
  padding: 8px;
  border-radius: 10px;
  background-color: #fff;
  color: #535353;
  font-size: 12px;
  min-width: 85px;
  border: none;
  margin-left: 5px;
}

.filtroPreBusca button:hover {
  background-color: #f9f9f9;
}

.filtroPreBusca button.active,
.filtroPreBusca button.ng-click-active,
.filtroPreBusca button.relatorioFocusedBtn {
  background-color: #b7d03e;
  color: #fff;
  outline: none;
}

.filtroPreBusca button.active:hover {
  background-color: #ccde77;
  color: #fff;
}

.filtroPreBusca p {
  font-size: 12px;
  padding: 0px;
}

/*.empresaLinhaAdd{
  border-right: solid 1px #ccc;
}*/
.hIndiceEficiencia .select2-container {
  width: 95% !important;
  font-size: 13px !important;
}

.hIndiceEficiencia .col-md-4 {
  width: 20%;
}

.hIndiceEficiencia .col-md-8 {
  width: 80%;
  /*  position: relative;
    top: 20px;*/
}

.hIndiceEficiencia .col-md-8 .row {
  width: 100% !important;
  margin-bottom: 20px;
}

.col-md-4 .titpie {
  color: #b6c932;
}

.circleIcon {
  background-color: #fff;
  border: solid 1px #7f7f7f;
  border-radius: 10px;
  width: 15px;
  height: 15px;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  position: relative;
  left: -7px;
  top: -5px;
}

.circleIcon i {
  font-size: 10px;
  position: relative;
  top: -5px;
}

.circleIcon .fa-map-marker {
  color: #0ca0e0;
}

.circleIcon .fa-check {
  color: #aec92c;
}

.circleIcon .fa-times {
  color: #fe4940;
}

.circleIcon .fa-clock-o {
  color: #ffea00;
}

.iconesComplexos {
  display: inline-block;
  margin-right: -10px;
}

.iconesComplexos .fa-bus {
  color: #7f7f7f;
  font-size: 22px;
}

.atualizacaoTempo {
  display: inline-block;
  float: right;
  color: #999;
  font-size: 12px;
}

.atualizacaoTempo i {
  font-weight: 600;
}

.hideAccordGrafico a {
  color: #b6c932;
}

.hideAccordGrafico a:hover,
.hideAccordGrafico a:active,
.hideAccordGrafico a:focus {
  color: #b6c932;
  text-decoration: none;
}

.showAcc {
  display: none;
}

.hideAccordGrafico.toggled .showAcc,
.hideBarra2.toggled .showAcc,
.hideBarra3.toggled .showAcc,
.hideBarra4.toggled .showAcc {
  display: inline-block;
}

.hideAccordGrafico.toggled .hideAcc,
.hideBarra2.toggled .hideAcc,
.hideBarra3.toggled .hideAcc,
.hideBarra4.toggled .hideAcc {
  display: none;
}

#filtroHighcharts .filtroPreBusca+.pull-right button {
  float: right;
}

#filtroHighcharts .filtroPreBusca+.pull-right .dropdown-title {
  font-size: 11px !important;
  font-weight: 400;
}

.graficoLinha {
  background-color: #f4f6f6;
  width: 100%;
  margin-top: 50px;
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
}

.closeDetalheLinha button {
  float: right;
  background: transparent;
  border: 0px;
}

.totalizadordetalheLinha {
  width: 100%;
}

.totalizadordetalheLinha .headerBlue1 {
  background-color: #7f8c8d;
  font-size: 14px;
  color: #fff;
  display: block;
  padding: 8px;
  width: 100%;
  margin-bottom: 0px;
}

.totalizadordetalheLinha .headerBlue2 {
  background-color: #dce2e3;
  font-size: 12px;
  color: #a6bd38;
  display: block;
  padding: 8px;
  width: 100%;
  margin-bottom: 0px;
  font-weight: 600;
}

.total3 {
  float: right;
  background-color: #5f6c6d;
  font-size: 10px;
  padding-top: 6px;
  padding: 11px;
  margin-top: -8px;
  margin-right: -7px;
}

.filtroAnaliticoSintetico {
  background-color: transparent !important;
}

.filtroAnaliticoSintetico button {
  float: right;
}

.agrupamentoAlone {
  padding-left: 15px;
}

.agrupamentoAlone .col-md-6 {
  width: 25.5% !important;
}

.hIndiceEficiencia .checkTempoReal {
  margin-top: 25px;
}

.hIndiceEficiencia .filtroExtrafooter {
  position: relative;
  top: 20px;
}

.triangulo-detalhe {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 10px solid #fff;
  position: relative;
  top: -30px;
}

.triangulo-detalhe2 {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 10px solid #d7dede;
  position: relative;
  top: 30px;
}

.bodyEficiencia {
  padding: 0px !important;
  width: 95%;
  margin-left: 2.5%;
}

.detalheTrajeto {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
}

.detalheTrajeto p {
  font-size: 15px;
}

.linhaEsp .titleBig {
  border-bottom: solid 1px #ccc;
  display: block;
  margin-bottom: 15px;
  width: 100%;
  font-size: 14px;
}

.tEficiencia {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

.tEficiencia td,
.tEficiencia tr {
  text-transform: uppercase;
  text-align: center;
}

.contRelatorioDetalhado .table>tbody>tr>td {
  padding: 16px !important;
}

.tEficiencia thead td,
.tEficiencia thead tr {
  border: none !important;
}

.tEficiencia .idaVolta {
  vertical-align: middle;
  color: #a6bd38;
  min-height: 50px;
  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.tEficiencia .trajetoRow {
  vertical-align: middle;
}

.tEficiencia .table-striped>tbody>tr:nth-child(odd) {
  background-color: #f4f6f6 !important;
}

.negValor {
  color: #da4755;
  font-weight: 600;
}

.subTotEf {
  color: #535353;
  font-weight: 600;
  height: 50px;
}

.subTotEf td {
  border: none !important;
  background-color: #fff !important;
}

.totEf {
  color: #b7d02b;
  font-weight: 600;
}

.totEf td {
  border: none !important;
  background-color: #f4f6f6 !important;
}

.dadosEfi {
  width: 45% !important;
}

.btn-sentido {
  margin-left: 15px;
  display: inline-block;
}

.btn-sentido button.active,
.btn-sentido button.ng-click-active,
.btn-sentido button.relatorioFocusedBtn {
  background: #8a9b9c;
}

/*MODULO 4 - NOVO INDICE DE EFICIENCIA*/
/*ARRASTO MANUAL*/
.hArrastoManual .select2-container {
  width: 95% !important;
  font-size: 13px !important;
}

.poolVeiculos {
  margin-top: 35px;
}

.poolVeiculos label {
  font-size: 12px !important;
}

.resultadosArrasto .titulotabela {
  color: #636363;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  display: inline-block;
}

/*CRIAR*/
.form-arrasto .form-group {
  padding: 20px;
  padding-top: 0px;
}

.form-arrasto input {
  width: 320px;
}

.panel-arrasto {
  padding: 8px;
  padding-top: 20px;
}

.painelOldArrasto {
  padding-left: 25px;
}

.panel-arrasto p {
  font-size: 12px;
  color: #535353;
  font-weight: 600;
}

.panel-arrasto .badge {
  background-color: #ff5b2d;
  color: #fff;
  font-weight: 400;
  margin-left: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.panel-arrasto .col-md-8 {
  width: 60% !important;
  max-height: 383px;
  overflow-y: auto;
  overflow-x: hidden;
  border-right: solid 1px #ccc;
  padding-left: 13px !important;
}

.panel-arrasto .col-md-8 table {
  width: 98%;
  margin-left: 10px;
}

.panel-arrasto .col-md-4 {
  width: 40% !important;
}

.panel-arrasto .col-md-4 .select2-container {
  width: 320px;
  font-size: 13px;
}

.poolVeiculosWrap {
  font-size: 12px;
  margin-left: 10px;
  margin-top: -34px;
  display: inline-block;
}

.poolVeiculosWrap p {
  font-size: 13px;
}

.poolVeiculosBox {
  width: 340px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  border: solid 1px #ccc;
  margin-top: -10px;
  margin-left: 10px;
  display: inline-block;
  padding-top: 20px;
  height: 270px;
}

.poolVeiculosBox .checkbox {
  border-bottom: solid 1px #ccc;
  padding: 4px;
  margin-left: -20px;
  display: block;
  width: 318px;
  margin-top: -15px;
}

.poolVeiculosBox .checkbox:last-of-type {
  border-bottom: none !important;
}

.poolVeiculosBox .checkbox label {
  font-size: 12px;
}

.poolVeiculosWrap .btincluirModelo {
  width: 115px;
  display: inline-block;
  margin-left: 10px;
  margin-top: -10px;
}

/* Scrollbar */
.poolVeiculosBox::-webkit-scrollbar,
.panel-arrasto .col-md-8::-webkit-scrollbar {
  height: 10px;
  width: 8px;
}

/* Track */
.poolVeiculosBox::-webkit-scrollbar-track,
.panel-arrasto .col-md-8::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* Handle */
.poolVeiculosBox::-webkit-scrollbar-thumb,
.panel-arrasto .col-md-8::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(194, 194, 194, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
}

.poolVeiculosBox::-webkit-scrollbar-thumb:window-inactive,
.panel-arrasto .col-md-8::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(194, 194, 194, 0.4);
}

.poolVeiculosBox::-webkit-scrollbar-thumb:hover,
.panel-arrasto .col-md-8::-webkit-scrollbar-thumb:hover {
  background: rgba(126, 126, 126, 0.8);
}

/* Scrollbar */
.btn-arrasto {
  background-color: transparent;
  color: #535353;
  font-size: 13px;
  border: none;
  margin-bottom: 10px;
  font-weight: 400;
}

.btn-arrasto i {
  color: #b6d054;
  font-size: 16px;
}

.btn-arrasto:hover,
.btn-arrasto:active,
.btn-arrasto:focus {
  text-decoration: underline;
  outline: none;
}

/*CRIAR*/

/*ALTERACOES 30/07/2015*/
.consultaDestino,
.consultaOrigem {
  width: 50%;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.consultaDestino .col-md-6,
.consultaOrigem .col-md-6 {
  width: 50%;
}

.consultaOrigem .botoesBarraBusca {
  border-right: solid 1px #ccc;
}

.consultaDestino {
  background-color: #e9e9e9;
  position: absolute !important;
  right: 0px;
  height: 103%;
  padding-top: 15px;
  top: -10px;
}

.hArrastoManual .row:last-of-type {
  position: relative;
  top: 0px !important;
  width: 99.5% !important;
}

.hArrastoManual .botoesBarraBusca {
  padding-right: 15px;
  padding-bottom: 10px;
}

.consultaDestino .rowBotoesDestino {
  margin-top: 85px;
  width: 100% !important;
}

.novoCadastro .hpainelEventos .consultaOrigem .rowBotoesOrigem {
  width: 100% !important;
}

.labelArrasto {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 10px;
}

.panel-arrasto .checkbox {
  display: inline-block;
  margin-top: -15px;
}

.panel-arrasto .checkbox label {
  padding-left: 20px;
  color: #000;
  font-weight: 400 !important;
  font-size: 12px !important;
  margin-bottom: -6px;
}

.salvarArrasto {
  border-top: solid 1px #ccc;
  width: 100%;
  padding-top: 20px;
}

.barraSalvar .btn-default {
  float: right;
}

.resultadosArrasto table {
  margin-top: -5px !important;
  /*table-layout:fixed;*/
}

.resultadosArrasto .srcollBody {
  max-height: 250px !important;
}

.btn-excluir-arrasto {
  background-color: transparent;
  color: #535353;
  font-size: 13px;
  border: none;
  margin-bottom: 10px;
}

.btn-excluir-arrasto i {
  color: #b6d054;
  font-size: 16px;
}

.btn-excluir-arrasto:hover,
.btn-excluir-arrasto:active,
.btn-excluir-arrasto:focus {
  text-decoration: underline;
}

.novoCadastro .hpainelEventos .hArrastoManual .row:last-of-type {
  width: 100% !important;
}

.iconeAlterar {
  border: none !important;
  background-color: transparent;
  color: #b6d054;
}

.iconeAlterar i {
  color: #b6d054;
  padding-right: 10px;
}

.iconeAlterar:hover i,
.iconeAlterar:active i,
.iconeAlterar:focus i {
  color: #ccc;
}

/*.resultadosArrasto .table td:nth-of-type(4){
  width: 50px;
}*/
.resultadosArrasto table tr:hover,
.resultadosArrasto table tr:focus,
.resultadosArrasto table tr:active {
  background-color: #fafafa;
}

/*ALTERACOES 30/07/2015*/
/*TERCEIRA ALTERAÇÃO ARRASTO*/
.hArrastoManual .filtroPreBusca {
  background-color: transparent !important;
  margin-top: 0px;
  padding-left: 0px;
  width: 40%;
}

.NhArrastoPadrao .consultaDestino {
  height: 122% !important;
  padding-top: 68px !important;
  top: -63px !important;
}

.NhArrastoPadrao .consultaDestino .rowBotoesDestino {
  margin-top: 76px !important;
}

.NhArrastoVigente {
  display: block;
  margin-top: 30px;
}

.NhArrastoVigente table tbody i {
  color: #9abb28;
}

.barraSalvar {
  height: 65px;
}

.arrasto3 .NhArrastoPadrao .table>tbody>tr>td,
.arrasto3 .NhArrastoPadrao .table>thead>tr>td {
  width: 30%;
  max-width: 30%;
  word-break: break-all;
}

.arrasto3 .NhArrastoPadrao .col-md-6:last-of-type .table>tbody>tr>td,
.arrasto3 .NhArrastoPadrao .col-md-6:last-of-type .table>thead>tr>td {
  width: 20%;
  max-width: 20%;
  word-break: break-all;
}

/*TERCEIRA ALTERAÇÃO ARRASTO*/
/*QUARTA ALTERAÇÃO ARRASTO*/
.boxTemporarioArrasto {
  border: none !important;
  display: inline-block;
  width: 100%;
  padding-top: 15px !important;
  padding-bottom: 0px !important;
}

.uniWell1 {
  width: 24%;
  border-right: solid 1px #ccc;
  display: inline-block;
  position: relative;
  top: -32px;
  margin-right: 20px;
}

.uniWell2 {
  display: inline-block;
  width: 65%;
}

.uniWell2 .datepickernovo_uni {
  width: 44%;
  display: inline-block;
  margin-right: 15px;
}

.NhArrastoVigente .escalaArrasto table tbody tr:hover,
.NhArrastoVigente .escalaArrasto table tbody tr:focus,
.NhArrastoVigente .escalaArrasto table tbody tr:active {
  border-top: solid 1px #c4d976 !important;
  border-bottom: solid 1px #c4d976 !important;
  background-color: #fff !important;
}

/*.NhArrastoVigente .escalaArrasto table tbody .tdMovel:hover:before,
.NhArrastoVigente .escalaArrasto table tbody .tdMovel:focus:before,
.NhArrastoVigente .escalaArrasto table tbody .tdMovel:active:before{
  content: '+ Adicionar';
  color: #535353;
  font-weight: 600;
  text-align: center!important;
  text-transform: uppercase;
  font-size: 15px;
}*/
.NhArrastoVigente [data-drop='true'] {
  transition: background-color 0.5s ease-out;
  background-color: #fff;
}

.NhArrastoVigente [data-drop='true']:hover,
.NhArrastoVigente [data-drop='true']:focus,
.NhArrastoVigente [data-drop='true']:active {
  background-color: #f9f9f9;
}

.NhArrastoVigente .escalaArrasto table thead td {
  background-color: #f0f0f0;
}

.NhArrastoVigente .escalItens {
  margin-top: 45px !important;
}

#container .novoCadastro .NhArrastoVigente .panel-collapse {
  background-color: #fff !important;
  padding: 0px;
}

#container-adicionar-veiculo-Arrasto-Escala .select2-container {
  width: 310px;
}

#container-adicionar-veiculo-Arrasto-Escala .formularios {
  padding-left: 20px;
}

#container-adicionar-veiculo-Arrasto-Escala .formularios .radioCheckbox {
  margin-top: 20px;
}

#container-adicionar-veiculo-Arrasto-Escala .formularios .radioCheckbox .radio {
  left: -15px;
}

#container-adicionar-veiculo-Arrasto-Escala .modal-content,
#container-arrastar-veiculo-Arrasto-Escala .modal-content {
  width: 550px;
}

#escalaCriar-collapseVeiculos .panel-body {
  padding: 0px;
  width: 100%;
  border: none;
}

#escalaCriar-collapseVeiculos .carousel-pool-panel>div>div {
  width: 30% !important;
}

#escalaCriar-collapseVeiculos .escalItens .n-1 {
  overflow-y: hidden;
}

/*QUARTA ALTERAÇÃO ARRASTO*/
/*QUINTA ALTERAÇÃO ARRASTO*/
.NhArrastoEscala {
  display: none;
  margin-top: 30px;
}

.tEscalaArrastoVeiculo {
  text-transform: uppercase;
}

.tEscalaArrastoVeiculo thead {
  background: #f2f2f2;
}

.tEscalaArrastoVeiculo>tbody>tr:nth-child(odd) {
  background-color: #fff !important;
}

/*QUINTA ALTERAÇÃO ARRASTO*/
/*ALTERAÇÃO ARRASTO + ESCALA*/
.novoEscala .carroCol,
.NhArrastoVigente .carroCol {
  font-size: 13px !important;
  width: 130px;
  cursor: pointer !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 175px;
}

.novoEscala .carroCol .fa-bus,
.novoEscala .carroCol .fa-user,
.NhArrastoVigente .carroCol .fa-bus,
.NhArrastoVigente .carroCol .fa-user {
  margin: 0 auto;
}

.novoEscala .itensVeiculos .col-md-1,
.NhArrastoVigente .itensVeiculos .col-md-1 {
  width: 25% !important;
}

.novoEscala .escalArquivos-2 .col-md-8,
.NhArrastoVigente .escalArquivos-2 .col-md-8 {
  width: 75% !important;
}

.novoEscala .escalArquivos-2 .col-md-4,
.NhArrastoVigente .escalArquivos-2 .col-md-4 {
  width: 25% !important;
  margin-left: -20px;
}

.novoEscala .tabsPlanejEscala td,
.NhArrastoVigente .tabsPlanejEscala td {
  height: 45px !important;
}

.tabsPlanejEscala .nav-tabs li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.novoEscala .tabsPlanejEscala #example {
  margin-top: 0px;
}

.novoEscala .verMais {
  float: right;
  margin-right: 2px;
}

.novoEscala table thead td {
  background-color: #f0f0f0;
}

.novoEscala .tabsPlanejEscala .panel-body,
.NhArrastoVigente .tabsPlanejEscala .panel-body {
  padding: 0px;
  padding-top: 7px;
  background-color: #f0f0f0;
  margin-left: 0px !important;
}

.novoEscala .tabsPlanejEscala table,
.NhArrastoVigente .tabsPlanejEscala table {
  background-color: #fff;
  margin-bottom: 5px !important;
}

.novoEscala .tabsPlanejEscala table tbody tr:hover,
.novoEscala .tabsPlanejEscala table tbody tr:focus,
.novoEscala .tabsPlanejEscala table tbody tr:active {
  background-color: #fff !important;
}

.novoEscala .panel-title,
.NhArrastoVigente .panel-title {
  display: inline-block;
}

.novoEscala .row {
  width: 99%;
}

.novoEscala .escalItens .panel-group .panel-heading .badge,
.NhArrastoVigente .escalItens .panel-group .panel-heading .badge {
  margin-top: 10px;
  background: #d53a3c;
  opacity: 1;
  margin-left: 10px;
  position: relative;
  top: 0px;
}

.novoEscala .escalItens .panel-group .panel-heading .inputSearch,
.NhArrastoVigente .escalItens .panel-group .panel-heading .inputSearch {
  float: right;
  position: relative;
  top: -17px;
  width: 165px;
  right: 0px;
}

.novoEscala .escalItens,
.NhArrastoVigente .escalItens {
  border: none !important;
  width: 100%;
  padding-top: 0px !important;
}

.novoEscala .iconeRedondo,
.NhArrastoVigente .iconeRedondo {
  margin-bottom: 5px;
}

.novoEscala #container-adicionar-veiculo-escala .select2-container {
  width: 95%;
}

.novoEscala #container-adicionar-veiculo-escala .row {
  width: 95%;
}

.novoEscala #container-adicionar-veiculo-escala .rowVeiculoEscala {
  border-top: solid 1px #ccc;
  margin-top: 19px;
  padding-top: 13px;
}

.poolEscala {
  color: #b6d054;
  display: block;
  margin-top: 20px;
  font-weight: 600;
}

.poolEscala i {
  color: #535353;
}

/*.checkPoolEscala{
  margin-left: -15px;
}*/
.importarEscala .custom-file-input::before {
  font-family: FontAwesome;
  content: '\f0c6 \00a0 Importar Escala';
  display: inline-block;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background: #2d8dd6;
  border: none;
  border-bottom: none;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #dadedf;
  box-shadow: inset 0 -2px #dadedf;
  border-radius: 0px;
  width: 170px;
  height: 41px;
  font-weight: 300;
  line-height: 38px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-align: left;
  padding-left: 22px;
}

.custom-file-input:hover::before,
.custom-file-input2:hover::before {
  background-color: #2d8dd6;
  border: none;
  color: #fff;
  outline: none;
}

.novoEscalabtn .importarEscala {
  float: right;
  border: none;
  width: 120px;
  margin-left: 0;
  padding: 10px;
  margin-top: -9px;
  height: 37px;
  margin-bottom: 0px;
}

.novoEscalabtn .importarEscala input {
  width: 190px;
}

.importarEscalaDrop button {
  background-color: transparent;
  color: #fff;
  right: 8px;
  position: relative;
  top: 3px;
  padding: 7px;
}

.importarEscalaDrop {
  float: right;
  position: relative;
  top: -90px !important;
  right: -13px;
}

.hConsultarEscala .help-block {
  margin-left: 15px;
}

.novoEscala .wellmini {
  width: 39.5%;
  border-radius: 0px !important;
  border-color: #999;
  margin-left: 5%;
}

.novoEscala .wellmini p {
  font-weight: 600;
  color: #535353;
}

.novoEscala .wellmini .badge {
  background-color: #d53a3c;
  margin-left: 5px;
}

.novoEscala .PeriodoLongo .fa-exclamation-triangle {
  color: #ffcc00 !important;
}

.novoEscala .modalAddVeiculoEscala .row .checkbox {
  top: -25px;
  margin-left: -15px;
  margin-top: 34px;
}

.novoEscala .modalAddVeiculoEscala table thead .checkbox {
  margin-top: 2px !important;
  margin-bottom: -10px;
}

.novoEscala .modalAddVeiculoEscala table tbody .checkbox {
  margin-top: 1px;
}

.novoEscala .modalAddVeiculoEscala table tbody .checkbox label {
  margin-left: 5px;
}

.novoEscala .modalAddVeiculoEscala table thead .veiculoCheckOrd .ordenador {
  position: relative;
  top: -11px;
  left: 80%;
}

.novoEscala .modalAddVeiculoEscala table thead td {
  background-color: transparent !important;
}

.novoEscala .modalAddVeiculoEscala table thead .checkbox label {
  font-weight: 600 !important;
  margin-left: 5px;
}

.novoEscala .modalAddVeiculoEscala table thead .veiculoCheck {
  float: right;
  position: relative;
  top: -26px;
}

.novoEscala .modalAddVeiculoEscala .boxFuncionalidades {
  width: 100% !important;
  border: none;
  border-top: solid 1px #ccc;
}

.veiculosDisp {
  font-weight: 600;
}

.veiculosDisp .badge {
  background-color: #ff5b2d;
  margin-left: 10px;
}

.novoEscala .modalAddVeiculoEscala .boxFuncionalidades .datepickernovo_wrap {
  width: 224px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-top: -16px;
  left: -8px;
}

.novoEscala .modalAddVeiculoEscala .boxFuncionalidades .datepickernovo_wrap .dropdown {
  position: absolute;
}

.novoEscala .modalAddVeiculoEscala .boxFuncionalidades .checkBody {
  width: 45%;
}

.novoEscala .modalAddVeiculoEscala .boxFuncionalidades .linhaColunaTable {
  width: 22%;
}

.novoEscala .modalAddVeiculoEscala .boxFuncionalidades .radioCheckbox {
  display: inline-block;
}

.novoEscala .modalAddVeiculoEscala .boxFuncionalidades .legendaPerfil {
  color: #b6d054;
  text-transform: none;
  font-weight: 600;
}

.novoEscala .boxFuncionalidades input[type='radio']:checked+label:nth-of-type(n):before,
.novoEscala .boxFuncionalidades input[type='radio']:checked+label:nth-of-type(2n):before {
  color: #535353;
}

/*ALTERAÇÃO ARRASTO + ESCALA*/
/*ARRASTO MANUAL*/
/*EDIÇÃO DE VIAGENS*/
.datepickernovoHorizontal {
  width: 40% !important;
  position: relative;
  top: -5px;
}

.btn-alocacaoEdicao {
  width: 333px !important;
  margin-top: 20px;
}

#container .tedicaoViagem {
  font-size: 11.5px !important;
  padding: 20px !important;
}

.tedicaoViagem td:first-of-type,
.tdMotivo {
  width: 145px !important;
}

.bs-example-modal-lg-edicao-viagem .modal-content {
  padding-left: 20px;
  padding-top: 5px;
  height: 210px;
}

.bs-example-modal-lg-edicao-viagem h3 {
  text-shadow: none !important;
  font-size: 20px;
  color: #535353;
}

.bs-example-modal-lg-edicao-viagem input {
  height: 50px !important;
  width: 300px;
}

.bs-example-modal-lg-edicao-viagem .pull-right {
  margin-right: 10px;
}

.bs-example-modal-lg-edicao-viagem .pull-right .btn-default,
.bs-example-modal-lg-edicao-viagem .pull-right .btn-cinza {
  width: 120px;
  margin-left: 10px;
}

.inputMotivo input {
  width: 300px;
}

/*.checkViagensExcluidas img{
  position: relative;
  left: 10px;
}*/
.hEdicaoViagem {
  width: 100%;
  margin: 0px;
  padding-top: 10px;
  margin-bottom: 10px;
  margin-top: -5px;
  padding-left: 0px;
  overflow: visible;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.hpainelEventos .hEdicaoViagem .col-md-1 {
  width: 24% !important;
}

.hEdicaoViagem form {
  margin: -8px;
}

.hEdicaoViagem .filtroExtrafooter {
  padding-top: 2px;
  padding-bottom: 2px;
}

.hEdicaoViagem .filtroExtrafooter .checkTempoReal {
  margin-left: 5px;
}

.col-sm-10 .combobox {
  padding-top: 0px;
}

.col-sm-10 .combobox select {
  width: 300px;
}

/*EDIÇÃO DE VIAGENS*/
/* INCLUSAO MODAL CRIAR LINHA 26/05/2015*/
.cadastrar-viagem {
  z-index: 900;
}

.plusEmpresaVeiculo {
  float: right;
  margin-top: -14px;
  cursor: pointer;
  width: 140px;
  margin-right: 8px;
  margin-bottom: 10px;
}

.veiculosAddLinha input {
  width: 300px;
}

.wrapConteudoModalLinha {
  height: 545px;
  overflow: hidden;
}

.wrapConteudoModalLinha h3 {
  text-shadow: none;
  font-size: 17px;
  color: #535353;
}

.wrapConteudoModalLinha .btnPq {
  position: fixed;
  left: 750px;
  margin-bottom: 19px;
  bottom: 0px;
}

.wrapConteudoModalLinha .help-block {
  font-size: 14px !important;
  padding: 8px !important;
  width: 98%;
  background-color: #f9f9f9;
}

#container .veiculosAddLinha input {
  font-size: 12px;
  width: 330px;
}

.veiculosAddLinha {
  //padding-top: 10px;
  padding-bottom: 5px;
  margin-top: 0px;
}

.veiculosAddLinha label {
  text-transform: initial;
  color: #000;
  font-weight: 400 !important;
}

.veiculosAddLinha .col-md-1:first-of-type {
  width: 338px;
}

.veiculosAddLinha .col-md-1:nth-of-type(2) {
  width: 50px;
  margin-left: 10px;
}

.veiculosAddLinha .btinclusaoVcl {
  height: 30px;
  border: solid 1px #ccc;
  background: #fff;
  width: 43px;
  cursor: pointer;
}

.veiculosAddLinha .btinclusaoVcl i {
  font-size: 14px !important;
}

.bs-example-modal-lg-veiculo-empresa .modal-content {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 6px;
  height: 545px;
  overflow-y: hidden;
}

.bs-example-modal-lg-veiculo-empresa .panel-collapse {
  height: 160px;
  overflow-y: auto;
  overflow-x: hidden;
}

.tCriarLinha {
  width: 99%;
  margin-left: 0.5% !important;
}

.tagVe {
  background-color: #f9fafb;
  border: solid 1px #ccc;
  color: #535353;
  text-transform: uppercase;
  font-size: 10px;
  padding: 8px !important;
  font-weight: 400;
}

.tagVe .close {
  margin-top: 1px;
  font-size: 12px;
}

.tCriarLinha {
  width: 820px;
  margin-top: 10px;
}

.addVeiculoAcc .tCriarLinha .col-md-1 {
  width: 200px !important;
}

.bs-example-modal-lg-veiculo-empresa .escalItens .panel-group .inputSearch {
  position: relative;
  top: -60px;
  right: -279px;
  width: 200px;
}

.bs-example-modal-lg-veiculo-empresa .escalItens .panel-group .inputSearch input {
  height: 32px !important;
}

.bs-example-modal-lg-veiculo-empresa .escalItens .panel-group .inputSearch .input-group-addon:last-child {
  border-right: solid 1px #ccc;
}

.bs-example-modal-lg-veiculo-empresa .escalItens {
  border-top: 0px !important;
  border-bottom: 0px !important;
  width: 95%;
  margin-left: 0px !important;
  margin-top: 0px;
  border-bottom: solid 1px #ccc;
  border-top: solid 1px #ccc;
  padding-top: 0px;
}

.bs-example-modal-lg-veiculo-empresa .panel-heading {
  padding: 0px 5px !important;
  height: 46px !important;
}

.controleVelocidade {
  margin-top: 15px;
  margin-bottom: 15px;
}

.controleVelocidade .radioCheckbox {
  /*margin-left: -15px;*/
  margin-top: -20px;
}

.velocidadeControleInput {
  font-size: 14px !important;
  margin-top: -10px;
  margin-bottom: -15px !important;
}

.velocidadeControleInput input {
  width: 110px !important;
}

.velocidadeControleInput span {
  position: relative;
  top: -33px;
  left: 120px;
}

.wrapConteudoModalLinha .escalItens .panel-group .panel-heading .badge {
  margin-top: 10px;
  background: #d53a3c;
  opacity: 1;
  position: relative;
  top: -41px;
}

#veiculoCriar-collapseIntegracao .col-md-1 {
  width: 25% !important;
}

.opcoesIntegracaoVeiculo {
  padding-top: 15px;
  /*border-top: solid 1px #ccc;*/
  margin-top: 10px;
}

.opcoesIntegracaoVeiculo .colunaRemover a {
  position: relative;
  top: 30px;
  text-align: left;
}

.opcoesIntegracaoVeiculo .colunaRemover a:hover,
.opcoesIntegracaoVeiculo .colunaRemover a:active,
.opcoesIntegracaoVeiculo .colunaRemover a:focus {
  color: #535353;
  text-decoration: none;
}

/* INCLUSAO MODAL CRIAR LINHA 26/05/2015*/
/*REPROCESSAMENTO DE VIAGEM*/
.reproViagem {
  width: 95%;
  margin-left: 2.5%;
}

.reproViagem table td {
  font-size: 12px;
}

.reproViagem table thead td:nth-of-type(2) {
  width: 14%;
}

.reproViagem table thead {
  font-size: 13px;
  text-align: left;
  font-weight: 400;
}

.reproViagem table td {
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

.linhaVeiculo i {
  font-size: 18px;
  font-weight: 400;
}

.linhaVeiculo {
  text-align: center;
  color: #34495e !important;
  font-weight: 400;
  cursor: pointer;
}

.linhaVeiculo span {
  font-size: 15px;
  font-weight: 300;
}

.linhaData span {
  font-weight: 300;
  font-size: 12px;
  font-style: italic;
}

.linhaData {
  font-size: 13px;
  font-weight: 400;
  text-align: center;
}

.subTransmissoes {
  font-size: 12px;
  color: #535353;
}

.linhaRecebidas {
  cursor: pointer;
}

.reproViagem thead:first-of-type td {
  border-bottom: none;
}

.reproViagem thead:first-of-type td:nth-of-type(1) {
  width: 18%;
}

.subTransmissoes td:nth-of-type(1),
.subTransmissoes td:nth-of-type(2),
.subTransmissoes td:nth-of-type(3),
.subTransmissoes td:nth-of-type(7) {
  border-top: none;
}

.subTransmissoes td:nth-of-type(4) {
  color: #7f8c8d !important;
  width: 95px;
}

.subTransmissoes td:nth-of-type(5) {
  color: #16a085 !important;
  width: 95px;
}

.subTransmissoes td:nth-of-type(6) {
  color: #d53a3c !important;
  width: 95px;
}

.reproViagem .acoes button {
  display: inline-block;
  border: none;
  width: 120px !important;
  background: transparent;
  color: #96b032;
  padding: 5px;
  margin-left: 10px;
  font-size: 13px;
  padding-left: 3px;
  padding-right: 3px;
}

.reproViagem .acoes button:hover {
  text-decoration: underline;
}

.reproViagem .acoes button:last-child {
  margin-left: 15px;
}

.reproViagem .acoes button:first-child {
  color: #d53a3c !important;
}

.hreprocessamento .btn-default {
  margin-bottom: -10px;
  margin-right: 10px;
  margin-top: 20px;
}

.reproViagem .quesTooltip {
  display: inline-block;
  position: relative;
  left: -10px;
}

.reproViagem .labelTabela {
  max-width: 80% !important;
  display: inline-block;
}

/*REPROCESSAMENTO DE VIAGEM*/
/*MODULO NOVO PAINEL EVENTOS*/
.hpainelEventos .datetimepicker input {
  width: 300px;
}

.hpainelEventos .nomeEvento input {
  width: 95%;
}

.hpainelEventos .timePicker {
  width: 360px;
  padding-left: 15px !important;
}

.hpainelEventos .select2-container {
  width: 95%;
  max-width: 350px;
}

.hpainelEventos .col-md-1 {
  width: 25%;
}

.hpainelEventos .dropdown {
  width: 300px;
}

.hpainelEventos .row:last-of-type {
  position: relative;
  width: 99.5% !important;
}

.hpainelEventos .btn-default {
  margin-top: -35px !important;
}

.resultadosPainelEventos {
  width: 99%;
  margin-left: 0.5%;
  margin-top: 20px;
}

.titulotabela {
  color: #636363;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 10px;
}

/*.endPainel{
  width: 262px;
}*/
/*.horaPainel{
  width: 171px;
}*/
.headerMapRelatorio .refreshIcone {
  width: 70% !important;
  position: relative;
  top: -55px;
}

.resultadosPainelEventos .refreshIcone p {
  float: left !important;
}

.gerarCsv {
  width: 140px;
  float: right;
  display: inline-block;
}

.gerarCsv button {
  float: right;
  height: 32px !important;
}
.gerarPdf-jornada button span {
  font-weight:600;
}

.button:hover{
  background-color: #95ca31;
  color: #fff;

}
.gerarPdf-jornada button:hover span img,
.gerarPdf-jornada button:hover span {
  filter: brightness(0) invert(1) !important;
  color: #fff;
}

.filtros-passageiros {
  margin-top: 20px;
}

.csv-passageiros {
  margin-top: 5px;
  float: right;
  margin-right: 10px;
}

.csv-passageiros,
.pdf-passageiros {
  font-weight: 600;
}

.qtdResultados_select--borderNone {
  margin-right: -6px !important;
  border-right: none !important;
}

.qtdResultados_select {
  display: inline-block;
  position: relative;
  top: 8px;
  border-right: solid 1px #ccc;
  padding-right: 10px;
  margin-right: 10px;
  height: 25px;
  float: right;
}

.qtdResultados_select-border {
  display: inline-block;
  position: relative;
  top: 10px;
  padding-right: 10px;
  margin-right: 10px;
  height: 25px;
  float: right;
}

.qtdResultados_select .combobox {
  padding-top: 0px !important;
  display: inline-block;
  border: solid 1px #ccc;
}

.qtdResultados_select--passageiros {
  border-right: none !important;
  margin-right: 0;
}

.qtdResultados_select .combo-passageiros {
  height: 27px;
}

.qtdResultados_select .dropdown {
  width: 60px !important;
  min-width: 60px !important;
  height: 19px !important;
  font-size: 12px !important;
}

#container .qtdResultados_select .combobox select {
  border-radius: 0px !important;
  background: url(../img/select_drop_xsmall.png) 102% / 19px no-repeat #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 10px;
  color: #999;
  height: 19px !important;
}

#container .qtdResultados_select .comboboxQtdResultados select {
  height: 27px !important;
  background: url(../img/select_drop_pq.png) 102% / 29px no-repeat #fff;
  background-position-y: -1px;
  padding-top: 0;
}

#container .qtdResultados_select--passageiros .combobox select {
  background: url(../img/select_drop_xsmall.png) 101% / 24px no-repeat #fff;
  height: 24px !important;
}

.qtdResultados_select label {
  font-size: 11px;
  color: #000;
  font-weight: 400;
  display: inline-block;
  margin-right: 5px;
}

.ferramentasTabela {
  display: inline-block;
  width: 81%;
  float: right;
  position: relative;
  top: -8px;
}

.tPainelEventos {
  font-size: 13px;
}

.tPainelEventos>tbody>tr:nth-child(odd) {
  background-color: #f9f9f9;
}

.tPainelEventos thead {
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  background: #bbc3c6;
}

.tPainelEventos thead .labelPainel {
  width: 90%;
  display: inline-block;
}

.tPainelEventos tbody {
  /*color: #999999;*/
  color: #000;
  font-weight: 400;
}

.tPainelEventos thead .ordenador {
  display: inline-block;
  width: 10%;
  margin-left: 3px;
}

.ordenador a {
  color: #000 !important;
}

.ordenador a i {
  color: #000 !important;
}

.tPainelEventos thead i {
  display: block;
  margin-bottom: -22px;
  font-size: 10px;
}

.tPainelEventos .labelMini {
  color: #000;
  font-size: 10px;
  text-transform: none !important;
  font-weight: 400;
}

.motoristaEventos img {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle;
}

.qtdResultados {
  float: left;
  color: #636363;
  font-size: 12px;
  font-style: italic;
  font-weight: 300;
}

.pgPadrao {
  width: 150px;
  float: right;
  position: relative;
  right: 10px;
}

.pgPadrao a {
  font-size: 10px !important;
  color: #999999 !important;
  font-weight: 400 !important;
}

.pgPadrao a.active,
.pgPadrao a:active,
.pgPadrao a:hover,
.pgPadrao a:focus {
  color: #636363 !important;
  text-decoration: none;
}

.tituloBuscaBarra {
  border-bottom: solid 1px #ccc;
  padding-bottom: 8px;
  font-size: 13px;
  color: #4f4f4f;
  font-weight: 600;
  margin-bottom: 10px;
  position: relative;
  left: -7px;
  padding-left: 13px;
  width: 101%;
}

.hideBarraNova {
  height: 38px;
  border-left: solid 1px #ccc;
  width: 50px;
  position: relative;
  top: -49px;
  background: #f0f0f0;
  text-align: center;
  padding-top: 5px;
  float: right;
}

.hpainelEventos.toggled {
  border-bottom: none !important;
}

.botoesBarraBusca {
  border-top: solid 1px #ccc;
  padding-top: 10px;
  width: 100%;
  /*float: left;*/
  margin-top: 20px;
  padding-bottom: 20px;
  padding-right: 5px;
}

.botoesBarraBusca p {
  font-size: 12px;
  font-style: italic;
  color: #999999;
  min-height: 30px;
}

.verAll {
  color: #b6d054;
  font-size: 12px;
  position: relative;
  top: -16px;
  float: right;
  padding: 5px;
  padding-top: 8px;
  border: solid 1px #ccc;
  border-top: none;
}

.verAll i {
  font-size: 10px;
}

.verAll a:hover,
.verAll a:active,
.verAll a:focus {
  text-decoration: none;
}

.hpainelEventos .resultadosFiltro p,
.controlePartidaIndex .resultadosFiltro p {
  margin: 4px;
  padding: 5px !important;
  font-size: 11px !important;
  padding-left: 8px;
  min-height: 30px;
}

.controlePartidaIndex .resultadosFiltro {
  max-height: 300px !important;
  margin-bottom: 20px;
}

.controlePartidaIndex .resultadosFiltro p {
  margin-bottom: 0px !important;
}

.hpainelEventos .row:nth-of-type(2) .iconCombo {
  position: relative;
  left: 9px;
}

.hgridMetricas .resultadosFiltroViagem .close {
  padding-top: 5px;
}

.painelEventos .resultadosFiltroViagem .close {
  font-size: 12px !important;
}

/*MODULO NOVO PAINEL EVENTOS*/
.hpainelEventosform .col-md-4 img:last-of-type {
  margin-right: 13px;
}

/*MODULO NOVO PAINEL EVENTOS*/
/*ALOCACAO DE VIAGEM - HOVER EXTRA*/
tr.drop_hover {
  -webkit-box-shadow: 2px 2px 8px 0px rgba(52, 73, 94, 0.75);
  -moz-box-shadow: 2px 2px 8px 0px rgba(52, 73, 94, 0.75);
  box-shadow: 2px 2px 8px 0px rgba(52, 73, 94, 0.75);
}

/*PLANEJAMENTO TURNO*/
.editTurno {
  position: relative;
  left: 83%;
  color: #869b09;
  top: -18px;
}

.dadosQtdCarros .panel-heading {
  height: 40px !important;
}

.dadosQtdCarros .panel-heading h4 a:hover,
.dadosQtdCarros .panel-heading h4 a:active,
.dadosQtdCarros .panel-heading h4 a:focus {
  text-decoration: none !important;
  color: #535353;
}

.turnosCriados {
  /*margin-top: 105px;*/
  margin-top: 55px;
  border-top: solid 1px #ccc;
  padding-top: 10px;
}

.dadosQtdCarros .turnosCriados i {
  color: #869b09 !important;
  margin-left: 8px;
}

/*PLANEJAMENTO TURNO*/
.hConsultarEscala .resultadosFiltroViagem p {
  padding: 1px 5px 1px 12px;
}

.escalapopover {
  color: #333333 !important;
  width: 350px !important;
  height: 300px !important;
  overflow-y: auto;
}

.escalapopover table i {
  font-size: 13px !important;
  margin-right: 3px;
  margin-left: 3px;
}

.escalapopover table {
  width: 100% !important;
  margin-left: 0px;
  margin-top: 10px;
}

.escalapopover .TabelaFuncionarioEscala {
  height: 200px;
  overflow-y: scroll;
}

.escalapopover label {
  font-size: 16px !important;
}

.escalapopover .row {
  width: 100%;
}

.escalapopover .row input {
  width: 110px;
}

.escalapopover .nomeFuncionario {
  font-size: 11px;
}

.escalapopover .help-block {
  margin-bottom: 5px !important;
  margin-top: -3px !important;
}

.escalapopover .col-md-4 {
  width: 33% !important;
}

#conteudoCriarPlanej2 .carroCol {
  font-size: 13px !important;
  width: 130px;
  cursor: pointer !important;
}

#conteudoCriarPlanej2 .carroCol .fa-bus,
#conteudoCriarPlanej2 .carroCol .fa-user {
  margin: 0 auto;
}

#funcionarioMovel table {
  width: 136px !important;
}

.escalaT2 {
  width: 300px !important;
}

.userMotorista {
  color: #34495e;
}

.userCobrador {
  color: #f39c12;
}

#conteudoCriarPlanej .escalaT2 .form-group {
  margin-bottom: 3px !important;
  margin-top: -15px !important;
}

.escalArquivos {
  width: 95%;
  margin-left: 2.5%;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 20px;
}

.escalArquivos .escalArquivos-1 {
  width: 25%;
  display: inline-block;
  float: left;
}

.escalArquivos .escalArquivos-1 .custom-file-input {
  font-size: 13px;
}

#container .escalArquivos .escalArquivos-1 .help-block {
  margin-top: -10px;
}

.escalArquivos .escalArquivos-2 {
  float: right;
  width: 70%;
  height: 30px;
}

.escalItens {
  width: 95%;
  margin-left: 2.5%;
  margin-top: 25px;
  border-bottom: solid 1px #ccc;
  border-top: solid 1px #ccc;
  padding-top: 20px;
}

.escalItens .panel-group .panel-heading {
  height: 56px;
}

.escalItens .panel-group .panel-heading a:hover,
.escalItens .panel-group .panel-heading a:focus,
.escalItens .panel-group .panel-heading a:active {
  text-decoration: none;
}

.escalItens .panel-group .panel-heading .quesTooltip {
  color: #869b09 !important;
}

.escalItens .panel-group .inputSearch {
  position: relative;
  top: -57px;
  right: -296px;
  width: 165px;
}

#conteudoCriarPlanej .panel-group .inputSearch .input-group-addon {
  border-right: solid 1px #ccc;
}

.escalItens .itensVeiculos {
  width: 100%;
  margin-left: 17px;
  margin-bottom: 15px;
}

.escalItens .panel-group .panel-heading span {
  font-size: 10px;
  opacity: 0.7;
  font-style: italic;
}

.escalItens .panel-group .panel-heading .col-md-8 {
  width: 90% !important;
}

.escalItens .panel-group .panel-heading .col-md-4 {
  width: 10% !important;
}

.escalItens .panel-group .panel-heading .badge {
  margin-top: 10px;
  background: #d53a3c;
  opacity: 1;
  position: relative;
  top: -111px;
}

.escalItens .n-1 {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.escalItens .n-2 {
  width: 100%;
}

.escalItens .n-0 {
  display: inline-block;
  width: 100%;
}

#conteudoCriarPlanej2 .itensVeiculos .col-md-1 {
  width: 25% !important;
}

.itensVeiculos .col-md-1 .carroCol {
  position: relative;
  left: -15px;
}

#conteudoCriarPlanej2 .escalArquivos-2 .col-md-8 {
  width: 75% !important;
}

#conteudoCriarPlanej2 .escalArquivos-2 .col-md-4 {
  width: 25% !important;
  margin-left: -20px;
}

.tabsPlanejEscala .tdMovel {
  width: 130px !important;
}

#conteudoCriarPlanej2 .tabsPlanejEscala .table>thead>tr>th,
#conteudoCriarPlanej2 .table>tbody>tr>th,
#conteudoCriarPlanej2 .table>tfoot>tr>th,
#conteudoCriarPlanej2 .table>thead>tr>td,
#conteudoCriarPlanej2 .table>tbody>tr>td,
#conteudoCriarPlanej2 .table>tfoot>tr>td {
  padding: 4px !important;
  padding-top: 7px !important;
}

#conteudoCriarPlanej2 .tabsPlanejEscala td {
  height: 45px !important;
}

#conteudoCriarPlanej2 .tabsPlanejEscala #example {
  margin-top: 0px;
}

#conteudoCriarPlanej2 .verMais {
  float: right;
  margin-right: 2px;
}

.criarMultilinhas .opcoesCores {
  margin-top: 0px;
  margin-bottom: 20px;
}

.criarMultilinhas input {
  width: 416px;
}

.criarMultilinhas .excluirPonto {
  background-color: transparent;
  border: 0px;
  margin-top: -44px;
  color: #869b09;
}

.hgridMetricas button {
  margin-top: -3px !important;
}

#container .hideMetricas {
  top: -14px !important;
}

.hgridMetricas {
  margin-top: -15px !important;
  padding-bottom: 50px;
}

.resultadoGridMetricas {
  width: 99%;
  margin-left: 0.5%;
}

.verdeIcone {
  color: #abd02c;
}

.vermelhoIcone {
  color: #d53a3c;
}

.cinzaIcone {
  color: #0099d9;
}

.resultadoGridMetricas table {
  font-size: 12.5px;
}

.resultadoGridMetricas table .fa-circle {
  font-size: 16px !important;
}

.resultadoGridMetricas .input-group-btn .btn {
  background: transparent;
  color: #96b032;
  font-size: 10px;
  padding: 0px !important;
}

.resultadoGridMetricas .filtroTriplo,
.filtroTriplo {
  margin-left: 5px;
  display: inline-block;
  width: 10px;
}

.resultadoGridMetricas .filtroTriplo .fa-toggle-on {
  color: #2ecc71;
}

.resultadoGridMetricas .filtroTriplo .fa-toggle-off {
  color: #7f8c8d;
}

.resultadoGridMetricas .t-1,
.resultadoGridMetricas .t-2,
.resultadoGridMetricas .t-3,
.resultadoGridMetricas .t-4,
.resultadoGridMetricas .t-5 {
  position: relative;
  top: -3px;
}

.resultadoGridMetricas .t-1 .tituloSpan,
.resultadoGridMetricas .t-2 .tituloSpan,
.resultadoGridMetricas .t-3 .tituloSpan,
.resultadoGridMetricas .t-4 .tituloSpan,
.resultadoGridMetricas .t-5 .tituloSpan {
  position: relative;
  top: -4px;
}

.panicoSpc .fa-toggle-on {
  color: #d53a3c !important;
}

.panicoSpc .fa-toggle-off {
  color: #7f8c8d !important;
}

.refreshIcone {
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
}

.refreshIcone p {
  float: right;
  margin-right: 5px;
  margin-bottom: 0px;
}

.refreshIcone .help-atualizacao {
  font-size: 11px;
  color: #999999;
}

.iconBusca {
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 5px;
}

.iconCombo {
  display: inline-block;
}

/*FIM MODULO VIAGENS*/

/*MAPA/SINÓTICO/BUSCHAT*/
/*CORREÇÕES SINOTICO REPLAY*/
/*.filtroReplay{
  width: 995px!important;
  margin-left: 10px!important;
}*/
/*.filtroReplay .col-md-3:first-of-type{
  width: 240px;
  padding: 0px;
}*/
.filtroReplay .col-md-1 input {
  font-size: 11px;
}

/*.filtroReplay .col-md-3:nth-of-type(3),
.filtroReplay .col-md-3:nth-of-type(4){
  width: 240px;
  padding: 0px;
}*/
/*CORREÇÕES SINOTICO REPLAY*/
/*HOME SINOTICO*/
.boxSinoticos {
  height: 380px;
  width: 75%;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 18%;
}

.boxSinoticosUni {
  height: 350px;
  background-color: #ecf0f1;
  border: solid 1px #d4d8d8;
  border-radius: 5px;
  padding: 20px;
  text-align: center;
  padding-top: 40px;
  margin-right: 50px;
}

.boxSinoticosUni:last-of-type {
  margin-right: 0px;
}

.boxSinoticosUni .sinoticoTitle {
  margin-bottom: 10px !important;
  display: block;
}

.boxSinoticosUni img {
  margin-bottom: 10px;
}

.sinoticoHelpText {
  font-size: 14px;
  color: #8c8c8c;
  width: 80%;
  display: block;
}

.btn-home-sinotico {
  background-color: #a0a9b2;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  border: none;
  width: 115px;
  margin-top: 20px;
  height: 36px;
}

.btn-home-sinotico:hover,
.btn-home-sinotico:focus,
.btn-home-sinotico:active {
  background-color: #90979e;
}

.boxSinoticosUni .sinoticoTitle {
  font-size: 19px;
}

.idReplay span {
  color: #e67e22 !important;
  font-weight: 400;
  font-style: italic;
  display: inline-block;
}

.tituloHome {
  text-align: left;
  font-weight: 300px;
}

.idPlotagemArea span {
  color: #05dcb2 !important;
  font-weight: 400;
  font-style: italic;
  display: inline-block;
}

.idPosicionamento span {
  color: #3598db !important;
  font-weight: 400;
  font-style: italic;
  display: inline-block;
}

/*HOME SINOTICO*/
/*JANELA PLOTAGEM MAPA*/
.janelaControlePlotagem {
  max-height: 450px;
  height: auto !important;
  background: #fafafa;
  border: solid 1px #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 3px 3px 9px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 3px 3px 9px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 3px 3px 9px 0px rgba(50, 50, 50, 0.3);
  padding: 5px;
  padding-left: 8px;
  font-size: 11px;
  color: #616161;
  overflow-y: visible;
  padding: 10px;
  width: 440px;
  position: relative;
  top: 270px;
  left: 60%;
  overflow-x: hidden;
  overflow-y: auto;
}

.janelaControlePlotagem .col-md-12 {
  padding-top: 8px;
}

.detalhesVeiculo p {
  font-size: 11.5px;
  font-weight: lighter;
  line-height: 10px;
  color: #000;
  font-weight: 600;
}

.detalhesVeiculo span {
  font-weight: 600;
  font-size: 12px;
  padding-bottom: 6px;
  color: #000;
  display: block;
}

.tituloBoxControle {
  font-size: 11px;
  border-bottom: solid 1px #f0f0f0;
  padding-bottom: 6px;
  text-transform: uppercase;
}

.detalhesVeiculo p span {
  display: inline-block;
  margin-right: 5px;
  font-weight: bold !important;
  color: #535353;
  text-transform: uppercase;
  font-size: 11px !important;
}

.janelaControlePlotagem .clearfix {
  width: 95%;
  margin-left: 2.5%;
  border-top: solid 1px #f0f0f0;
  padding-top: 5px;
}

.janelaControlePlotagem .clearfix button {
  border: none !important;
  background: transparent !important;
  color: #535353;
  border-right: solid 1px #f0f0f0 !important;
  padding-right: 9px;
}

.janelaControlePlotagem .clearfix button:hover,
.janelaControlePlotagem .clearfix button:active,
.janelaControlePlotagem .clearfix button:focus {
  color: #999;
}

.janelaControlePlotagem .clearfix button:last-of-type {
  border: none !important;
}

.detalhesVeiculo .col-md-4 {
  width: 60px !important;
}

.detalhesVeiculo .col-md-8 {
  width: 80% !important;
}

.janelaControlePlotagem .clearfix button:disabled {
  color: #999 !important;
  opacity: 0.7;
  cursor: not-allowed;
}

.janelaControlePlotagem .minimize {
  margin-left: 10px;
}

.janelaControlePlotagem .pull-left a {
  margin-right: 15px;
}

/*JANELA PLOTAGEM MAPA*/
#wrappermapa {
  overflow: hidden !important;
}

.imgPainelMenu span {
  background-image: url(../img/icone_painel_full.png);
  background-size: 17px 34px;
  width: 17px;
  height: 17px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: inline-block;
}

.imgPainelMenu:hover span,
.imgPainelMenu:active span,
.imgPainelMenu:focus span {
  background-image: url(../img/icone_painel_full.png);
  background-size: 17px 34px;
  width: 17px;
  height: 17px;
  background-position: 0px -17px;
  background-repeat: no-repeat;
  display: inline-block;
}

.imgTelemetriaMenu span {
  background-image: url(../img/icone_telemetria_full.png);
  background-size: 19px 38px;
  width: 19px;
  height: 19px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  left: -5px;
}

.imgTelemetriaMenu:hover span,
.imgTelemetriaMenu:active span,
.imgTelemetriaMenu:focus span {
  background-image: url(../img/icone_telemetria_full.png);
  background-size: 19px 38px;
  width: 19px;
  height: 19px;
  background-position: 0px -19px;
  background-repeat: no-repeat;
  display: inline-block;
}

.imgTelemetriaMenu span {
  background-image: url(../img/icone_telemetria_full.png);
  background-size: 19px 38px;
  width: 19px;
  height: 19px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  left: -5px;
}

.imgTelemetriaMenu:hover span,
.imgTelemetriaMenu:active span,
.imgTelemetriaMenu:focus span {
  background-image: url(../img/icone_telemetria_full.png);
  background-size: 19px 38px;
  width: 19px;
  height: 19px;
  background-position: 0px -19px;
  background-repeat: no-repeat;
  display: inline-block;
}

.imgMapaMenu span {
  background-image: url(../img/icone_mapa_full.png);
  background-size: 20px 30px;
  width: 20px;
  height: 15px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  left: -5px;
}

.imgMapaMenu:hover span,
.imgMapaMenu:active span,
.imgMapaMenu:focus span {
  background-image: url(../img/icone_mapa_full.png);
  background-size: 20px 30px;
  width: 20px;
  height: 15px;
  background-position: 0px -15px;
  background-repeat: no-repeat;
  display: inline-block;
}

.imgSinoticoMenu span {
  background-image: url(../img/icone_sinotico_full.png);
  background-size: 17.5px 34px;
  width: 17px;
  height: 17px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  left: -5px;
}

.imgSinoticoMenu:hover span,
.imgSinoticoMenu:active span,
.imgSinoticoMenu:focus span {
  background-image: url(../img/icone_sinotico_full.png);
  background-size: 17px 34px;
  width: 17px;
  height: 17px;
  background-position: 0px -17px;
  background-repeat: no-repeat;
  display: inline-block;
}

.imgChatMenu .imgBus {
  background-image: url(../img/icone_buschat_full.png);
  background-size: 19px 38px;
  width: 19px;
  height: 19px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  left: -5px;
}

.imgChatMenu:hover .imgBus,
.imgChatMenu:active .imgBus,
.imgChatMenu:focus .imgBus {
  background-image: url(../img/icone_buschat_full.png);
  background-size: 19px 38px;
  width: 19px;
  height: 19px;
  background-position: 0px -19px;
  background-repeat: no-repeat;
  display: inline-block;
}

.imgBGMMenu .imgBGM {
  background-image: url(../img/icone_bgm_full.png);
  background-size: 19px 24px;
  width: 19px;
  height: 12px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  left: -5px;
}

.imgBGMMenu:hover .imgBGM,
.imgBGMMenu:active .imgBGM,
.imgBGMMenu:focus .imgBGM {
  background-image: url(../img/icone_bgm_full.png);
  background-size: 19px 24px;
  width: 19px;
  height: 12px;
  background-position: 0px -12px;
  background-repeat: no-repeat;
  display: inline-block;
}

.imgBIMenu {
  background-image: url(../img/icone_bi_full.png);
  background-size: 19px 38px;
  width: 19px;
  height: 19px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  left: -5px;
}

.imgBIMenu:hover,
.imgBIMenu:active,
.imgBIMenu:focus {
  background-image: url(../img/icone_bi_full.png);
  background-size: 19px 38px;
  width: 19px;
  height: 19px;
  background-position: 0px -19px;
  background-repeat: no-repeat;
  display: inline-block;
}

.hHistorico .botoesBarraBusca .btn-cinzaEscuro {
  margin-right: 0px !important;
}

/*MENSAGENS BUS CHAT*/
.msgDefault {
  width: 70%;
  margin-left: 15%;
}

.cadastroMsg {
  margin-bottom: 80px;
}

.cadastroMsg form {
  width: 550px;
}

.msgDefault button {
  margin-bottom: 20px;
  margin-top: 50px;
}

.msgDefault .well {
  font-size: 13px;
  min-height: 20px;
  padding: 10px;
  margin-bottom: 8px;
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.msgDefault .well:nth-of-type(n) {
  border-left: solid 3px #bdbdbd;
}

.msgDefault .well:nth-of-type(2n) {
  border-left: solid 3px #dedede;
}

.msgDefault textarea {
  height: 60px !important;
}

.msgDefault .edicaoMsg {
  float: right;
  width: 50px;
  border-left: solid 1px #ccc;
  padding-left: 12px;
}

.msgDefault .tMsg1 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  border-bottom: solid 1px #ccc;
  padding-bottom: 5px;
}

.msgDefault .combobox {
  padding-top: 0px !important;
}

.msgDefault .opcoesCores {
  margin-top: 0px !important;
}

.msgDefault .combobox .dropdown {
  width: 95%;
}

.msgDefault .inputSearch input {
  width: 420px;
}

/*MENSAGENS BUS CHAT*/
/*BOTOES - ESTILO LIGADO/DESLIGADO*/
.micro-btn.active {
  background-position: 0px -30px;
}

.micro-btn.active:hover {
  background-position: 0px -45px;
}

.normal-btn.active {
  background-position: 0px -40px;
}

.normal-btn.active:hover {
  background-position: 0px -60px;
}

/*BOTOES - ESTILO LIGADO/DESLIGADO*/
/*MODULO NOVO SINOTICO*/
.wrapSinotico {
  position: absolute;
  bottom: 0 !important;
  top: 70px;
  width: 100%;
  height: 100% !important;
  margin: 0px !important;
  z-index: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.wrapSinotico.toggled {
  top: 114px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.wrapSinotico .minimize {
  color: #9e9e9e !important;
  background-color: #fff;
  position: relative;
  top: 5px;
  left: 10px;
}

.wrapSinotico .minimize i {
  font-size: 12px;
}

.terminalSinotico {
  background-color: #fcfcfc;
  height: 100% !important;
  width: 12%;
  /*position: relative!important;*/
  bottom: 0px !important;
}

.terminalSinotico:last-of-type {
  float: right;
  right: 2px;
}

.wrapconteudoSinotico {
  width: 74% !important;
  position: relative;
  z-index: 0 !important;
  overflow-x: hidden;
}

.conteudoSinotico {
  background-color: #fff;
  border: solid 1px #ccc;
  margin-bottom: 10px;
}

.infoLinhaSinotico p {
  text-transform: uppercase;
  color: #000;
  font-weight: 400;
  background-color: #f0f0f0;
  display: inline-block;
  padding: 5px;
  font-size: 12px;
}

.filtrosBuscaSinotico {
  /*width: 80px;
  border-left: solid 1px #fff;
  float: right;
  position: relative;
  top: 5px;
  padding-left: 9px;*/
  width: 80px;
  border-left: solid 1px #ccc;
  float: right;
  position: relative;
  top: 5px;
  padding-left: 9px;
}

.filtrosBuscaSinotico a {
  color: #adc62c !important;
}

.barraFiltros {
  position: relative;
  top: -20px;
  width: 100%;
  background-color: #f5f7f8;
  border-top: solid 1px #ecf0f1;
  border-bottom: solid 1px #ecf0f1;
  height: 50px;
}

.barraFiltros.toggled {
  display: inline-block;
}

.barraFiltros .row {
  width: 800px;
  margin-top: 7px;
  margin-left: 0.5%;
}

.barraFiltros .combobox {
  padding-top: 0px;
  /*float: right;*/
}

.barraFiltros .dropdown {
  height: 32px !important;
  width: 120px;
  font-size: 11px !important;
  color: #999 !important;
}

.barraSinotico div[data-clear] {
  left: -52px !important;
  top: 0px !important;
}

.minimizeBarra {
  float: right;
  font-size: 11px;
  position: relative;
  right: 10px;
  top: 3px;
}

.controlesAlertasSinotico_replay {
  position: absolute;
  padding: 3px;
  top: 5px;
  z-index: 1;
  left: 515px;
  text-align: center;
  border: none !important;
}

.headerTerminal h3 {
  font-style: italic;
  color: #2f2f2f;
  font-size: 12.5px !important;
  font-weight: 600;
  padding-left: 5px;
}

.headerTerminal span {
  color: #545454;
  font-size: 15px;
  margin-top: -10px;
  font-weight: 600;
  padding-left: 5px;
}

.filtroSinotico .col-md-4:first-child {
  margin-left: -10px;
}

.statusVeiculo {
  display: inline-block;
}

.statusVeiculo .dropdown {
  width: 185px;
}

.statusVeiculo img {
  margin-right: 20px;
  float: left;
  display: inline-block;
}

.statusVeiculo .form-group {
  display: inline-block;
  position: relative;
  left: -10px;
}

.veiculos_uni {
  color: #545454;
  font-size: 13px;
  margin-bottom: 5px;
  padding-left: 5px;
  font-weight: 400;
}

.veiculos_uni img {
  position: relative;
  top: -10px;
}

.pista {
  transform: perspective(15em) rotateX(15deg);
  -webkit-transform: perspective(15em) rotateX(15deg);
  -moz-transform: perspective(15em) rotateX(15deg);
  width: 98%;
  margin-left: 1%;
  height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  background: rgb(245, 246, 246);
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(245, 246, 246, 1) 44%, rgba(225, 226, 226, 1) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear,
      left top,
      right top,
      color-stop(44%, rgba(245, 246, 246, 1)),
      color-stop(100%, rgba(225, 226, 226, 1)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,
      rgba(245, 246, 246, 1) 44%,
      rgba(225, 226, 226, 1) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(245, 246, 246, 1) 44%, rgba(225, 226, 226, 1) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(245, 246, 246, 1) 44%, rgba(225, 226, 226, 1) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(245, 246, 246, 1) 44%, rgba(225, 226, 226, 1) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f6f6', endColorstr='#e1e2e2', GradientType=1);
  /* IE6-9 */
  border: solid 1px #f5f6f6;
}

.pista .tracejado {
  border-top: dashed 1px #fff;
  position: relative;
  top: 15px;
}

.sinotico_uni {
  margin-bottom: 40px;
  padding: 10px;
  padding-top: 0px;
}

.sinotico_uni:first-of-type {
  margin-top: 10px;
}

.sinotico_uni p {
  color: #3a3a3a;
  font-size: 9px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 2px;
}

.timeline {
  height: 3px;
  background-color: #828282;
  width: 100%;
  position: relative;
  top: -22px;
}

.seta_sentido {
  position: relative;
  top: 14px;
  z-index: 1;
  left: 16px;
  float: left;
}

.seta_sentido_flip {
  position: relative;
  top: 13px;
  z-index: 1;
  right: 14px;
  float: right;
}

.pontoSinotico {
  position: relative;
  top: -42px;
  z-index: 3;
}

.carroSinotico {
  position: relative;
  top: -82px;
  z-index: 2;
}

.planejamentoPontos {
  position: relative;
  top: -10px;
  z-index: 4;
}

.tempoPlanejado {
  position: relative;
  top: -70px;
  z-index: 3;
}

.tempoPlanejado span {
  display: inline-block;
  font-size: 9.55px;
  color: #333;
  font-weight: 400;
}

.wrapTerminal_uni {
  margin-bottom: 10px;
}

.wrapTerminal_uni:last-of-type {
  border-bottom: 0px;
}

.wrapconteudoSinotico::-webkit-scrollbar-thumb {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #eeeeee;
}

.wrapconteudoSinotico::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}

.wrapconteudoSinotico::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 0px;
  background-color: #f5f5f5;
}

.controlesAlertasSinotico_replay .filtroTriplo .btn-dropSinotico {
  background-color: #aec90b !important;
  color: #fff;
}

.controlesAlertasSinotico_replay .caret {
  color: #fff;
}

.controlesAlertasSinotico_replay .filtroTriplo .bgmultilinha,
.controlesAlertasSinotico_replay .filtroTriplo .bgreplay {
  width: 22px !important;
}

.numeroTerminal {
  color: #a4cc00 !important;
  font-size: 16px !important;
}

.numeroTerminal2 {
  color: #a4cc00 !important;
  font-size: 16px !important;
}

.resumoWrap {
  margin-top: 24px;
}

/*MODULO SINOTICO - REPLAY*/
#container .barraReplay input {
  height: 32px !important;
}

.barraReplay .filtroSinotico {
  width: 100% !important;
  display: inline-block;
  margin-top: -26px !important;
  margin-left: 0.5%;
}

.barraReplay .filtroSinotico .md-1 {
  display: inline-block;
}

.barraReplay .filtroSinotico .md-1:nth-child(3) input {
  position: relative;
  top: 1px;
}

.barraReplay .filtroSinotico .md-1:nth-child(3) i {
  position: relative;
  top: -8px;
  left: 8px;
}

.barraReplay .filtroSinotico .btn-default {
  height: 32px !important;
  font-size: 12px;
  position: relative;
  top: -28px;
}

.barraReplay .filtroSinotico .select2-container {
  position: relative;
  top: -28px;
}

.barraReplay .filtroSinotico div[data-clear] {
  left: -52px !important;
  top: -30px !important;
}

/*MODULO SINOTICO - REPLAY*/
/*MODULO SINOTICO - MULTILINHAS*/
#container .barraMultilinha input {
  height: 32px !important;
}

.barraMultilinha .filtroSinotico .btn-default {
  height: 32px !important;
  font-size: 12px;
}

#container.toggled .barraMultilinha .filtroSinotico div[data-clear] {
  left: -52px !important;
  top: 0px !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.barraMultilinha .filtroSinotico div[data-clear] {
  left: -52px !important;
}

.wrapSinoticoMultilinha .wrapconteudoSinotico {
  width: 84% !important;
  position: relative;
  top: 48px;
}

.wrapSinoticoMultilinha .terminalSinotico {
  background-color: transparent;
  width: 16% !important;
  padding: 8px !important;
  padding-right: 0px !important;
}

.idMultilinhas {
  font-size: 19.54px;
  color: #696969;
  display: inline-block;
}

.idMultilinhas span {
  color: #9b59b6 !important;
  font-weight: 600;
  font-style: italic;
  display: inline-block;
}

.nMultilinha {
  width: 100%;
  font-size: 12px;
  background-color: #f7f7f7;
  color: #5b5b5b !important;
  border-bottom: solid 1px #ccc;
  border-radius: 0px !important;
}

.nMultilinha .panel-heading {
  height: 34px;
}

.nMultilinha a {
  text-decoration: none !important;
}

.nMultilinha:last-of-type {
  border-bottom: 0px !important;
}

.mNum {
  padding: 8px;
  color: #fff;
  display: inline-block;
  margin-right: 4px;
  height: 34px;
}

/*CORES NOVAS TRAJETO*/
.rosaMulti {
  background-color: #d65b4e;
}

.roxoMulti {
  background-color: #946aa6;
}

.laranjaMulti {
  background-color: #e29147;
}

.azulMulti {
  background-color: #4795c9;
}

.verdeMulti {
  background-color: #89af3a;
}

/*CORES NOVAS TRAJETO*/
.iconMultilinha {
  background: #9b59b6;
  width: 25px;
  height: 25px;
  border-radius: 20px;
  color: #fff;
  display: inline-block;
  position: relative;
  top: 5px;
}

.iconMultilinha img {
  position: relative;
  top: -5px;
  left: 5px;
}

.idMultilinhas p {
  display: inline-block;
}

.painelMultilinha {
  width: 100%;
  background-color: #f0f0f0;
  height: 30px;
  padding-left: 8px;
  padding-top: 5px;
  margin-bottom: -5px;
  border-bottom: solid 1px #ccc;
  display: inline-block;
}

.painelMultilinha p {
  display: inline-block;
  float: left;
  text-transform: uppercase;
  color: #000;
  font-size: 11px;
}

#container .painelMultilinha .hideBarraNova {
  top: -5px;
  width: 30px;
  height: 29px;
  padding-top: 0px;
  display: inline-block;
}

#container .painelMultilinha .hideBarraNova i {
  font-size: 12px;
}

.LinhaMultiRight button {
  color: #adadad !important;
  font-size: 11px;
  background-color: transparent;
  border: none;
}

.LinhaMultiRight button .fa-cog {
  position: relative;
  left: -5px;
}

.dropMulti {
  display: inline-block !important;
  width: 20px;
  height: 33px;
  margin-top: -1px;
}

.wrapLinhaMulti {
  display: inline-block;
  width: 100%;
}

.LinhaMultiLeft {
  float: left;
  width: 80%;
  border-right: solid 1px #ccc;
}

.LinhaMultiRight {
  float: right;
  width: 20%;
  display: inline-block;
  margin-top: 2px;
}

.dropMulti:last-child {
  border-left: solid 1px #ccc;
  position: relative;
  top: -14px;
  left: 4px;
}

.dropMulti .dropdown-menu button i {
  margin-right: 5px;
}

.dropMulti .dropdown-menu button {
  font-size: 12px;
}

.nMultilinha .panel-heading {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
}

.nMultilinha .panel-body {
  background-color: #f0f0f0;
  padding: 0px;
}

.wrapcarrosUniMulti {
  width: 80%;
  margin-left: 20%;
}

.carrosUniMulti {
  width: 100%;
  padding: 5px;
  margin-bottom: 2px;
  background-color: #f7f7f7;
}

.wrapSinoticoMultilinha .panel-group .panel+.panel {
  margin-top: 0px !important;
}

.controleSinotico .controlesAlertasMapa_alertas {
  width: 175px !important;
  padding-top: 0px;
}

.controleSinotico .filtrosBuscaSinotico {
  width: 84px !important;
}

.wrapSinoticoMultilinha .infoLinhaSinotico {
  width: 100% !important;
  background-color: #f0f0f0;
  display: inline-block;
  height: 28px;
  border-bottom: solid 1px #ccc;
  margin-bottom: 20px;
}

#container .wrapSinoticoMultilinha .carroSinotico {
  top: -65px !important;
}

#container .wrapSinoticoMultilinha .pontoSinotico {
  top: -23px !important;
}

#container .wrapSinoticoMultilinha .seta_sentido {
  top: 23px !important;
}

#container .wrapSinoticoMultilinha .sinotico_uni {
  margin-bottom: 0px !important;
  padding: 10px;
  padding-top: 0px;
}

.legendaMulti {
  width: 100% !important;
  background-color: #f0f0f0;
  position: relative;
}

.legendaMulti p {
  text-transform: uppercase;
  color: #000;
  font-weight: 400;
  padding-left: 5px;
  padding-top: 5px;
  border-bottom: solid 1px #ccc;
  font-size: 12px;
}

.iconesLegenda {
  text-transform: none !important;
  display: inline-block;
  padding-left: 5px;
}

.iconesLegenda p {
  display: inline-block;
  border-bottom: none !important;
  font-size: 10px !important;
}

.idveiculo {
  width: 99.5%;
}

.idveiculo_uni {
  background-color: #e0e0e0;
  font-size: 10px;
  width: 70px;
  height: 20px;
}

.idMulti {
  float: left;
  color: #535353;
  padding: 4px;
}

.nLinhaMulti {
  float: right;
  width: 20px;
  color: #fff;
  height: 20px;
  padding: 4px;
  text-align: center;
}

.hasteID {
  height: 15px;
  border-left: solid 1px #ccc;
}

.zoomSinotico {
  display: block;
  width: 40px;
  position: relative;
  left: 97%;
}

.zoomSinotico button {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  color: #999999;
  display: block;
  margin-bottom: 5px;
  font-size: 12px;
}

.zoomSinotico button:hover,
.zoomSinotico button:active,
.zoomSinotico button:focus {
  color: #535353;
}

.escalaZoom {
  font-size: 11px;
  margin-top: -20px;
  display: block;
  width: 130px;
  margin-left: 5px;
}

.escalaZoom .dropdown {
  width: 110px;
}

/*MODULO SINOTICO - MULTILINHAS*/
/*MODULO NOVO SINOTICO*/
/*BUS-CHAT - CHAT*/
#container-incluirBusMsg textarea {
  width: 100%;
}

#container-incluirBusMsg .modal-content {
  width: 525px;
  left: 230px;
}

#container-incluirBusMsg .headerP {
  width: 523px;
}

.headerBusChat {
  background: url(../img/novo-bus-chat/header.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  position: absolute;
  height: 114px;
  top: 55px;
  border-bottom: solid 1px #ccc;
}

#homeBusChat {
  width: 100%;
  margin-left: 0px;
  height: calc(100% - 0);
  position: absolute;
  left: 0;
  top: 169px;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-right: solid 1px #ccc;
  display: inline-block;
}

#homeBusChat .cLeft {
  width: 385px;
  height: 100%;
  display: inline-block;
  padding-top: 15px;
  background-color: #d9dadc;
  overflow-y: visible;
  position: absolute;
  bottom: 0;
  overflow-x: hidden;
}

/* Scrollbar mapBox */
#homeBusChat .cLeft::-webkit-scrollbar {
  height: 5px;
  width: 10px;
}

/* Track */
#homeBusChat .cLeft::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* Handle */
#homeBusChat .cLeft::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(194, 194, 194, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
}

#homeBusChat .cLeft::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(194, 194, 194, 0.4);
}

#homeBusChat .cLeft::-webkit-scrollbar-thumb:hover {
  background: rgba(126, 126, 126, 0.8);
}

/* Scrollbar mapBox */
#homeBusChat .cLeft .wrapbtn-Bus {
  position: relative;
  top: -15px;
}

#homeBusChat .borda-busChat {
  width: 20px;
  background-image: url(../img/novo-bus-chat/pattern-borda.png);
  min-height: 700px;
  position: absolute;
  bottom: 0;
  left: 380px;
  display: inline-block;
  background-repeat-y: repeat;
  top: 0px;
  z-index: 3;
}

#homeBusChat .cRight {
  background-color: #fff;
  width: calc(100% - 405px);
  height: 100%;
  float: right;
  display: inline-block;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 30px;
}

#homeBusChat span {
  font-size: 12px;
}

#homeBusChat .help-center {
  text-align: center;
}

.tipoNome {
  width: 20%;
  position: relative;
  top: 30px;
}

#homeBusChat .tituloUltimas p {
  color: #535353;
  text-shadow: none;
  font-weight: 600;
  padding-left: 10px;
  font-size: 14px;
}

#homeBusChat .tituloUltimas p i {
  color: #ccc;
  font-size: 18px;
}

.msgBox {
  border-top: dashed 1px #ccc;
  padding: 8px;
  padding-left: 15px;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 3px;
  background-color: #f0f0f0;
  background: #fff;
}

.boxNlida {
  background-color: #f0f0f0;
  font-weight: 400;
}

.statusMsg {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.statusMsg .badge {
  margin-bottom: 8px;
}

.msgBox:nth-of-type(n) .statusMsg .badge {
  /*background-color: #7F8C8D;*/
  background-color: #2484c6;
}

.msgBox:nth-of-type(n) .statusMsg .badgeOperator {
  background-color: #69b724 !important;
}

.msgBox:nth-of-type(2n) .statusMsg .badge {
  /*background-color: #98a3a3;*/
  background-color: #2484c6;
}

.statusMsg .help-block {
  margin-left: 10px;
  float: right;
}

.msgBox .conteudoMsg .acoesMsg:nth-of-type(2) {
  display: inline-block;
  /*border-left: solid 1px #ccc;*/
  padding-left: 11px;
  float: right;
  background: #69b724 !important;
  border-radius: 20px;
  width: 105px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.msgBox .conteudoMsg .acoesMsg {
  display: inline-block;
  /*border-left: solid 1px #ccc;*/
  padding-left: 11px;
  float: right;
  background: #95a5a6;
  border-radius: 20px;
  width: 105px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left:10px;
}

.msgBox .conteudoMsg .acoesMsg a {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

.msgBox .conteudoMsg .acoesMsg a:hover,
.msgBox .conteudoMsg .acoesMsg a:focus {
  text-decoration: none;
}

.msgBox .conteudoMsg .acoesMsg i {
  display: inline-block;
  font-size: 13px;
}
.msgBox .conteudoMsg .acoesMsg a > i.icon-fa-check-circle {
  display: inline-block;
  font-size: 16px;
  margin-left: -5px;
  margin-right: 3px
  }

.conteudoMsg .col-md-8 {
  width: 85%;
}

.conteudoMsg .col-md-4 {
  width: 15%;
}

.cRight h3 .badge {
  background-color: #ffea00;
  height: 20px;
  min-width: 30px;
  margin-left: 14px;
  position: relative;
  top: -3px;
}

.cRight .inputSearch {
  width: 95%;
}

.cRight .inputSearch input {
  font-size: 11px;
  z-index: 0;
}

.tituloUltimas .col-md-8 {
  width: 69.5%;
}

.tituloUltimas .col-md-4 {
  width: 27%;
}

#homeBusChat .destinatarioBox h3 {
  font-size: 17px;
}

.destinatarioBox {
  width: 92%;
  background: #fafafa;
  border: dashed 1px #a3b1b1;
  margin-top: 15px;
  padding: 5px;
  padding-left: 8px;
  float: left;
  margin-left: 4%;
}

.destinatarioBox .btnSelectDest {
  float: right;
  position: relative;
  top: -65px;
  height: 50px;
  width: 49px;
  border-radius: 0px;
  background: #fff;
  border: solid 1px #ccc;
  color: #96b032;
  font-size: 16px;
}

.destinatarioBox .outrasOpcoes {
  margin-top: 8px;
  float: left;
  width: 99%;
  margin-left: 0.5%;
  border-radius: 0px !important;
  padding: 8px !important;
}

.destinatarioBox .outrasOpcoes .radioCheckbox .radio label {
  left: 0px;
}

.pontoSection {
  padding-top: 5px;
}

.btnSelectfull {
  height: 44px;
  border-radius: 0px;
  background: #fff;
  border: solid 1px #ccc;
  color: #96b032;
  font-size: 12px;
  font-weight: 300;
  float: right;
  margin-top: 0px;
  width: 134px;
  margin-bottom: 0px;
}

.pontoBox {
  border-top: dashed 1px #a3b1b1;
  height: 155px;
}

.btnSelectfull:hover,
.btnSelectfull:active,
.btnSelectfull:focus {
  text-decoration: underline !important;
  color: #96b032 !important;
}

.groupVeiculosChat .help-block {
  font-size: 9.5px !important;
}

#homeBusChat .close span {
  color: #a4cc00 !important;
}

/*#homeBusChat .btn-novo .btn-default{
  width: 170px!important;
}*/
/*#homeBusChat .btn-novo .btn-azul{
  width: 170px!important;
  float: right;
}*/
.outrasOpcoes .help-block {
  float: left;
}

.outrasOpcoes .hideShow {
  font-size: 11px;
  float: right;
  position: relative;
}

.outrasOpcoes .form-group {
  clear: both;
}

/*CHAT JANELA*/
.chat-window {
  bottom: 0;
  position: fixed;
  float: right;
  margin-left: 10px;
  width: 387px;
}

.chat-window>div>.panel {
  border-radius: 0px 0px 0 0;
}

/*altura do chat com audio*/
.alturaComAudio {
  height: 400px;
}

/*altura do chat sem audio*/
.alturaSemAudio {
  height: 385px;
}

.icon_minim {
  padding: 2px 10px;
}

/*fim altura do chat sem audio*/
.chat-window .panel-title {
  font-size: 16px;
  text-shadow: none;
  color: #535353;
  width: 290px;
}

.chat-window .panel-title .badge {
  background-color: #7f8c8d !important;
  cursor: pointer;
}

.chat-window .panel-title .bNlidas {
  background-color: #ffea00 !important;
  border: solid 1px #fff;
  margin-left: 8px;
}

.chat-window .panel-title .help-block {
  display: inline-block !important;
}

.msg_container_base {
  background: #fff;
  margin: 0;
  padding: 0 10px 10px;
  max-height: 300px;
  overflow-x: hidden;
}

.top-bar {
  background: #a4cc00 !important;
  padding: 10px;
  position: relative;
  overflow: hidden;
}

.msg_container {
  padding: 10px;
  overflow: hidden;
  display: flex;
}

.msg_container_base::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

.msg_container_base::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}

.msg_container_base::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #bbbbbb;
}

#container .horarioMsg {
  font-size: 9px !important;
  display: inline-block;
  text-align: right;
}

.talkbubble {
  width: 80%;
  margin-left: 10%;
  min-height: 35px;
  background: #efefef;
  position: relative;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  margin-top: 10px;
}

.talkbubble:before {
  content: '';
  position: absolute;
  right: 100%;
  top: 10%;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-right: 9px solid #efefef;
  border-bottom: 9px solid transparent;
}

.talkbubble span,
.talkbubbleMe span {
  padding: 8px;
  font-size: 12px;
  width: 98%;
  display: block;
  margin-left: 2%;
  word-wrap: break-word;
  padding-right: 1%;
}

.infoDest {
  border-bottom: solid 1px #ccc;
  color: #535353;
  width: 95%;
  margin-left: 3%;
}

.talkbubbleMe {
  width: 80%;
  margin-left: 10%;
  min-height: 35px;
  background: #deeaab;
  position: relative;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  margin-top: 10px;
}

.talkbubbleMe:before {
  content: '';
  position: absolute;
  left: 100%;
  top: 10%;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-right: 9px solid #deeaab;
  border-bottom: 9px solid transparent;
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

.selectMsgpre {
  padding: 5px;
  background: #fff;
  border: 1px dashed #ccc;
  font-size: 11px;
  margin-top: 10px;
}

.selectMsgpre a {
  cursor: pointer;
}

.selectMsgpre .combobox {
  padding-top: 0px;
}

.selectMsgpre .dropdown {
  width: 100%;
}

.selectMsgpre .msgList {
  margin-top: 15px;
  display: none;
}

.selectMsgpre .msgList.toggled {
  display: block;
}

.iGrupored {
  color: #d53a3c;
}

.iGrupoblue {
  color: #3498db;
}

.iGrupoyellow {
  color: #ffea00;
}

.iGrupogreen {
  color: #2ecc71;
}

.iGrupopurple {
  color: #9b59b6;
}

.iGrupoorange {
  color: #e67e22;
}

.chat-window .btn-send {
  background: #b6ce24 !important;
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  border-radius: 0px;
}

.chat-window .btn-send:hover {
  background: #bed33c !important;
}

/*CHAT JANELA*/
/*BUS-CHAT - CHAT*/
/*BUS-CHAT - HISTORICO*/
.resultadoChat {
  width: 95%;
  margin-left: 2.5%;
  margin-top: 15px;
  font-size: 12px;
}

.resultadoChat thead {
  text-transform: uppercase;
  color: #000;
  font-weight: 400;
}

.resultadoChat tbody {
  color: #999999;
  font-weight: 400;
}

.operadorHistorico {
  font-size: 11.5px;
  font-style: italic;
}

.grupoTooltip {
  font-weight: 600;
  cursor: pointer;
}

/*BUS-CHAT - HISTORICO*/
/*MODULO NOVO MAPA*/
.cSearchMapa {
  flex-grow: 5;
}

@media screen and (max-height: 400px) {

  /*.floatting-chat-window{
    display: flex;
    justify-content: flex-end;
  }*/
  .msg_container_base {
    background: #fff;
    height: 240px;
  }

  .chat-window {
    margin-left: 48px !important;
  }

  .chat-window .panel .top-bar div:nth-child(2) {
    display: none;
  }

  .talkbubble span,
  .talkbubbleMe span {
    padding: 2px;
    font-size: 12px;
    width: 98%;
    display: block;
    margin-left: 2%;
    word-wrap: break-word;
    padding-right: 1%;
  }
}

@media screen and (max-width: 484px) {
  .cSearchMapa {
    position: absolute;
    top: 50px;
    width: 97%;
  }
}

@media screen and (max-width: 407px) {
  .absolute-position-for-small-screen {
    position: absolute;
    top: 85px;
  }
}

.cSearchMapa .display-flex #inputsearch {
  flex: 36;
  width: auto;
}

.cSearchMapa .display-flex .input-group-addon {
  flex: 1;
}

/*.cSearchMapa .input-group{
  position: ;
}*/
.inputSearch .input-group-addon {
  border: none !important;
}

.inputSearch .input-group-addon i {
  font-size: 16px;
}

#container .inputSearch input {
  width: 460px;
  font-size: 12px !important;
  padding-left: 8px;
  border: none;
  height: 30px;
}

#container .inputSearch input:focus {
  outline: solid 1px #ccc;
}

.filtroIconMapa {
  position: relative;
  right: 25px;
  color: #a4cc00;
  font-size: 18px;
}

.filtroBoxMapa {
  width: 460px;
  max-height: 126px;
  background: #fafafa;
  border: solid 1px #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 3px 3px 9px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 3px 3px 9px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 3px 3px 9px 0px rgba(50, 50, 50, 0.3);
  padding: 5px;
  padding-left: 8px;
  font-size: 12px;
  margin-top: -8px;
}

.filtroBoxMapa p,
.resultadosBuscaMapa p {
  text-transform: uppercase;
  color: #616161;
}

.filtroBoxMapa .select2-container {
  font-size: 11px !important;
}

.resultadosBuscaMapa {
  width: inherit;
  max-height: 122px;
  max-width: 530px;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  border: solid 1px #ffffff;
  border-radius: 0px;
  -webkit-box-shadow: 3px 3px 9px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 3px 3px 9px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 3px 3px 9px 0px rgba(50, 50, 50, 0.3);
  font-size: 12px;
  margin-top: 10px;
  position: relative;
  top: 12px;
  padding-top: 10px;
  z-index: 1;
}

.resultadosBuscaMapa_uni {
  border-bottom: solid 1px #e5e5e5;
  padding-left: 15px;
  /* padding-bottom: 5px; */
  padding-top: 5px;
  cursor: pointer;
}

.resultadosBuscaMapa_uni:hover,
.resultadosBuscaMapa_uni:focus {
  background-color: #eff0f2;
}

.resultadosBuscaMapa_uni div {
  display: inline-block;
  width: 100%;
}

/*.resultadosBuscaMapa_uni:last-child{
  border-bottom: none;
}*/
.addResultado {
  float: right;
  background: transparent;
  border: none;
  color: #a4cc00;
  font-size: 14px;
  position: relative;
  top: -5px;
}

.addResultado:hover,
.addResultado:active,
.addResultado:focus {
  color: #869b09;
}

#container .filtroBoxMapa .select2-container .select2-choice .select2-arrow,
#container .controlesAlertasMapa .modal-lg .select2-container .select2-choice .select2-arrow,
#container .barraFiltros .select2-container .select2-choice .select2-arrow,
#container .barraFiltrosPrevisao .select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 32px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: url('../img/select_pq.png') no-repeat 0 1px #aec90b;
}

#container .filtroBoxMapa .select2-container .select2-choice .select2-arrow b,
#container .controlesAlertasMapa .modal-lg .select2-container .select2-choice .select2-arrow b,
#container .barraFiltros .select2-container .select2-choice .select2-arrow b,
#container .barraFiltrosPrevisao .select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../img/select_pq.png') no-repeat 0 1px #aec90b;
}

#container .filtroBoxMapa .select2>.select2-choice.ui-select-match,
#container .controlesAlertasMapa .modal-lg .select2>.select2-choice.ui-select-match,
#container .barraFiltros .select2>.select2-choice.ui-select-match,
#container .barraFiltrosPrevisao .select2>.select2-choice.ui-select-match {
  /* Because of the inclusion of Bootstrap */
  height: 32px;
}

#container .barraFiltros .filtroReplay .select2-container .select2-choice>.select2-chosen {
  margin-top: 0px;
}

.filtroBoxMapa .row {
  width: 100%;
}

#container .filtroBoxMapa div[data-clear] {
  margin-left: 290px;
  top: -31px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.filtroBoxMapa2 {
  width: 100%;
  max-height: 90px;
  height: auto !important;
  padding: 5px 0px;
  padding-bottom: 0px;
  font-size: 11px;
  color: #fff;
  overflow-y: visible;
  position: relative;
}

.buscaFocus {
  background-color: #eff0f2;
}

.infoLinhasBox {
  width: 100%;
  height: 26px;
  background: #57616d;
  margin-bottom: 2px;
  overflow: hidden;
}

.infoLinhasBox p {
  font-size: 10px !important;
}

.wrap-mini-icons,
.wrap-mini-icons div {
  display: inline-block;
  margin-left: 2px;
}

.infoLinhasBox .badge,
.painel_info .badge {
  border-radius: 5px;
  font-size: 11px !important;
}

.infoLinhasBox .icone-col {
  width: 40px;
  padding: 0px;
  padding-top: 4px;
  text-align: center;
}

.infoLinhasBox .col-md-1:nth-of-type(2) {
  /*width: 40px;*/
  margin-left: -10px;
}

.infoLinhasBox .col-md-1:nth-of-type(3) {
  width: 160px;
  font-size: 10px !important;
  padding: 0px;
  padding-left: 36px;
  padding-right: 8px;
}

.infoLinhasBox .col-md-1 p {
  margin-left: 8px;
  text-transform: uppercase;
}

/*.infoLinhasBox .col-md-1:nth-of-type(4){
  width: 197px;
  padding: 0px;
  padding-left: 15px;
  border-bottom: solid 1px #ccc;
}
.infoLinhasBox .col-md-1:nth-of-type(5){
  width: 30px!important;
  font-size: 11px;
}*/
.infoLinhasBox .fa-bus {
  margin-right: 5px;
  font-size: 15px;
  color: #c9d5d6;
}

.infoLinhasBox .configCor {
  font-size: 17px;
  color: #c7d3d4;
  background: transparent;
  border: none;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  outline: 0px;
  cursor: pointer;
}

.infoLinhasBox .configCor i {
  text-align: left;
}

.infoLinhasBox .flex-wrap .flex-initial {
  -webkit-flex: initial;
  flex: initial;
}

.infoLinhasBox a:hover,
.infoLinhasBox a:focus,
.infoLinhasBox button:hover {
  opacity: 0.8;
  cursor: pointer;
  color: #8e8e8e;
}

.popover-mapa {
  color: #535353;
  font-weight: 300;
  width: 59px !important;
  border: none !important;
  border-radius: 2px !important;
  top: 240px !important;
}

.popover-mapa h3 {
  color: #535353;
  font-size: 15px;
  border-bottom: solid 1px #ccc !important;
  padding: 8px;
  text-shadow: none;
  font-weight: 300;
  padding-top: -40px;
  margin-top: 0px;
  width: 95%;
  font-style: italic;
}

.popover-mapa .popover-content {
  min-height: 50px !important;
}

.popover-mapa .opcoesCores {
  width: 90%;
  margin-left: 5%;
}

.popover-linha {
  top: 186px !important;
  left: 1350.84px !important;

  color: #535353;
  font-weight: 300;
  width: 59px !important;
  border: none !important;
  border-radius: 2px !important;
  height: 162px;
}

.atualCor {
  outline: 2px #bdc3c7 solid;
}

.atualCorsp {
  color: #535353;
  display: block;
  margin-top: 15px;
  margin-left: -5px;
}

button.minimize {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  text-shadow: none;
}

.minimize {
  float: right;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  color: #a4cc00;
  text-shadow: none;
}

.limparLinhaBox {
  cursor: pointer !important;
  display: inline-block;
  vertical-align: middle;
}

.limparLinhaBox a {
  display: inline-block;
  margin-right: 5px;
  margin-left: 0px;
  font-size: 14px;
  color: #c7d3d4;
}

.limparLinhaBox img {
  width: 14px;
  vertical-align: top !important;
  margin-top: -1px;
}

.limparLinhaBox i {
  font-size: 13px;
  vertical-align: top !important;
  margin-top: -1px;
}

/*.boxAlertasMapa{
  position: absolute;
  top: 54px;
  float: right;
  right: 158px;
  overflow-y: auto;
  overflow-x: hidden;
}*/
/*DEIXAR COMENTADO!!!!*/
.wrap_alertas_uni {
  width: 296px;
  background-color: rgba(255, 255, 255, 0.9);
  overflow-y: auto;
  max-height: 202px;
  padding-left: 5px;
}

.headerAlerta {
  background-color: #cb4444;
  width: 257px;
  height: 39px;
  color: #fff;
  font-size: 16px;
  padding-left: 10px;
  padding: 8px;
}

.headerAlerta .badge {
  background: #fff;
  color: #cb4444;
}

.boxAlertasMapa .minimize {
  color: #fff !important;
  padding-right: 8px;
  margin-top: 8px;
}

.wrap_info {
  position: fixed;
  right: 0px;
  z-index: 2;
  top: 0px;
  height: 100%;
  bottom: 0;
  background: #3e4444;
}

.painel_info {
  background: #3e4444;
  -webkit-box-shadow: inset 12px 7px 5px -12px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 12px 7px 5px -12px rgba(0, 0, 0, 0.5);
  box-shadow: inset 12px 7px 5px -12px rgba(0, 0, 0, 0.5);
  width: 300px;
  height: 99%;
  color: #c2cece;
  overflow-y: auto;
  top: 0px;
  position: relative;
}

.painel_info_uni {
  margin-bottom: 10px;
  border-bottom: solid 1px #757c7d;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  margin-top: 5px;
}

.painel_info_uni:last-of-type {
  border: none;
}

.painel_info_uni .label-p {
  margin: 0px 24px 10px;
  font-size: 12px;
}

.painel_info_uni .p-veiculo {
  font-size: 11px !important;
  display: block !important;
  /*padding-left: 14px!important;*/
  line-height: normal;
}

.painel_info_uni span {
  font-size: 11px !important;
  /*margin-bottom: 8px;*/
  display: inline-block;
  /*padding-left: 8px;*/
}

.painel_info_uni span i {
  padding-right: 5px;
  font-size: 15px !important;
  color: #c9d5d6;
}

.painel_info_uni span img {
  width: 17px;
  height: 17px;
}

.painel_info_uni .badge-ign {
  font-size: 9px !important;
  text-transform: uppercase;
  font-weight: 300;
  background-color: #e77e23;
  border-radius: 10px !important;
}

.painel_info_uni .principal_info {
  font-size: 12px !important;
  font-weight: 400;
}

.imgPonto img {
  padding-left: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.painel_info_uni .pinSection {
  float: right;
  margin-left: 5px;
  color: #fff !important;
  background: #535b5d;
  width: 24px;
  height: 24px;
  text-align: center;
  padding-top: 2px;
}

.painel_info_uni .pinSection a {
  font-size: 13px !important;
  color: #fff;
}

.pin-ed .fa-thumb-tack {
  color: #d53a3c !important;
}

.following.fa-eye {
  color: #d53a3c !important;
}

.headerpainel_info {
  font-size: 11px !important;
  text-transform: uppercase;
  display: inline-block;
  width: 100%;
  background: #535b5d;
  padding-left: 18px;
  padding-top: 19px;
  padding-bottom: 19px;
}

.headerpainel_info a {
  display: inline-block;
  padding-left: 8px;
  font-weight: 300;
  color: #fff !important;
}

.headerpainel_info a:hover,
.headerpainel_info a:active,
.headerpainel_info a:focus {
  text-decoration: none;
  color: #b2cb0f !important;
}

.headerpainel_info .header_active {
  color: #c2cece !important;
}

/*
.painel_info p{
  padding-left: 10px;
}*/
#container .painel_info .help-block {
  color: #c9d5d6;
  padding-left: 10px;
  font-size: 11px !important;
  display: block;
}

#container .painel_info .help-block:first-of-type {
  margin-top: 20px;
}

.painel-infoPainel {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

#info-veiculo-accordion .panel {
  box-shadow: none !important;
}

#info-veiculo-accordion .panel-collapse {
  margin-top: 10px;
}

.painel-infoPainel a {
  color: #b1c929 !important;
  font-size: 11.5px;
  text-decoration: none;
}

.painel-infoPainel a img {
  float: right;
}

.painel-infoPainel a:hover,
.painel-infoPainel a:focus,
.painel-infoPainel a:active {
  text-decoration: none !important;
}

.painel-infoPainel>.panel-heading {
  background-color: transparent !important;
  box-shadow: none !important;
  padding-left: 0;
  padding-right: 0px;
  height: 25px;
}

.painel-infoPainel div:nth-child(2) {
  font-size: 10.5px;
}

.alertas_uni {
  width: 100%;
  /*NOVA USABILIDADE*/
  float: left;
}

.alertas_uni:last-of-type {
  border-bottom: none !important;
}

.alertas_uni .col-md-4 {
  width: 18%;
}

.alertas_uni .col-md-4 img {
  padding-left: 0px;
  width: 23px;
  height: 23px;
}

.alertas_uni .col-md-8 {
  width: 65%;
  font-size: 12px;
  padding: 0px;
  padding-left: 5px;
  padding-right: 3px;
}

.alertas_uni .col-md-8 p {
  font-size: 12px !important;
  padding: 0px;
  color: #535353;
}

.btnboxAlertasMapa {
  position: absolute;
  left: -15px;
  top: 45%;
  background: #3e4243 !important;
  color: #fff;
  border: 0px;
  border-radius: 5px;
  width: 25px;
  height: 50px;
  z-index: 2;
  cursor: pointer;
  outline: none;
}

.btnboxAlertasMapa i {
  position: relative;
  left: -3px;
  font-size: 12px;
}

.painel_info::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(75, 80, 81, 0.3);
  background-color: #4b5051;
}

.painel_info::-webkit-scrollbar {
  width: 10px;
  background-color: #4b5051;
}

.painel_info::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(110, 105, 116, 0.8);
  background-color: #5e6465;
  border-radius: 10px;
}

.wrap_alertas_uni::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(234, 234, 236, 0.3);
  background-color: #eaeaec;
}

.wrap_alertas_uni::-webkit-scrollbar {
  width: 10px;
  background-color: #eaeaec;
}

.wrap_alertas_uni::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(239, 198, 198, 0.8);
  background-color: #f4d9d9;
  border-radius: 10px;
}

.opcoescorespopover {
  display: flex;
  width: 99.5%;
  margin-left: 0.5%;
  flex-wrap: wrap;
}

.paleta_vertical {
  width: 15px;
  height: 15px;
  margin-bottom: 2px;
  cursor: pointer;
  margin-left: 1px;
}

.opcoescorespopover .paleta_vertical:hover,
.opcoescorespopover .paleta_vertical:active,
.opcoescorespopover .paleta_vertical.active,
.opcoescorespopover .paleta_vertical:focus {
  outline: 2px #bdc3c7 solid;
}

.metricasBox {
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 195px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 0;
  background: #fafafa;
  border: solid 1px #ffffff;
  -webkit-box-shadow: 10px -4px 5px -4px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 10px -4px 5px -4px rgba(50, 50, 50, 0.3);
  box-shadow: 10px -4px 5px -4px rgba(50, 50, 50, 0.3);
  padding: 5px;
  padding-top: 8px;
  margin-left: 0px !important;
  width: 100% !important;
  z-index: 6;
}

.metricasBox p {
  text-transform: uppercase;
  color: #616161;
  width: 98%;
}

.metricasBox table {
  margin-top: -5px !important;
  table-layout: fixed;
}

.metricasBox table tbody tr:hover,
.metricasBox table tbody tr:focus,
.metricasBox table tbody tr:active {
  background-color: transparent !important;
}

.fixedHeader {
  width: 99.5%;
}

.srcollBody {
  max-height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100% !important;
}

.cadastro_acao {
  margin-right: 1vw;
  max-height: 17vw;
  overflow-y: auto;
  overflow-x: hidden;
  width: 60% !important;
}

.controlesAlertasMapa {
  background-color: #fff;
  height: 40px;
  padding-left: 12px;
  position: relative;
  top: -10px;
  padding-top: 0px;
}

.controlesAlertasMapa p {
  display: inline-block;
  font-size: 12px;
  /*NOVA USABILIDADE 1486*/
  padding-right: 20px;
}

.controlesAlertasMapa p img {
  vertical-align: top;
}

#container .controleSinotico {
  width: 284px !important;
  padding-top: 8px;
}

.controlesAlertasMapa_alertas {
  display: inline-block;
  padding-top: 4px;
  border-left: solid 1px #ccc;
  padding-left: 20px;
  padding-bottom: 5px;
  position: relative;
  top: 2;
}

.controlesAlertasMapa_alertas img {
  display: inline-block;
  width: 25px;
  height: 25px;
}

.controlesAlertasMapa_alertas .btn-controle {
  border: 0px;
  background-color: transparent;
  opacity: 0.8;
  position: relative;
  top: 4px;
}

.badgePlot {
  background-color: #ee553d !important;
  font-size: 8px !important;
  position: relative;
  top: -11px;
  left: 8px;
  z-index: 1000;
}

.btn-limpar-mapa button {
  border: none;
  color: #535353;
  float: right;
  font-size: 11px;
  font-weight: 300;
  padding: 0px;
  position: absolute;
  right: 18px;
  top: 6px;
  background: #ecf4f3;
  padding: 4px;
  border-radius: 3px;
}

.btn-limpar-mapa button img {
  margin-right: 5px;
  width: 16px;
}

.dropMapa {
  left: 385px !important;
  border: none !important;
  border-radius: 0px !important;
  padding-top: 0px !important;
}

.dropMapa li img {
  margin-right: 10px;
}

.dropMapa li {
  font-size: 12px;
  padding-top: 3px;
  border-bottom: solid 1px #ccc;
}

.dropMapa>li>.item-toggle {
  padding-bottom: 7px !important;
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block !important;
  text-overflow: ellipsis;
  color: #bcbcbc;
  padding: 3px 10px;
  padding-bottom: 2px;
  font-size: 11px;
}

.dropMapa>.mostraTodosDrop>.item-toggle {
  text-transform: uppercase;
  font-weight: 400;
}

.dropMapa .darkgrey {
  color: #fff;
}

.dropMapa .darkgrey p {
  display: inline-block;
}

.dropMapa .darkgrey .lightgrey {
  font-size: 11px !important;
  float: right;
  cursor: pointer;
}

.dropMapa li,
.dropDefault li {
  border-bottom: solid 1px #ccc;
  font-size: 12px;
}

.dropMapa li:last-of-type,
.dropDefault li:last-of-type {
  border: none;
}

.dropMapa p,
.dropDefault p {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  padding-left: 10px;
}

.dropMapa .badge {
  float: right;
  margin-right: 15px;
  color: #4f5356;
  font-size: 9px;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
  max-width: 60px;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background-color: transparent !important;
}

.dropdown-menu>li:hover,
.dropdown-menu>li:focus {
  background-color: #f5f5f5;
}

.li-labelItem>li:hover {
  background-color: transparent !important;
}

.toggle-button-modal {
  margin-right: 6px !important;
}

.toggle-button-default {
  background-color: transparent;
  border: none !important;
  float: right;
  margin-right: 15px;
  outline: none;
}

.wrap-drop-down-Ponto {
  display: inline-block;
}

.drop-down-Ponto {
  left: 119px !important;
  top: 35px !important;
  border: none !important;
  border-radius: 0px !important;
  min-width: 29px !important;
  background-color: #fff !important;
}

.drop-down-Bus {
  left: 15px !important;
  top: 35px !important;
  border: none !important;
  border-radius: 0px !important;
  min-width: 29px !important;
  /*background-color: #e2e7ea!important;*/
  background-color: #fff !important;
}

.drop-down-Ponto li,
.drop-down-Bus li {
  padding-left: 6px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.drop-controle-mapa {
  font-size: 9.5px !important;
  position: relative;
  left: -12px;
  top: 6px;
  cursor: pointer;
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -webkit-transform: rotate(-45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-45deg);
}

.controlesAlertasMapa_replay {
  display: inline-block;
  height: 40px;
  padding-left: 3px;
  padding-right: 5px;
  cursor: pointer;
  font-size: 12px;
  margin-left: 26px;
  padding-top: 9px;
  background-color: #e2e7ea;
  position: relative;
  top: 0px;
  width: auto;
}

.btn-replay,
.btn-plotagem,
.btn-multilinha,
.btn-sinotico {
  border: none;
  background: transparent;
  outline: 0px;
}

.bgplotagem img,
.bgreplay img {
  vertical-align: sub;
}

.bgmultilinha {
  background: #9b59b6;
  width: 25px;
  height: 22px;
  border-radius: 10px;
  color: #fff;
  margin-top: 3px;
  display: inline-block;
}

.bgsinotico {
  background: #488fdf;
  width: 25px;
  height: 22px;
  border-radius: 10px;
  color: #fff;
  margin-top: 3px;
  display: inline-block;
}

.btn-controle {
  margin-right: 8px;
}

.btn-bus {
  background: url(../img/icones_mapa/bus_all.png);
  background-size: 20px 80px;
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
}

.btn-bus:hover {
  background-position: 0px -20px;
}

.micro-btn-bus {
  background: url(../img/icones_mapa/bus_all_micro.png);
  background-size: 15px 60px;
  width: 15px;
  height: 15px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.micro-btn-bus:hover {
  background-position: 0px -15px;
}

.btn-ponto {
  background: url(../img/icones_mapa/ponto_all.png);
  background-size: 20px 80px;
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.btn-ponto:hover {
  background-position: 0px -20px;
}

.micro-btn-ponto {
  background: url(../img/icones_mapa/ponto_all_micro.png);
  background-size: 15px 60px;
  width: 15px;
  height: 15px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.micro-btn-ponto:hover {
  background-position: 0px -15px;
}

.btn-trajeto {
  background: url(../img/icones_mapa/trajeto_all.png);
  background-size: 20px 80px;
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.btn-trajeto:hover {
  background-position: 0px -20px;
}

.micro-btn-trajeto {
  background: url(../img/icones_mapa/trajeto_all_micro.png);
  background-size: 15px 60px;
  width: 15px;
  height: 15px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.micro-btn-trajeto:hover {
  background-position: 0px -15px;
}

.btn-id {
  background: url(../img/icones_mapa/id_all.png);
  background-size: 20px 80px;
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.btn-id:hover {
  background-position: 0px -20px;
}

.micro-btn-id {
  background: url(../img/icones_mapa/id_all_micro.png);
  background-size: 15px 60px;
  width: 15px;
  height: 15px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.micro-btn-id:hover {
  background-position: 0px -15px;
}

.btn-id-ponto {
  background: url(../img/icones_mapa/id_ponto_all.png);
  background-size: 20px 80px;
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.btn-id-ponto:hover {
  background-position: 0px -20px;
}

.micro-btn-id-ponto {
  background: url(../img/icones_mapa/id_ponto_all_micro.png);
  background-size: 15px 60px;
  width: 15px;
  height: 15px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.micro-btn-id-ponto:hover {
  background-position: 0px -15px;
}

.btn-ignicao {
  background: url(../img/icones_mapa/ms_igni_all.png);
  background-size: 20px 80px;
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.btn-ignicao:hover {
  background-position: 0px -20px;
}

.micro-btn-ignicao {
  background: url(../img/icones_mapa/ms_igni_all_micro.png);
  background-size: 15px 60px;
  width: 15px;
  height: 15px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.micro-btn-ignicao:hover {
  background-position: 0px -15px;
}

.btn-alertas {
  background: url(../img/icones_mapa/alertas_all.png);
  background-size: 20px 80px;
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.btn-alertas:hover {
  background-position: 0px -20px;
}

.micro-btn-alertas {
  background: url(../img/icones_mapa/alertas_all_micro.png);
  background-size: 15px 60px;
  width: 15px;
  height: 15px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.micro-btn-alertas:hover {
  background-position: 0px -15px;
}

.btn-sinal {
  background: url(../img/icones_mapa/sinal_all.png);
  background-size: 20px 80px;
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.btn-sinal:hover {
  background-position: 0px -20px;
}

.micro-btn-sinal {
  background: url(../img/icones_mapa/sinal_all_micro.png);
  background-size: 15px 60px;
  width: 15px;
  height: 15px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.micro-btn-sinal:hover {
  background-position: 0px -15px;
}

.btn-cerca {
  background: url(../img/icones_mapa/cerca_all.png);
  background-size: 20px 80px;
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.btn-cerca:hover {
  background-position: 0px -20px;
}

.micro-btn-cerca {
  background: url(../img/icones_mapa/cerca_all_micro.png);
  background-size: 15px 60px;
  width: 15px;
  height: 15px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.micro-btn-cerca:hover {
  background-position: 0px -15px;
}

.micro-btn-areaponto {
  background: url(../img/icones_mapa/areaponto_all_micro.png);
  background-size: 15px 60px;
  width: 15px;
  height: 15px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.micro-btn-areaponto:hover {
  background-position: 0px -15px;
}

.micro-btn-sinotico {
  background: url(../img/icones_mapa/sinotico_c.png);
  width: 15px;
  height: 15px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.micro-btn-sinotico:hover {
  background: url(../img/icones_mapa/sinotico_v.png);
}

.micro-btn-controle {
  background: url(../img/icones_mapa/controle_partida_c.png);
  width: 17px;
  height: 13px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.micro-btn-controle:hover {
  background: url(../img/icones_mapa/controle_partida_v.png);
}

/* .btn-reveal-items{
  width: 48px;
  margin: 0 auto;
  font-size: 12px;
  background-color: #4b535e;
  border-radius: 5px 5px 0 0;
  text-align: center;
  cursor: pointer;
} */
.btn-planej {
  background: url(../img/icones_sinotico/planejamento_all.png);
  background-size: 20px 80px;
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.btn-planej:hover {
  background-position: 0px -20px;
}

.btn-grid {
  background: url(../img/icones_mapa/alertas_grid.png);
  background-size: 20px 80px;
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.btn-grid:hover {
  background-position: 0px -20px;
}

.btn-agrupar {
  background: url(../img/icones_mapa/agrupamento_all.png);
  background-size: 20px 80px;
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.btn-agrupar:hover {
  background-position: 0px -20px;
}

.btn-areaponto {
  background: url(../img/icones_mapa/areaponto_all.png);
  background-size: 20px 80px;
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.btn-areaponto:hover {
  background-position: 0px -20px;
}

.btn-planej {
  background: url(../img/icones_sinotico/planejamento_all.png);
  background-size: 21px 96px;
  width: 21px;
  height: 24px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.btn-planej:hover {
  background-position: 0px -24px;
}

.btn-servico {
  background: url(../img/icones_mapa/servico_all.png);
  background-size: 20px 80px;
  width: 20px;
  height: 20px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.btn-servico:hover {
  background-position: 0px -20px;
}

.btn-alertasDrop {
  background: url(../img/icones_mapa/alertasDrop_all.png);
  background-size: 30px 44px;
  width: 30px;
  height: 21px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  border-radius: 5px;
  border: none;
  outline: 0;
  margin-right: 20px !important;
}

.btn-alertasDrop:hover,
.btn-alertasDrop.active {
  background-position: 0px -22px;
  position: inherit;
}

.badgePlot:hover {
  z-index: 1000 !important;
}

.btn-plot:hover,
.btn-plot.active {
  z-index: 1000 !important;
}

.btn-alertasDrop:hover,
.btn-alertasDrop.active .badgePlot {
  z-index: 1000 !important;
}

.btn-alerta_plot {
  background: url(../img/icones_mapa/ponto_mapa_plotagem.png);
  background-size: 30px 44px;
  width: 30px;
  height: 22px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  border-radius: 5px;
  border: none;
  outline: 0;
  margin-top: 1px;
  position: inherit;
}

.btn-alerta_area {
  background: url(../img/icones_mapa/area/icone_area_verde.png);
  background-size: 30px 44px;
  width: 30px;
  height: 22px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  border-radius: 5px;
  border: none;
  outline: 0;
  margin-top: 1px;
  position: inherit;
}

.grupo-status .btn-controle {
  margin: 0px 11px 0 10px !important;
}

.grupo-status .btn-alerta_area {
  margin: 0 20px 0px 0px !important;
}

.btn-alerta_plot .badgePlot {
  top: -10px;
}

.btn-alerta_area:hover,
.btn-alerta_area.active {
  background-position: 0px -22px;
  z-index: 1000 !important;
}

.btn-alerta_plot:hover,
.btn-alerta_plot.active {
  background-position: 0px -22px;
  z-index: 1000 !important;
}

.controlesAlertasMapa .modal-lg h3 {
  color: #535353;
  font-size: 17px;
  text-shadow: none;
  font-weight: 300;
  margin-top: 0px;
  border-bottom: solid 1px #ccc;
  margin-left: 0px;
  background: #efefef;
  padding: 5px;
  position: relative;
  top: -8px;
  width: 482px;
  left: -8px;
  height: 35px;
}

.controlesAlertasMapa .modal-lg h3 i {
  font-size: 15px;
  position: relative;
  left: 4px;
}

.controlesAlertasMapa .modal-lg h3 img {
  position: relative;
  left: 5px;
}

.controlesAlertasMapa .modal-lg .modal-content {
  width: 484px;
  padding-left: 8px;
  padding-top: 8px;
  position: relative;
  left: 30%;
  min-height: 310px;
}

.controlesAlertasMapa .modal-lg button.close {
  margin-right: 5px;
  color: #535353 !important;
  position: relative;
  z-index: 3;
  top: -3px;
  text-shadow: none !important;
}

.controlesAlertasMapa .modal-lg form {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.tempoDuracao input {
  width: 125px;
}

.button-velocidade-replay,
.button-velocidade-plotagem {
  border-radius: 0px;
  color: #fff;
  width: 40px;
  height: 30px;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.button-velocidade-replay .fa-forward,
.button-velocidade-replay .fa-backward,
.button-velocidade-replay .fa-play,
.button-velocidade-replay .fa-pause {
  color: #e67e22;
}

.button-velocidade-plotagem .fa-forward,
.button-velocidade-plotagem .fa-backward,
.button-velocidade-plotagem .fa-pause,
.button-velocidade-plotagem .fa-play {
  color: #2980b9;
}

.nvezes {
  font-size: 10px;
  color: #535353;
  position: relative;
  top: 2px;
  left: 3px;
}

.filtroBoxPlotagemReplay {
  width: 346px;
  height: auto;
  background: #fafafa;
  border: solid 1px #ffffff;
  border-radius: 4px;
  -webkit-box-shadow: 3px 3px 9px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 3px 3px 9px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 3px 3px 9px 0px rgba(50, 50, 50, 0.3);
  padding: 5px;
  padding-left: 8px;
  font-size: 11px;
  color: #616161;
}

.dadosBox {
  border-bottom: solid 1px #ccc;
  width: 90%;
}

.dadosVeiculo {
  width: 99%;
  margin-left: 4%;
  margin-top: 15px;
}

#container .controlesAlertasMapa .modal-lg input {
  height: 32px !important;
  font-size: 12px !important;
}

#container .controlesAlertasMapa .modal-lg div[data-clear] {
  margin-left: 215px;
  top: -31px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.select2_relative {
  position: relative;
  top: 24px;
  left: -15px;
}

.controlesAlertasMapa .modal-lg .col-md-1:nth-of-type(1) {
  width: 38% !important;
  padding-left: 0px;
}

.controlesAlertasMapa .modal-lg .col-md-1:nth-of-type(2) {
  width: 33% !important;
}

.controlesAlertasMapa .modal-lg .col-md-1:nth-of-type(3) {
  width: 29% !important;
}

.controlesAlertasMapa .modal-lg .col-md-1:nth-of-type(3) input {
  width: 110px;
}

.controlesAlertasMapa .modal-lg .row {
  width: 98%;
  margin-left: 0px;
}

.controlesAlertasMapa .modal-lg .col-md-6:nth-of-type(1) {
  padding-left: 0px;
}

.bs-example-modal-lg-plotagem .inputFaixadata {
  width: 220px;
}

.bs-example-modal-lg-plotagem .rowMinutosPlotagem .select2-container {
  width: 210px;
}

.bs-example-modal-lg-plotagem .rowMinutosPlotagem .combobox {
  padding-top: 0px !important;
}

.bs-example-modal-lg-plotagem .rowMinutosPlotagem .combobox select {
  width: 205px;
  height: 32px !important;
}

.rowMinutosPlotagem .col-md-12 {
  margin-top: -20px;
  margin-left: -15px;
}

.rowMinutosPlotagem .col-md-12 .radio {
  left: -15px;
}

.bs-example-modal-lg-plotagem .clearfix {
  margin-top: -40px;
}

.controlesAlertasMapa .modal-lg .timePicker {
  position: relative;
  left: 15px;
}

.conteudoCam {
  padding-left: 8px;
  display: inline-block;
}

.conteudoCam .btn-cam-active {
  color: #96b032;
}

.streamCam {
  width: 100%;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.streamCam .iframe {
  background-color: #535b5d;
  padding: 2px;
  border: none;
  position: relative;
  left: -10px;
}

.btn-info-gliph {
  border: none;
  color: #fff !important;
  background: #535b5d;
  padding: 8px;
  height: 35px;
  position: absolute;
  top: 0px;
  left: -42px;
  cursor: pointer;
}

.btn-info-gliph .glyphicon {
  font-size: 17px !important;
  padding-left: 0px !important;
}

.acomp_icone {
  float: right;
  margin-right: 5px;
  color: #fff !important;
  background: #535b5d;
  width: 24px;
  height: 24px;
  text-align: center;
  padding-top: 2px;
}

.acomp_icone a {
  color: #fff !important;
}

.controlesCam {
  float: left;
  width: 10%;
}

.video_conteudo {
  float: right;
  width: 80%;
}

.conteudoCam p {
  font-size: 12px !important;
  padding-left: 0px !important;
  padding-top: 20px;
}

.conteudoCam .esconderCam {
  font-size: 10px;
  color: #fff;
  display: inline-block;
  margin-left: 5px;
}

.conteudoCam .esconderCam:hover {
  color: #fff;
}

.conteudoCam button {
  background-color: #ecf0f1;
  color: #535353;
  text-shadow: none;
  border: solid 1px #dadedf;
  margin-right: 5px;
  margin-top: 5px;
  font-size: 10px;
}

.janelaLinhasheader {
  padding-bottom: 6px;
  text-transform: uppercase;
  padding-left: 11px;
}

.janelaLinhasheader .badge {
  font-size: 10px;
  margin-left: 8px;
  color: #000;
}

.extraDivMapa::-webkit-scrollbar-thumb {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #eeeeee;
}

.extraDivMapa::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}

.extraDivMapa::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 0px;
  background-color: #f5f5f5;
}

.resultadosBuscaMapa::-webkit-scrollbar {
  height: 5px;
  width: 7px;
}

/* Track */
.resultadosBuscaMapa::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 6px;
}

/* Handle */
.resultadosBuscaMapa::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(204, 204, 204, 1);
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
}

.resultadosBuscaMapa::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(194, 194, 194, 0.4);
}

.resultadosBuscaMapa::-webkit-scrollbar-thumb:hover {
  background: rgba(126, 140, 141, 0.5);
}

.extraDivMapa {
  overflow-y: auto;
  max-height: 67px;
}

/*MODULO NOVO MAPA*/
/*MAPA/SINÓTICO/BUSCHAT*/

/*MÓDULO CADASTRO*/
#container #veicuoCriar-accordion .accCamera .opcoesIntegracaoVeiculo input {
  width: 95% !important;
}

.hreprocessamento .btn-cinzaEscuro {
  margin-right: 140px;
}

.hControleP .hpainelEventos .combobox {
  padding-top: 33px !important;
}

.btAddTel {
  border-top: solid 1px #ccc;
  margin-top: 20px;
}

.rowMinutosPlotagem .col-md-12 {
  margin-top: -20px;
  margin-left: -15px;
}

.rowMinutosPlotagem .col-md-12 .radio {
  left: -15px;
}

.novoCadastro .form-cadastro-equipamento .btAddTel .btincluirModelo {
  float: right !important;
  top: 0px !important;
  text-align: right;
}

.form-cadastro-equipamento .select2-container+[data-erro-msg] {
  left: 0px !important;
  top: 61px !important;
}

.hgridMetricas .checkTempoReal {
  position: relative;
  top: 19px;
}

.controlesAlertasMapa .modal-lg .btn-novo .btn-default {
  width: 150px !important;
}

.bs-example-modal-lg-replay .pull-left,
.bs-example-modal-lg-replay .pull-right {
  width: 50%;
}

#container .bs-example-modal-lg-replay div[data-clear] {
  margin-left: 210px !important;
}

#container .bs-example-modal-lg-replay .col-md-8 {
  padding-left: 0px;
}

.novoCadastro .comboMeta {
  padding-top: 0px !important;
}

.bs-example-modal-lg-cadastro .modal-content {
  padding-bottom: ;
}

.bs-example-modal-lg-cadastro h3 {
  font-size: 16px;
  color: #535353;
  text-shadow: none !important;
  padding: 10px;
  padding-left: 25px;
}

.bs-example-modal-lg-cadastro .modal-dialog .modal-content .headerP h3.editar-plataforma {
  padding-left: 25px;
}

.bs-example-modal-lg-cadastro h3 .iconeRedondo {
  display: inline-block;
}

.novoCadastro .combobox {
  padding-top: 0px !important;
}

.comboOperacao .dropdown {
  width: 185px;
}

.campoMeta {
  border-top: solid 1px #ccc;
  padding-top: 0px;
}

.campoMeta h3 {
  font-size: 14px;
  color: #000;
  font-weight: 600;
  text-shadow: none;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 20px;
}

.modeloInput {
  width: 370px;
}

/*NOVOS ITENS CADASTRO*/

/*FUNCIONARIO E EMPRESA NOVOS*/

#mainContainer {
  margin-top: -20px;
  padding: 25px 0 0;
  background-color: #fcfcfc;
}

#mainContainer form {
  margin: 0 25px;
}

#mainContainer h1 {
  margin: 0 0 0 25px;
  font-weight: 400;
  font-size: 18px;
  color: #666;
  text-shadow: none !important;
  font-weight: 400 !important;
}

#mainContainer h1 i {
  color: #ccc;
}

#mainContainer h2 {
  margin: 20px 0;
  padding: 10px 0;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  color: #b6d054;
  background-color: #f2f2f2;
  border-bottom: 1px solid #e4e4e4;
  text-indent: 25px;
}

#mainContainer .top-form {
  margin-bottom: 40px;
}

#mainContainer .form-title {
  margin: 25px 0 25px;
  font: 700 13px 'Open Sans', sans-serif;
  color: #333;
  text-transform: uppercase;
}

#mainContainer input {
  height: 50px;
}

#mainContainer a.btn-adicionar {
  display: inline-block;
  margin-top: 25px;
  cursor: pointer;
}

#mainContainer a.btn-adicionar i,
#criarFuncionario .modal-title i {
  padding: 3px 5px;
  border: 1px solid #869b09;
  border-radius: 11px;
  color: #869b09;
  font-size: 14px;
  font-weight: 300;
}

#mainContainer .box-adicionar-foto,
.uploadTrocarFoto .box-adicionar-foto {
  width: 100%;
  margin: 0 0 20px 0;
  background-color: #fff;
  border: 1px solid #ccc;
}

.box-adicionar-foto .close {
  margin-right: 5px;
  margin-top: 7px;
  font-size: 12px;
  text-shadow: none;
  font-weight: 400;
}

#mainContainer .image-icon,
#mainContainer .exibe-imagem,
.uploadTrocarFoto .image-icon,
.uploadTrocarFoto .exibe-imagem {
  width: 70%;
  height: 160px;
  margin: 10px auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#mainContainer .image-icon,
#mainContainer .exibe-imagem img,
.uploadTrocarFoto .image-icon,
.uploadTrocarFoto .exibe-imagem img {
  width: 100%;
}

#mainContainer .image-preview img,
.uploadTrocarFoto .image-preview img {
  display: block;
  width: 160px;
  height: 160px;
  margin: 0 auto;
  border-radius: 160px;
}

#mainContainer .image-preview p,
.uploadTrocarFoto .image-preview p {
  width: 80%;
  margin: 0 auto 15px;
  text-align: center;
}

#mainContainer .foto-upload,
.uploadTrocarFoto .foto-upload {
  width: 100%;
  height: 23px;
  color: transparent;
}

#mainContainer .foto-upload:before,
.uploadTrocarFoto .foto-upload:before {
  font-family: FontAwesome;
  content: '\f030 \00a0 Trocar foto';
  display: inline-block;
  font-size: 16px;
  color: #aec90b;
  text-align: center;
  width: 100%;
  font-weight: 300;
  line-height: 25px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
}

#criarFuncionario .modal-title {
  font-size: 16px;
}

#mainContainer .help-block,
#container .uploadTrocarFoto .help-block {
  display: block;
  margin: 10px 0 0 0;
  color: #333;
  padding: 3px 15px;
  font-size: 11px;
  background-color: #eee;
  text-align: center;
}

#mainContainer .bottom-butons {
  padding: 10px 0 10px 25px;
  background-color: #f8f8f8;
  border-top: 1px solid #e4e4e4;
}

#mainContainer .bottom-butons small {
  display: inline-block;
  margin-top: 15px;
}

#mainContainer .radioCheckbox .radio label,
#mainContainer .radioCheckbox .checkbox label {
  left: 0;
}

#criarFuncionario .modal-footer {
  text-align: left;
}

#criarFuncionario .modal-footer small {
  vertical-align: middle;
}

.dataFuncionario .datepickernovo {
  width: 100% !important;
}

#mainContainer .select2-container+[data-erro-msg] {
  left: -3px !important;
  top: 97% !important;
}

/*UPLOAD DE FOTO*/

.inputfile {
  width: 100%;
  height: 23px;
  color: transparent;
  z-index: 100;
  position: absolute;
  font-family: FontAwesome;
  content: '\f030 \00a0 ';
}

.inputfile::before {
  font-family: FontAwesome;
  content: '\f030 \00a0 ';
  display: inline-block;
  text-align: center;
  width: 100%;
  font-weight: 300;
  line-height: 55px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
}

.uploadTrocarFoto .inputfile {
  width: 100%;
  height: 23px;
  color: transparent;
}

.inputfile-1+label span {
  background-color: transparent;
  position: relative;
  font-size: 16px;
  color: #aec90b;
}

.inputfile+label {
  max-width: 100%;
  font-size: 1.25rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  display: block;
}

/*END UPLOAD DE FOTO*/
/*FUNCIONARIO E EMPRESA NOVOS*/
#container .novoCadastro .form-cadastro-veiculo .accEquipamento .col-md-4:nth-of-type(2n) .select2-container input,
#container .novoCadastro .form-cadastro-veiculo .accEquipamento .col-md-4:nth-of-type(n) .select2-container input {
  width: 270px !important;
  font-size: 11px !important;
}

/*NOVOS ITENS CADASTRO - JUNHO 2015*/
.novoCadastro input,
.novoCadastro textarea {
  width: 95%;
  font-size: 13px;
  max-width: 350px;
}

.bs-example-modal-lg-cadastro .modal-content ,
.modalreprocessarcartao .modal-content {
  padding-left: 18px;
  padding-right: 18px;
  padding-top: 6px;
  padding-bottom: 10px;
  clear: both;
}

.bs-example-modal-lg-cadastro .modal-content:before,
.bs-example-modal-lg-cadastro .modal-content:after {
  content: ' ';
  display: table;
}

.bs-example-modal-lg-cadastro h3 img {
  /*position: relative;
  left: -10px;
  comentado 25/01/2017 - jogava imagem para fora do modal na página painel de previsão de partida/chegada */
}

.bs-example-modal-lg-cadastro .close {
  margin-right: 10px;
  margin-top: 10px;
  color: #999 !important;
}

.bs-example-modal-lg-cadastro .novoCadastro input {
  width: 350px !important;
}

.bs-example-modal-lg-cadastro .btn-default {
  margin-top: -35px;
}

.novoCadastro .botoesBarraBusca {
  margin-top: 20px;
}

.novoCadastro .hpainelEventos .row {
  width: 95% !important;
}

.novoCadastro .hpainelEventos .row:last-of-type {
  width: 99.5% !important;
}

.bs-example-modal-lg-cadastro input+[data-erro-msg] {
  margin-left: -5px;
  margin-top: 3px;
}

.bs-example-modal-lg-cadastro .select2-container+[data-erro-msg] {
  margin-left: -393px;
  margin-top: 50px;
}

.barraCadastro {
  width: 100%;
  margin: 0px;
  padding-top: 10px;
  margin-bottom: 10px;
  margin-top: -5px;
  padding-left: 9px;
  background-color: #e1e8ea;
  overflow-x: hidden;
  overflow: visible;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.barraCadastro .tituloBuscaBarra {
  border: none !important;
}

.form-cadastro-perfil,
.form-cadastro-metamodelo,
.form-cadastro-equipamento {
  padding-left: 20px;
  width: 98%;
  margin-left: 1%;
}

.form-cadastro-perfil input {
  width: 517px;
}

.novoCadastro .marcarTodos {
  position: relative;
  left: -12px;
}

.novoCadastro .form-cadastro-perfil tbody {
  padding-left: 10px;
}

.novoCadastro .form-cadastro-perfil tbody .checkBody,
.novoCadastro .form-cadastro-cliente tbody .checkBody {
  position: relative;
  left: -12px;
}

#container .novoCadastro .form-cadastro-cliente .panel-collapse {
  background-color: #fff !important;
}

.checkBody .radioCheckbox .radio label:nth-of-type(2n),
.boxFuncionalidades .radioCheckbox .checkbox label:nth-of-type(2n) {
  position: relative;
  left: 10px;
}

.cNovo .botoesBarraBusca {
  background-color: #f0f0f0;
  border-top: solid 1px #ccc;
  padding-bottom: 10px;
  padding-top: 0px !important;
  /*position: absolute;*/
  bottom: 0px;
  padding-right: 5px;
}

.cNovo .botoesBarraBusca .btn-default {
  margin-top: -35px;
  margin-right: 5px;
}

#container .form-cadastro-perfil .boxFuncionalidades {
  border: none !important;
  width: 100%;
}

.form-cadastro-perfil .tdspc {
  color: #000 !important;
  width: 85%;
}

.form-cadastro-veiculo,
.form-cadastro-pagamento {
  padding-left: 20px;
  width: 98%;
}

.form-cadastro-pagamento .col-md-1 {
  width: 30%;
}

.form-cadastro-pagamento .col-md-1 .select2-container {
  width: 95%;
}

.form-cadastro-pagamento .col-md-1 .datepickernovo_wrap {
  width: 95%;
}

/*.form-cadastro-pagamento .radioCheckbox{
  margin-left: -15px;
}*/
.form-cadastro-veiculo .combobox .dropdown {
  /*width: 255px;*/
  width: 100%;
  min-width: 195px;
}

.novoCadastro .form-cadastro-veiculo .col-md-4:first-of-type .select2-container,
.novoCadastro .form-cadastro-veiculo .col-md-4:last-of-type .select2-container,
.novoCadastro .form-cadastro-veiculo .col-md-4:first-of-type input,
.novoCadastro .form-cadastro-veiculo .col-md-4:last-of-type input,
.novoCadastro .form-cadastro-veiculo .col-md-4:last-of-type .combobox .dropdown {
  width: 370px !important;
}

.novoCadastro .form-cadastro-veiculo .col-md-4:first-of-type .select2-container input,
.novoCadastro .form-cadastro-veiculo .col-md-4:last-of-type .select2-container input {
  width: 360px !important;
}

.novoCadastro .form-cadastro-veiculo .col-md-4:nth-of-type(2n) {
  padding-left: 0px;
}

.novoCadastro .form-cadastro-veiculo .col-md-4:nth-of-type(2n) .select2-container,
.novoCadastro .form-cadastro-veiculo .col-md-4:nth-of-type(2n) input {
  width: 410px !important;
}

.novoCadastro .form-cadastro-veiculo .col-md-4:nth-of-type(2n) .select2-container input {
  width: 400px !important;
}

.novoCadastro .form-cadastro-veiculo .col-md-4:nth-of-type(2n) .colunaDois input {
  width: 100% !important;
}

.novoCadastro .form-cadastro-veiculo .col-md-4:nth-of-type(2n) .colunaDois {
  width: 410px !important;
}

.novoCadastro .form-cadastro-veiculo .col-md-4:last-of-type .colunaDois {
  width: 370px !important;
}

.novoCadastro .colunaDois {
  display: inline-block;
  width: 100%;
}

.novoCadastro .colunaDois div {
  width: 47%;
  display: inline-block;
}

.novoCadastro .colunaUm div {
  width: 100%;
}

.novoCadastro .colunaDois div .form-group,
.novoCadastro .colunaDois div input {
  width: 100%;
}

.headerP {
  position: relative;
  top: -26px;
  background-color: #f0f0f0;
  padding-top: 0px;
  left: -30px;
  width: 897px;
  border-radius: 3px;
}

.consulta-m-veiculo {
  width: 370px !important;
}

.tareaRow .col-md-8 {
  width: 602px;
}

.tareaRow .col-md-4 {
  width: 185px;
  margin-left: 52px;
}

.tareaRow .col-md-4 input {
  height: 50px !important;
}

#container .bs-example-modal-lg-cadastro .stepper+[data-erro-msg] {
  left: 0px !important;
  background: transparent !important;
  top: 72px !important;
}

#container .bs-example-modal-lg-cadastro textarea+[data-erro-msg] {
  left: -4px !important;
  top: 95% !important;
}

.control-id {
  width: 200px !important;
}

.control-id input {
  width: 150px !important;
}

.tareaFabricante {
  width: 810px;
}

.bs-example-modal-lg-cadastro textarea {
  height: 80px !important;
}

.situacaometamodelowrap {
  display: inline-block;
  width: 100%;
}

.situacaometamodelo {
  display: inline-block;
  width: 45%;
}

/*.situacaometamodelo .checkbox{
  left: -15px;
}*/
.novoCadastro .select2-container input {
  width: 100% !important;
}

.form-cadastro-metamodelo .select2-container,
.form-cadastro-metamodelo input {
  width: 95% !important;
}

.metamodelo-novo {
  border-top: solid 1px #ccc;
  padding-top: 5px;
}

.btincluirModelo {
  color: #535353;
  border: none !important;
  text-decoration: none !important;
  float: right;
  padding-top: 0px !important;
  padding-right: 5px;
  text-align: right;
  background-color: transparent;
}

.novoCadastro .btincluirModelo img {
  margin-right: 5px;
}

.novoCadastro .btincluirModelo:hover,
.novoCadastro .btincluirModelo:active,
.novoCadastro .btincluirModelo:focus {
  color: #b6d054 !important;
  text-decoration: none !important;
}

.form-cadastro-metamodelo .select2-container+[data-erro-msg] {
  top: 74px !important;
  left: 0px !important;
}

.form-cadastro-metamodelo .form-group {
  margin-bottom: 30px !important;
}

.form-cadastro-metamodelo .nomeRelatorio {
  margin-top: 20px;
}

.novoCadastro .form-cadastro-equipamento .btincluirModelo {
  float: left !important;
  position: relative;
  top: 20px;
  text-align: left;
  width: 150px !important;
}

.col-incluir {
  width: 20% !important;
  float: right !important;
}

.labelBlock {
  display: block;
}

/*.form-cadastro-veiculo .col-md-4:last-of-type .radioCheckbox{
  position: relative;
  left: -15px;
}*/
.inputModeloModal {
  width: 370px !important;
}

#container .form-cadastro-veiculo .colunaDois .inread {
  width: 100% !important;
}

.btn-roxo {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #a44eaf;
  border: solid 1px #833e8c;
  border-bottom: 2px solid #411f46 !important;
  cursor: pointer;
  border-radius: 0px !important;
}

.btn-roxo:hover,
.btn-roxo:active,
.btn-roxo:focus {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #b26ebc;
  border-bottom: 2px solid #833e8c;
  border: solid 1px #a44eaf;
  cursor: pointer;
  border-radius: 0px !important;
}

#container .novoCadastro .hConsultarEscala,
#container .novoCadastro .hConsultarPlanej,
#container .novoCadastro .hControleP,
#container .novoCadastro .hIndiceEficiencia,
#container .novoCadastro .hgridMetricas,
#container .novoCadastro .hreprocessamento,
#container .novoCadastro .hHistorico {
  border: none !important;
  padding-left: 0px !important;
}

.planejNovo .bthconsultar {
  top: -59px !important;
  right: -140px;
}

#container .planejNovo .help-block {
  display: inline-block;
}

#container .planejNovo .modeloExcel {
  position: relative;
  top: -23px;
  font-size: 12px;
}

.novoCadastro .panel-title a {
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  text-shadow: none !important;
}

.novoCadastro .colbtInclusao {
  width: 240px !important;
}

.novoCadastro .equipeExtra .btincluirModelo {
  position: relative !important;
  top: 18px !important;
  background-color: transparent !important;
  width: 150px;
  float: left;
}

#container .novoCadastro .panel-collapse {
  background-color: #f5f5f5 !important;
  border-top: solid 1px #ccc;
  padding: 20px;
  border-top: solid 1px #ccc;
  width: 100%;
  margin-left: 0%;
}

.novoCadastro .panel-title {
  padding-bottom: 10px;
}

.novoCadastro .panel-title img {
  width: 25px;
  height: 25px;
  float: right;
}

.novoCadastro .form-cadastro-veiculo .equipeExtra .accEquipamento .select2-container,
.novoCadastro .form-cadastro-veiculo .equipeExtra .accCamera .select2-container,
.novoCadastro .form-cadastro-veiculo .equipeExtra .accMeta .select2-container {
  width: 320px !important;
}

.novoCadastro .form-cadastro-veiculo .equipeExtra .accEquipamento .select2-container input {
  width: 310px !important;
}

.novoCadastro .form-cadastro-veiculo .col-md-4:nth-of-type(2n) .accEquipamento .select2-container {
  width: 320px !important;
}

.novoCadastro .form-cadastro-veiculo .col-md-4:nth-of-type(2n) .accEquipamento .select2-container input {
  width: 310px !important;
}

.novoCadastro .hConsultarPlanej .btn-default,
.novoCadastro .hgridMetricas .btn-default {
  margin-top: -35px !important;
}

.novoCadastro .hgridMetricas .botoesBarraBusca .btn-cinzaEscuro {
  margin-right: 0px;
  margin-top: -35px !important;
}

.veiculotrashCamera {
  color: #535353 !important;
  float: right;
  position: relative;
  top: 35px;
}

.veiculotrashCamera i {
  font-size: 16px;
  color: #b6d054;
}

.veiculotrashCamera:hover,
.veiculotrashCamera:active,
.veiculotrashCamera:focus {
  color: #b6d054 !important;
  text-decoration: none;
}

.form-cadastro-veiculo .select2-container+[data-erro-msg] {
  left: -6px !important;
  top: 96% !important;
}

.form-cadastro-veiculo .col-md-4:nth-of-type(2n) .colunaDois .combobox {
  display: block;
}

.novoCadastro .hControleP .filtroViagem {
  margin-top: 0px;
}

.novoCadastro .hgridMetricas {
  padding-bottom: 0px !important;
}

.novoCadastro .closeCadastro,
.novoCadastro .iconeAlterar {
  font-size: 16px !important;
}

.telefonesCadastroVeiculo h3 {
  font-size: 14px;
  color: #000;
  font-weight: 600;
  text-shadow: none;
  margin-bottom: 10px;
}

.telefonesCadastroVeiculo .panel-default {
  border: none !important;
  padding-left: 0px !important;
}

.icone_operador_veiculo {
  margin-right: 5px;
  width: 25px;
  height: 25px;
}

/*CADASTRO DE ALERTAS DE EVENTOS*/
.passosCadastroAlerta {
  width: 100%;
  /*margin-left: 2.5%;*/
  margin-top: 15px;
}

.passosCadastroAlerta .sublabel {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}

.selectEvento {
  margin-top: 58px;
}

.selectEvento .combobox {
  margin-top: -30px;
}

.selectEvento .dropdown {
  width: 200px;
}

#container .btn-step {
  background-color: #fff;
  color: #b6d054;
  opacity: 1 !important;
}

#container .btn-step_active {
  color: #fff;
  -webkit-transition: background 2s ease-out;
  -moz-transition: background 2s ease-out;
  -ms-transition: background 2s ease-out;
  -o-transition: background 2s ease-out;
  transition: background 2s ease-out;
}

.btn-step_active+p {
  font-weight: 400 !important;
}

/*#container .step1 a.btn_step_active{
  background: #E67E22!important;
  color: #fff;
}
#container .step2 a.btn_step_active{
  background: #E6A722!important;
  color: #fff;
}
#container .step3 a.btn_step_active{
  background: #16828C!important;
  color: #fff;
}*/
#container a.btn_step_active {
  background: #8a9b9c !important;
  color: #fff;
}

.passosCadastroAlerta .col-md-1 {
  width: 220px;
  padding: 10px;
}

/*.passosCadastroAlerta .col-md-1:nth-of-type(2){
  margin-top: 62px;
  width: 50px;
}*/
.passosCadastroAlerta .avlGroup .col-md-1:nth-of-type(4) {
  margin-top: 62px !important;
  width: 250px !important;
}

.passosCadastroAlerta .col-md-1:nth-of-type(5) {
  margin-top: 0px;
}

.passosCadastroAlerta .sublabel {
  border-bottom: none;
  padding: 7px;
}

.btCombinar {
  border: solid 1px #ccc !important;
  padding: 10px;
  background: #fff;
}

.passosCadastroAlerta .dropdown {
  width: 200px;
}

#container .col-combinar {
  width: 290px !important;
}

#container .nstep {
  background: #8a9b9c;
  padding: 4px;
  color: #fff;
  font-size: 14px;
  border-bottom: solid 1px #8a9b9c;
  width: 22px;
  height: 22px;
  border-radius: 20px;
  /*display: inline-block;*/
  display: none;
  text-align: center;
  line-height: 13px;
}

.avl {
  margin-top: 20px;
}

.avlGroup {
  border: solid 1px #ccc;
  padding: 10px;
  padding-left: 15px;
  width: 100%;
  display: none;
}

.avlGroup .row:nth-of-type(1) {
  margin-top: -20px;
}

.btCombinar:hover,
.btCombinar:active,
.btCombinar:focus {
  border: solid 1px #ccc;
  padding: 10px;
  text-decoration: underline;
}

.stepwizard-step p {
  margin-top: 10px;
  font-size: 13px;
  font-weight: 400;
}

/*stepwizard is old design, new design (under Camila ux and Andrea front-end) is the class .steps-control in page_model.css*/
.stepwizard-row {
  display: table-row;
}

.stepwizardBg {
  position: relative;
  width: 100%;
  top: 0px;
  background-color: #fafafa;
  top: -14px;
  height: 100px;
}

.stepwizard {
  display: table;
  width: 70%;
  position: relative;
  margin-bottom: 20px;
  background-color: #fafafa;
  top: 0px;
  padding-top: 20px;
  left: 15%;
}

.stepwizard-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
  top: 34px;
  bottom: 0;
  position: absolute;
  content: ' ';
  width: 78%;
  height: 8px;
  background-color: #fff;
  z-order: 0;
  left: 12%;
}

.stepwizard-step {
  display: table-cell;
  text-align: center;
  position: relative;
}

.btn-circle {
  width: 32px;
  height: 32px;
  text-align: center;
  font-size: 12px;
  padding: 5px !important;
  border-radius: 20px !important;
}

#step-3 .radioCheckbox .radio label,
#step-3 .radioCheckbox .checkbox label {
  left: 0 !important;
}

.kmEventofield,
.tempoEventofield {
  width: 120px !important;
  margin-right: 20px;
  margin-top: -28px;
}

.kmEventofield label,
.tempoEventofield label {
  font-size: 11px !important;
}

.kmEventofield input,
.tempoEventofield input {
  width: 165px;
  font-size: 12px;
}

.sgeral label {
  margin-left: -30px;
}

.passosCadastroAlerta .btnBack {
  float: left;
  margin-top: 30px;
}

.sonsBox {
  width: 360px;
}

.sonsBox .radio {
  margin-bottom: 15px !important;
}

.sonsBox .radio label {
  font-size: 14px !important;
}

.sonsBox .fa-volume-up {
  color: #535353;
  font-size: 12px;
}

.sonsBox .fa-play-circle {
  font-size: 14px;
}

.alertasNome {
  width: 300px !important;
}

.btn-remover-evento {
  background-color: transparent;
  border: none;
  color: #869b09 !important;
  margin-top: 60px;
  margin-left: 23px;
}

.btn-remover-evento:hover,
.btn-remover-evento:active,
.btn-remover-evento:focus {
  color: #535353 !important;
}

.headerEventosCombos {
  border-bottom: solid 1px #ccc;
  margin-top: 30px;
}

/*CADASTRO DE ALERTAS DE EVENTOS*/
/*CONSULTA DE ALERTAS DE EVENTOS*/
.hEventos .dropdown {
  width: 300px;
  height: 50px !important;
}

.hEventos .combobox {
  padding-top: 0px !important;
}

.hEventos .col-md-1:last-of-type button {
  position: relative;
  top: 7px;
}

.resultadoAlertas {
  width: 95%;
  margin-left: 2.5%;
  margin-top: 15px;
}

/*CONSULTA DE ALERTAS DE EVENTOS*/
/*CADASTRO PERFIL DE USUARIO*/
.boxFuncionalidades {
  border: solid 1px #ccc;
  width: 507px;
  max-height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
}

.boxFuncionalidades .radio {
  display: inline-flex;
}

.boxFuncionalidades .radioCheckbox .tnao {
  left: -19px;
  margin-right: -8px;
}

.boxFuncionalidades .radioCheckbox .radio label:nth-of-type(n),
.boxFuncionalidades .radioCheckbox .checkbox label:nth-of-type(n) {
  color: #16a085 !important;
  font-weight: 400;
}

.boxFuncionalidades .radioCheckbox .radio label:nth-of-type(2n),
.boxFuncionalidades .radioCheckbox .checkbox label:nth-of-type(2n) {
  color: #eb6f62 !important;
  font-weight: 400;
}

.boxFuncionalidades .boxConteudoF .radioCheckbox .radio label:nth-of-type(2n),
.boxFuncionalidades .boxConteudoF .radioCheckbox .checkbox label:nth-of-type(2n) {
  left: 37px;
}

.boxFuncionalidades input[type='radio']:checked+label:nth-of-type(n):before {
  color: #16a085;
}

.boxFuncionalidades input[type='radio']:checked+label:nth-of-type(2n):before {
  color: #eb6f62;
}

.boxFuncionalidades .row {
  width: 98%;
  margin-left: 1%;
  height: auto;
}

.boxFuncionalidades .titulosF {
  border-bottom: solid 1px #ccc;
  height: 40px;
  font-size: 17px;
}

.titulosF i {
  font-size: 15px !important;
  color: #535353;
}

.boxConteudoF {
  width: 100%;
  display: inline-block;
  border-bottom: solid 1px #ccc;
  border-top: solid 1px #ccc;
  margin-bottom: 10px;
}

.boxConteudoF:nth-of-type(n) {
  background-color: #f7f9f9;
}

.boxConteudoF:nth-of-type(2) {
  background-color: #fdfdfd;
}

.marcarTodos .tnao {
  margin-left: 28px !important;
}

.marcarTodos {
  margin-bottom: 10px;
  margin-top: -10px;
}

.legendaPerfil {
  text-transform: uppercase;
  color: #535353;
}

.legendaPerfil span {
  padding-right: 8px;
}

.boxFuncionalidades .leituraTodos input[type='radio']:checked+label:nth-of-type(n):before,
.boxFuncionalidades .leituraTodos input[type='radio']:checked+label:nth-of-type(2n):before {
  color: #535353;
}

/*CADASTRO PERFIL DE USUARIO*/
/*FIM MÓDULO CADASTRO*/
/*MODULO DE RELATÓRIOS*/
/*ELEMENTOS PADRONIZADOS DE RELATÓRIOS*/
.hrelatorio1 {
  width: 100%;
  margin: 0px;
  /*padding-top: 10px;*/
  margin-bottom: 10px;
  margin-top: 15px;
  padding-left: 9px;
  /*background-color: #F0F0F0;*/
  overflow-x: hidden;
  overflow: visible;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.hrelatorio1 .botoesBarraBusca .btn-default {
  width: 140px !important;
}

.relatorioBody {
  margin-top: 30px;
  padding: 15px;
  padding-left: 50px;
  padding-right: 50px;
}

.relatorioBodyHeader {
  border-bottom: solid 2px #999;
  font-size: 12px;
  color: #656565;
  margin-bottom: 30px;
}

.relatorioBodyFooter {
  border-top: solid 2px #999;
  margin-top: 30px;
}

.relatorioBodyHeader span,
.relatorioBodyFooter span {
  position: relative;
  font-weight: 600;
}

.relatorioBodyHeader .btn-links,
.relatorioBodyFooter .btn-links {
  height: 34px;
  width: auto;
}

.hrelatorio1 .col-md-1 {
  width: 25%;
}

.condicionalRelatorio {
  float: left;
  width: 60%;
}

#container .hpainelEventos .condicionalRelatorio .dropdown {
  min-width: 100% !important;
  width: 100% !important;
}

.inputCondicionalRelatorio {
  float: right;
  width: 35%;
  text-indent: 7px;
}

.inputCondicionalRelatorio input {
  float: right;
}

.dropInputRelatorio {
  width: 95%;
}

#container .hrelatorio1 .select2-container {
  width: 95% !important;
}

#container .hrelatorio1 .datepickernovo_wrap {
  width: 95% !important;
}

#container .hrelatorio1 .datepickernovo_wrap .input-group {
  width: 100%;
}

#container .hrelatorio1 .datepickernovo_wrap .input-group .datepickernovo {
  width: 49%;
}

/* Scrollbar Relatorio */
.relatorioBodyViagem1 .table-responsive::-webkit-scrollbar,
.tAnaliticoDetalhado .table-responsive::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}

/* Track */
.relatorioBodyViagem1 .table-responsive::-webkit-scrollbar-track,
.tAnaliticoDetalhado .table-responsive::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* Handle */
.relatorioBodyViagem1 .table-responsive::-webkit-scrollbar-thumb,
.tAnaliticoDetalhado .table-responsive::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(194, 194, 194, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
}

.relatorioBodyViagem1 .table-responsive::-webkit-scrollbar-thumb:window-inactive,
.tAnaliticoDetalhado .table-responsive::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(194, 194, 194, 0.4);
}

.relatorioBodyViagem1 .table-responsive::-webkit-scrollbar-thumb:hover,
.tAnaliticoDetalhado .table-responsive::-webkit-scrollbar-thumb:hover {
  background: rgba(126, 126, 126, 0.8);
}

/* Scrollbar Relatorio */

.relatorioBodyViagem1 table td {
  /*min-width:95px;*/
  /*min-width: 127px;*/
  /*min-width: 55px;*/
}

.relatorioBodyViagem1 table tbody td:nth-of-type(2) {
  width: 120px !important;
}

.titleBig {
  color: #b6c932;
  font-weight: 400;
  font-size: 18px;
}

.relatorioBody .titleBig {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
}

.relatorioBody .relatorioBodyViagem1 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 12px;
  text-align: center !important;
}

.relatorioBody .relatorioBodyViagem1 thead {
  color: #5f5b58;
  font-weight: 700;
}

.relatorioBody .relatorioBodyViagem1 tbody {
  color: #767676;
  font-weight: 300;
}

.relatorioBody .relatorioBodyViagem1 .tdHora,
.relatorioBody .relatorioBodyViagem1 .tdData {
  background: #fff !important;
  vertical-align: middle;
}

#container .relatorioBody .relatorioBodyViagem1 .table-striped>tbody>tr:nth-child(odd) {
  background-color: #f7f8fa;
}

.relatorioBody .relatorioBodyViagem1 tbody .subtotalRelatorio td,
.relatorioBody tbody .subtotalRelatorio td {
  color: #5f5b58;
  font-weight: 700;
}

.relatorioBody .relatorioBodyViagem1 tbody .totalRelatorio td,
.relatorioBody tbody .totalRelatorio td,
.relatorioBody tbody .totalRelatorio {
  color: #b6c932;
  font-weight: 700;
  text-transform: uppercase;
}

.totalizadoresRelatorio {
  width: 100%;
  margin-bottom: 30px;
  /*background-color: #f3f7f8;*/
  padding: 10px;
  font-size: 13px;
}

.totalizadoresRelatorio .titleFiltros {
  text-transform: uppercase;
  font-size: 16px;
  padding-bottom: 5px;
  display: block;
  color: #b6c932;
  font-weight: 400;
}

.totalizadoresRelatorio .row {
  margin-bottom: 15px;
}

.totalizadoresRelatorio .col-md-1 {
  width: 110px;
  color: #535353;
}

.filtrosViagem .col-md-1 {
  width: 25%;
}

.filtrosViagem .col-md-Maior {
  width: 35%;
}

.filtrosViagem .col-md-1 span {
  font-weight: 600;
  display: block !important;
  margin-bottom: 10px !important;
}

.totalizadoresRelatorio .col-md-1 span {
  font-weight: 600;
  display: block;
}

.totalizadoresRelatorio .totValor {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px;
  font-weight: 300;
  display: inline-block;
  vertical-align: top;
  padding-right: 5px;
  min-width: 90px;
  text-align: left;
}

.totwrap {
  display: inline-block;
}

.totlabel {
  /*display: inline-block;*/
  width: 95px;
  font-weight: 400 !important;
  font-size: 13.5px !important;
}

.totValor span {
  font-size: 12px;
  vertical-align: top;
}

.totalizadoresRelatorio .rowTotViagens .totwrap i {
  font-size: 20px;
  vertical-align: middle;
  padding-top: 7px;
  padding-right: 5px;
}

.totalizadoresRelatorio .rowTotViagens .totwrap .fa-road {
  color: #b7d02b;
}

.totalizadoresRelatorio .rowTotViagens .totwrap .fa-male {
  color: #9b59b6;
}

.totalizadoresRelatorio .rowTotViagens .totwrap .fa-bus {
  color: #1abc9c;
}

.totalizadoresRelatorio .rowTotViagens .totwrap .fa-tachometer {
  color: #7cb5ec;
}

.totalizadoresRelatorio .rowTotViagens .totwrap .fa-map {
  color: #e74c3c;
}

.totalizadoresRelatorio .rowTotViagens .totwrap .fa-clock-o {
  color: #ffba00;
}

.totalizadoresRelatorio .rowTotViagens .viagensUni {
  display: inline-block;
  width: 630px;
}

.totalizadoresRelatorio .rowTotViagens .viagensUni .colUni {
  border-right: solid 1px #e9f0f2;
  display: inline-block;
  padding-left: 10px;
  min-width: 110px;
}

.totalizadoresRelatorio .rowTotViagens .totwrap .colUni:last-of-type {
  border: none;
  padding-right: 10px;
}

.totalizadorPassageiro .rowTotViagens .viagensUni:last-of-type {
  border-right: none;
}

.totalizadoresSintetico .rowTotViagens .col-md-1,
.totalizadorPassageiro .col-md-1 {
  width: 170px;
}

.totalizadoresSintetico .rowTotViagens .viagensUni {
  width: 300px;
}

.totalizadoresSintetico .col-md-1:first-of-type {
  border-right: solid 1px #95a5a6;
}

.resultadosPassageiro .qtdResultados_select {
  padding-right: 0px;
  border-right: none;
}

.radioVisao {
  margin-top: -15px;
  /*margin-left: -15px;*/
}

.relatorioBodyViagem2 {
  margin-top: 20px;
}

.relatorioBodyViagem2 td {
  vertical-align: middle !important;
}

.table-responsive-height {
  height: 347px;
}

.table-responsiveMedia table {
  margin-bottom: 0px !important;
}

.table-responsiveMedia {
  margin-top: -20px !important;
}

.relatorioBodyViagem1 .table-responsive {
  margin-bottom: 20px;
}

/*ELEMENTOS PADRONIZADOS DE RELATÓRIOS*/
/*RELATORIO - TEMPO DE PERMANENCIA*/
.hrelatorioPermanencia {
  width: 100%;
  margin: 0px;
  margin-bottom: 10px;
  margin-top: 15px;
  padding-left: 0px;
  overflow-x: hidden;
  overflow: visible;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.selectContainerfocusVeiculo.focus .select2-container,
.selectContainerfocusFuncionario.focus .select2-container {
  outline: solid 1px #b6d12c;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.hrelatorioPermanencia .col-md-1 {
  width: 18% !important;
}

.hrelatorioPermanencia .col-md-maior {
  width: 26% !important;
}

#container .hrelatorioPermanencia .select2-container {
  width: 95% !important;
  font-size: 13px !important;
}

.hIndiceEficiencia form,
.hrelatorioPermanencia form,
.hrelatorioCombustivel form {
  margin: -8px;
}

.hIndiceEficiencia .botoesBarraBusca,
.hrelatorioPermanencia .botoesBarraBusca,
.hrelatorioCombustivel .botoesBarraBusca {
  padding-right: 10px;
}

.mainFuncionarioVeiculo {
  border-bottom: solid 1px #ccc;
  margin-bottom: 10px;
  margin-top: 10px;
}

.tituloRelatorio2 {
  border-bottom: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  width: 99%;
  margin-left: 0.5%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.tituloRelatorio2 p {
  font-size: 20px;
  color: #535353;
  font-weight: 400;
}

.tituloRelatorio2 p i,
.tituloRelatorio2 p .glyphicon {
  color: #cccccc;
}

.hrelatorioPermanencia table i {
  color: #cccccc;
}

.totOpen {
  color: #535353;
}

.totOpen span {
  color: #b6d054;
  text-transform: uppercase;
  font-weight: 600;
}

.subTotOpen {
  color: #535353;
  font-weight: 600;
}

/*RELATORIO - TEMPO DE PERMANENCIA*/
/*RELATORIO - CONSUMO DE COMBUSTÍVEL*/
.hrelatorioCombustivel {
  width: 100%;
  margin: 0px;
  margin-bottom: 10px;
  margin-top: 15px;
  padding-left: 0px;
  overflow-x: hidden;
  overflow: visible;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#container .hrelatorioCombustivel .select2-container {
  width: 95% !important;
  font-size: 13px !important;
}

#container .hrelatorioCombustivel .datepickernovo_wrap {
  width: 95% !important;
}

.hrelatorioCombustivel .col-md-1 {
  width: 25%;
}

.hrelatorioCombustivel .filtroExtrafooter {
  padding-bottom: 25px;
}

.areaCondicional {
  margin-bottom: -10px;
}

.areaCondicional .condicionalRelatorio {
  float: left;
  width: 38%;
  font-size: 11px;
}

.areaCondicional .inputCondicionalRelatorio {
  float: right;
  width: 62%;
  font-size: 11px !important;
  margin-bottom: -15px;
}

.areaCondicional .inputCondicionalRelatorio .select2-search {
  float: left;
}

#container .areaCondicional .inputCondicionalRelatorio .select2-container {
  font-size: 11px !important;
}

#container .areaCondicional .inputCondicionalRelatorio div[data-clear] {
  top: -36px;
  left: 125px;
}

.totalizadoresRelatorio2 {
  width: 100%;
  margin-bottom: 30px;
  background-color: #fff;
  padding: 10px;
}

.totalizadoresRelatorio2 .col-md-3 {
  border-right: solid 1px #ccc;
}

.totalizadoresRelatorio2 .col-md-3:last-of-type {
  border-right: none;
}

.totalizadoresRelatorio2Uni {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 25px;
  color: #535353;
  font-weight: 300;
  text-align: center;
  margin-top: 10px;
}

.totalizadoresRelatorio2Uni span {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 14px;
  text-align: left !important;
  display: inline-block;
  margin-top: 8px;
  padding-right: 0px;
}

.totalizadoresRelatorio2Uni i,
.totalizadoresRelatorio2Uni .glyphicon {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}

.totalizadoresRelatorio2Uni p {
  display: inline-block;
  line-height: 20px;
  text-align: left;
}

.totalizadoresRelatorio2Uni .fa-clock-o {
  color: #ffba00;
}

.totalizadoresRelatorio2Uni .fa-money {
  color: #aec92b;
}

.totalizadoresRelatorio2Uni .fa-cloud {
  color: #8595a5;
}

.totalizadoresRelatorio2Uni .glyphicon-tint {
  color: #7cb5ec;
  font-family: 'Glyphicons Halflings';
  font-size: 25px;
  padding-right: 0px;
}

.totalizadoresRelatorio2Uni .col-md-6 {
  border-right: solid 1px #e9f0f2;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
}

.totalizadoresRelatorio2Uni .col-md-6:nth-of-type(2n) {
  border-right: none;
}

.precoCombustivel,
.totalCarrosDesloc {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 25px;
  color: #535353;
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}

.precoCombustivel .pull-right,
.totalCarrosDesloc .pull-right {
  background: #f4f6f6;
  padding: 10px;
}

.totalCarrosDesloc i {
  display: inline-block;
  color: #1abc9c;
  vertical-align: top;
}

.precoCombustivel {
  flex-shrink: 3;
}

.precoCombustivel i {
  display: inline-block;
  color: #aec92b;
  vertical-align: top;
}

.precoCombustivel p,
.totalCarrosDesloc p {
  display: inline-block;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
}

.precoCombustivel span {
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: 300;
  display: inline-block;
  line-height: 12px;
}

.totalCarrosDesloc span {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 300;
  display: block;
  line-height: 21px;
  color: #bfbfbf;
}

.tPainelEventos .quesTooltip {
  display: inline-block;
}

.tCombustivel thead td .quesTooltip:hover,
.tCombustivel thead td .quesTooltip:focus,
.tCombustivel thead td .quesTooltip:active {
  text-decoration: none !important;
}

.tCombustivel thead td .quesTooltip i {
  font-size: 14px !important;
}

.tCombustivel .linkMapa {
  color: #b7d03d;
  text-decoration: none;
}

.tCombustivel .linkMapa:hover,
.tCombustivel .linkMapa:focus,
.tCombustivel .linkMapa:active {
  text-decoration: underline;
}

.filtroHighchartsCombustivel .filtroPreBusca {
  background-color: #fff !important;
}

.filtroHighchartsCombustivel .filtroPreBusca button {
  float: right;
}

.filtroHighchartsCombustivel {
  margin-bottom: 70px;
}

.hrelatorioCombustivel .dropInputRelatorio {
  margin-bottom: 0px !important;
}

.rowCombustivel .col-md-6:nth-of-type(1) {
  width: 55% !important;
}

.rowCombustivel .col-md-6:nth-of-type(2) {
  width: 45% !important;
}

.tCombustivel i {
  cursor: auto !important;
}

.rowCombustivel {
  width: 100%;
}

/*RELATORIO - CONSUMO DE COMBUSTÍVEL*/
/*RELATORIO - DIVERGENCIA OPERACIONAL*/
.hrelatorioDivergencia {
  width: 100%;
  margin: 0px;
  margin-bottom: 10px;
  margin-top: 15px;
  padding-left: 0px;
  overflow-x: hidden;
  overflow: visible;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#container .hrelatorioDivergencia .select2-container {
  width: 95% !important;
  font-size: 13px !important;
}

#container .hrelatorioDivergencia .datepickernovo_wrap {
  width: 95% !important;
}

#container .hrelatorioDivergencia .inputMotorista input {
  width: 95% !important;
}

.novoCadastro .hrelatorioDivergencia .row:last-of-type {
  width: 95% !important;
}

.hrelatorioDivergencia .col-md-8 {
  border-right: solid 1px #ccc;
  padding-right: 0px;
  padding-left: 0px;
}

.hrelatorioDivergencia .colunaDatasDivergencia {
  padding-left: 30px;
  padding-right: 0px;
  padding-left: 0px;
}

.totalizadorDivergencia .totalizadoresRelatorio2Uni .col-md-6 {
  border: none;
}

.totalizadorDivergencia .fa-bullhorn {
  color: #3498db;
}

.totalizadorDivergencia .totalizadoresRelatorio2Uni div {
  width: 190px;
  float: left;
  padding-left: 15px;
}

.colunaDatasDivergencia .col-md-6 {
  width: 100%;
}

/*RELATORIO - DIVERGENCIA OPERACIONAL*/
/*RELATORIO - QUALIDADE DE TRANSMISSOES*/
.hrelatorioQualidade {
  width: 100%;
  margin: 0px;
  margin-bottom: 10px;
  margin-top: 15px;
  padding-left: 0px;
  overflow-x: hidden;
  overflow: visible;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#container .hrelatorioQualidade .select2-container,
#container .hrelatorioQualidade input {
  width: 95% !important;
  font-size: 13px !important;
}

#container .hrelatorioQualidade .select2-container input {
  width: 100% !important;
}

#container .hrelatorioQualidade .datepickernovo_wrap {
  width: 95% !important;
}

#container .hrelatorioQualidade .inputMotorista input {
  width: 95% !important;
}

.ultimosDias .checkbox {
  left: -15px;
  top: -10px;
  margin-bottom: -30px;
}

.ultimosDias .checkbox label {
  font-size: 12px !important;
}

.totalizadorQualidade {
  width: 500px;
  padding-left: 20px;
}

.totalizadorQualidade .pull-left {
  border-right: solid 1px #ccc;
  padding-right: 20px;
}

.totalizadorQualidade .fa-wifi {
  color: #3498db;
}

.totalizadorQualidade .fa-rss {
  color: #fda21a;
}

.totalizadorQualidade .totalizadoresRelatorio2Uni span {
  font-size: 16px;
  font-weight: 400;
  color: #999;
}

.totalizadorQualidade .totalizadoresRelatorio2Uni {
  font-family: 'Open Sans', sans-serif;
  font-size: 25px;
  color: #535353;
  font-weight: 600;
  text-align: center;
}

.graficoTransmissoes {
  margin-bottom: 15px;
  margin-top: 30px;
}

.detalheFrequencia {
  background-color: #f2f5f3;
  width: 100%;
  padding: 10px;
  padding-left: 20px;
}

.detalheFrequencia .triangulo-detalhe {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 10px solid #fff;
  position: relative;
  top: -20px;
}

.detalheFrequencia p {
  color: #535353;
  font-weight: 400;
  font-size: 18px;
}

.detalheFrequencia p span {
  font-weight: 600;
}

.detalheFrequencia p i {
  color: #ccc;
  font-weight: 400;
  font-size: 18px;
}

.closeDetalheTransmissao button {
  float: right;
  background: transparent;
  border: 0px;
  position: relative;
  top: 5px;
}

.headertabelaDetalheTransmissao {
  background-color: #6e8283;
  padding-left: 10px;
  padding-top: 8px;
  height: 37px;
}

.headertabelaDetalheTransmissao p {
  font-size: 14px;
  color: #fff !important;
  font-weight: 600;
}

.headertabelaDetalheTransmissao .pull-right {
  background-color: #4a5758;
  padding: 8px;
  position: relative;
  top: -8px;
}

.tabeladetalheFrequencia {
  background: #fff;
  padding: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.tabelaDetalheTransmissao {
  margin-bottom: -40px;
}

.filtroTransmissoes {
  background-color: transparent !important;
  width: 220px;
}

.filtroTransmissoes button {
  width: 75px;
  float: right;
}

.tSintetico,
.tUltimos {
  display: none;
}

.transmissoesLabel {
  text-align: center;
  border: solid 1px #ccc;
  border-top: solid 1px #ccc !important;
  border-right: none !important;
}

.bordaTransmissoesLeft {
  border-left: solid 1px #ccc;
}

.tdTrans {
  text-align: center !important;
}

/*RELATORIO - QUALIDADE DE TRANSMISSOES*/
/*RELATORIO - POSIÇÕES DE MÉTRICAS*/
.hrelatorioPosicoes {
  width: 100%;
  margin: 0px;
  margin-bottom: 10px;
  margin-top: 15px;
  padding-left: 0px;
  overflow-x: hidden;
  overflow: visible;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#container .hrelatorioPosicoes .select2-container {
  width: 95% !important;
  font-size: 13px !important;
}

#container .hrelatorioPosicoes .select2-container input {
  width: 100% !important;
}

#container .hrelatorioPosicoes .datepickernovo_wrap {
  width: 100% !important;
}

#container .hrelatorioPosicoes .inputMotorista input {
  width: 95% !important;
}

.hrelatorioPosicoes .col-md-1 {
  width: 25%;
}

.hrelatorioPosicoes .checkbox {
  display: inline-block;
  margin-left: -15px;
}

.checkEntrada {
  margin-top: 21px;
}

.rowEntrada {
  margin-bottom: 30px;
}

.totalizadorPosicoes {
  width: 100%;
  margin-bottom: 15px;
}

.totalizadorPosicoes .pull-left {
  width: 60% !important;
}

.totalizadorPosicoes .pull-right {
  width: 40% !important;
}

.totalizadorPosicoes .fa-signal {
  color: #179f91;
}

.totalizadorPosicoes .fa-sign-out {
  color: #82be40;
}

.totalizadorPosicoes .fa-plug {
  color: #ea374a;
}

.totalizadorPosicoes .fa-random {
  color: #3b9fef;
}

.totalizadorPosicoes .fa-wifi {
  color: #3498db;
}

.totalizadorPosicoes .fa-rss {
  color: #fda21a;
}

.totalizadorPosicoes .totalizadoresRelatorio2Uni span {
  font-size: 14px;
  font-weight: 400;
  color: #999;
}

.totalizadorPosicoes .totalizadoresRelatorio2Uni {
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  color: #535353;
  font-weight: 600;
  text-align: left;
}

.totalizadorPosicoes .totalizadoresRelatorio2Uni i {
  font-size: 16px !important;
}

.totalizadorPosicoes .totalizadoresRelatorio2Uni .pull-left,
.totalizadorPosicoes .totalizadoresRelatorio2Uni .pull-right {
  width: 50%;
}

.totalizadorPosicoes .col-md-4 {
  border-right: solid 1px #ccc;
}

.totalizadorPosicoes .col-md-4:last-of-type {
  border-right: none;
}

.tabelasPosicoes .tAnaliticoDetalhado {
  display: none;
}

.tabelasPosicoes .tSintetico {
  display: block;
}

.filtroAnalitico {
  display: none;
}

.filtroAnalitico button {
  padding: 8px;
  border-radius: 10px;
  background-color: #fff;
  color: #535353;
  font-size: 12px;
  width: 88px;
  border: none;
}

.filtroAnalitico button.active,
.filtroAnalitico button:hover,
.filtroAnalitico button:active,
.filtroAnalitico button:focus {
  background-color: #c5c5c5;
  color: #fff !important;
}

.tAnaliticoDetalhado table {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 10px;
}

.filtroAnalitico.toggled {
  display: inline-block !important;
}

.tAnaliticoDetalhado table td {
  min-width: 95px;
}

.tAnaliticoConsilidado {
  display: none;
}

.tAnaliticoDetalhado td .labelTabela {
  max-width: 70% !important;
  display: inline-block;
}

.rowEntrada .radioCheckbox {
  margin-top: 22px;
  width: 62%;
  display: inline-block;
}

.rowEntrada .radioCheckbox .radio {
  margin-left: 10px;
}

/*RELATORIO - POSIÇÕES DE MÉTRICAS*/
/*RELATORIO DE PAGAMENTO DE VIAGENS*/

/*INICIO DO ANTIGO*/
/*.trModelo{
  color: #b6c932;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transform: rotate(-90deg);

  -moz-transform: rotate(-90deg);

  -ms-transform: rotate(-90deg);

  -o-transform: rotate(-90deg);
  vertical-align: middle!important;
}
.tPagamento{
  text-align: center;
}
.labelMiddle{
  vertical-align: middle!important;
}
.tPagamento .linha{
  padding:0;
  clear:both;
  display: flex;
  flex-direction: row;
  border-bottom: solid 1px #ddd;
}
.linhaHead{
  text-transform: uppercase;
  color: #000;
  font-weight: 400;
  background-color: #f9f9f9;
  padding-top: 8px!important;
  padding-bottom: 8px!important;
  font-size: 12px!important;
}
.tPagamento .colunaBorda{
  border-bottom: 1px solid #dddddd;
  padding-bottom: 5px;
}
.tPagamento .coluna{
  width:120px;
  flex: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
}

.tPagamento .coluna.data-lateral{
  flex: inherit;
  width: 80px;
  border: solid 1px #dddddd;
  background: #f9f9f9;
}

.fake-table-in-div {
  display: flex;
  flex-direction: column;
  font-size: 11.5px;
  margin-top: 30px;
  color: #999999;
  font-weight: 300;
}
.tPagamento .repeat-nv1{
  border-right: solid 1px #dddddd;
  border-top: solid 1px #dddddd;
  padding: 5px;
}
.tPagamento .repeat-nv1:first-of-type{
  border-top:none!important;
}
.tPagamento .repeat-nv1+div {
  flex: 11;
  padding: 5px;
}
.tPagamento .repeat-nv2+div {
  flex: 10;
  padding: 5px;
}
.tPagamento .repeat-nv3+div {
  flex: 8;
  padding: 5px;
}
.tPagamento .repeat-nv3{
  flex:1.8;
}

.tPagamento .repeat-nv3+div .linha{
  border: none!important;
}
.tPagamento .linha:last-of-type{
  border: none!important;
}
.colunaEmpresa,
.colunaLinha{
  flex:1.65!important;
}*/
/*
.tPagamento [class*="repeat-nv"]+div {
  background-color: #f9f9f9;
}
/*FIM DO ANTIGO*/

/*24/08*/
.tPagamento {
  font-size: 12px;
}

.pCabecalho:first-of-type {
  color: #b6c932;
  font-weight: 700 !important;
  width: 100% !important;
}

.pCabecalho {
  width: 100%;
  text-align: left;
  color: #535353;
  text-transform: uppercase;
  padding: 5px;
  font-size: 14px;
  padding-left: 20px;
}

.pCabecalho:nth-of-type(n) {
  background-color: #f9f9f9;
  font-weight: 300;
}

.pCabecalho:nth-of-type(2n) {
  background-color: #fbfbfb;
  font-weight: 400;
}

.trModelo {
  color: #b6c932;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  vertical-align: middle !important;
}

.tPagamento {
  text-align: center;
  margin-top: 30px;
}

.tPagamento .linha {
  padding: 0;
  clear: both;
  display: flex;
  flex-direction: row;
  border-bottom: solid 1px #ddd;
}

.linhaHead {
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  background-color: #f9f9f9;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  font-size: 12px !important;
}

.tPagamento .colunaBorda {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 5px;
}

.tPagamento .coluna {
  flex: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
}

.fake-table-in-div {
  display: flex;
  flex-direction: column;
  font-size: 11.5px;
  margin-top: 30px;
  /*color: #999999;
  font-weight: 300;*/
  color: #000;
  font-weight: 400;
  margin-bottom: 30px;
}

.tPagamento .repeat-nv1 {
  border-right: solid 1px #dddddd;
  border-top: solid 1px #dddddd;
  padding: 5px;
}

.tPagamento .repeat-nv1:first-of-type {
  border-top: none !important;
}

.tPagamento .repeat-nv1+div {
  flex: 12;
  padding: 5px;
}

.tPagamento .linha:last-of-type {
  border: none !important;
}

.subtotalTipo {
  text-transform: none;
  font-weight: 400;
  color: #000;
}

.subtotalLinha,
.subtotalEmpresa {
  text-transform: none;
  font-weight: 700;
  color: #000;
}

.subtotalEmpresa {
  text-transform: uppercase !important;
  margin-top: 30px;
}

.subtotalData,
.totalData {
  color: #b6c932;
  font-weight: 700 !important;
  text-transform: uppercase;
}

.separadorEmpresas {
  width: 100%;
  text-align: center;
  font-size: 42px;
  line-height: 10px;
  color: #999;
  font-weight: 300;
  padding-bottom: 50px;
}

.totalizadoresPagamento {
  background-color: #f9f9f9;
  font-size: 12px;
  padding: 20px;
  text-align: center;
  margin-top: 30px;
}

.totalizadoresPagamento .col-md-1 {
  width: 14%;
}

.totalizadoresPagamento span {
  font-weight: 700;
  font-size: 16px;
  display: block;
}

/*RELATORIO DE PAGAMENTO DE VIAGENS*/
/*MODULO DE RELATÓRIOS*/

/*ADMIN/LOGIN/CADASTRO DE CLIENTES*/
/*TELA LOGIN*/
.loginBg {
  background: url(../img/bg-login.jpg) #c8ced0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
}

.loginFormulario {
  width: 375px;
  height: 410;
  position: relative;
  margin: 0 auto;
  top: 20%;
  z-index: 1;
}

.loginLogo {
  background-image: url(../img/logo_frota_login.png);
  width: 375px;
  height: 101px;
  margin-bottom: 60px;
}

#container-login .form-login input {
  border-radius: 0px !important;
  border: none !important;
}

#container-login .form-login .input-group {
  margin-bottom: 3px;
  width: 375px;
}

#container-login .form-login .input-group-addon {
  background-color: #e0e2e2;
  color: #a9aaaa !important;
  font-size: 14px;
  border: none;
  border-radius: 0px;
  font-weight: 600;
  width: 35px !important;
}

#container-login .formSenha .input-group-addon {
  background-color: transparent;
  color: #535353 !important;
  font-size: 14px;
  border: none;
  border-radius: 0px;
  font-weight: 600;
  width: 35px !important;
  border: solid 1px #ccc;
  border-right: none !important;
}

#container-login .formSenha input {
  width: 400px;
}

.checkSenha label {
  font-size: 12px !important;
  color: #535353;
}

.checkSenha .checkbox {
  margin-left: -17px;
}

.checkSenha .radio label:before,
.checkSenha .checkbox label:before {
  background-color: #fff;
  border: 2px solid #ccc;
}

.checkSenha input[type='checkbox']:checked+label:before {
  color: #b7d02b !important;
  font-size: 12px !important;
}

.form-login .btn-default {
  text-shadow: none !important;
  width: 375px;
  height: 52px !important;
  font-size: 16px !important;
  margin-left: 0px !important;
}

.senhaEs {
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  color: #b6d054;
  width: 375px;
  margin: 0 auto;
  display: block;
  margin-top: 20px;
}

.senhaEs:hover,
.senhaEs:active,
.senhaEs:focus {
  color: #a8c024;
  text-decoration: underline;
}

.loginBlur {
  background: rgb(255, 255, 255);
  /* for IE */
  background: rgba(255, 255, 255, 0.75);
}

.loginBgBlur {
  -webkit-filter: url('#blur');
  filter: url('#blur');
  -webkit-filter: blur(50px);
  filter: blur(50px);
  background-size: cover;
  opacity: 0.9;
  width: 100%;
  height: 550px;
  background-color: #e8eff1;
  border-radius: 150px;
  position: absolute;
  z-index: -1;
  top: -27%;
}

.loginBg footer {
  width: 100%;
  position: absolute;
  bottom: 40px;
}

.logo-senhaLogin {
  position: relative;
  font-size: 20px;
  color: #555;
  display: block;
  left: 72px;
  top: 12px;
  background-image: url(../img/logom2m2x.png);
  background-repeat: no-repeat;
  background-size: 120px 25px;
  width: 120px;
  height: 25px;
  text-indent: -90000px;
}

.formSenha .botoesBarraBusca {
  border: none !important;
  margin-top: 40px;
}

.formSenha {
  margin-top: -20px;
  width: 436px;
}

#modalAltSenha .modal-content {
  width: 522px;
}

#container-login .containerNovaSenha {
  width: 400px;
  margin-top: 50px;
  margin-bottom: 100px;
}

#container-login .containerNovaSenha h3 {
  color: #535353;
  text-shadow: none !important;
  font-size: 22px;
  display: block;
  margin-bottom: 40px;
  border-bottom: solid 1px #ccc;
  padding-bottom: 9px;
}

#container-login .containerNovaSenha .botoesNovaSenha .btn-default {
  margin-top: 0px !important;
}

#container-login .containerNovaSenha .botoesNovaSenha button {
  float: right;
}

.headerAlterarSenha {
  margin-bottom: 10px;
}

#container-login .botoesBarraBusca {
  border: none !important;
  margin-top: 40px;
}

#container-login .formSenha {
  margin-top: -20px;
  width: 436px;
}

#container-login .containerNovaSenha {
  width: 400px;
  margin-top: 50px;
  margin-bottom: 100px;
}

#container-login .containerNovaSenha h3 {
  color: #535353;
  text-shadow: none !important;
  font-size: 22px;
  display: block;
  margin-bottom: 40px;
  border-bottom: solid 1px #ccc;
  padding-bottom: 9px;
  display: block;
  width: 436px;
}

#container-login .containerNovaSenha .botoesNovaSenha .btn-default {
  margin-top: 0px !important;
}

#container-login .containerNovaSenha .botoesNovaSenha .btn-cinzaEscuro {
  margin-top: 0px !important;
}

#container-login .containerNovaSenha .botoesNovaSenha button {
  float: right;
}

#container-login .bs-example-modal-lg-cadastro .modal-content {
  width: 522px;
}

#container-login .modal-lg {
  width: 530px;
}

#container-login .bs-example-modal-lg-cadastro .headerP {
  width: 520px;
  border-radius: 5px;
}

#container-login .form-login .form-control {
  height: 50px !important;
}

/*.headerAlterarSenha{
  position: relative;
  top: -26px;
  background-color: #f0f0f0;
  padding-top: 0px;
  left: -30px;
  width: 528px!important;
  border-radius: 3px;
}*/
/*TELA LOGIN*/
/*TELA CADASTRO/CONSULTA CLIENTES*/
.form-cadastro-cliente .panel-group .panel {
  border-left: none;
  border-top: none;
  margin-top: 1px !important;
}

.telCadastroCliente .row {
  width: 100%;
}

.telCadastroCliente .col-md-4 {
  padding-right: 0px;
}

.telCadastroCliente .col-md-8 {
  padding: 0px;
}

.modulosCadastroCliente .boxFuncionalidades {
  border: none;
  width: 100%;
  height: auto;
  /*overflow-y:hidden!important;*/
}

.modulosCadastroCliente {
  border-bottom: solid 1px #ccc;
  padding-bottom: 5px;
  background-color: #f5f5f5;
  padding: 8px;
}

.wrapModulos {
  display: none;
  margin-top: 10px;
  padding-top: 10px;
  background-color: #fff;
}

.linkModulosCliente {
  color: #000;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
}

.linkModulosCliente:hover,
.linkModulosCliente:active,
.linkModulosCliente:focus {
  text-decoration: none !important;
  color: #000;
}

.modulosCadastroCliente.toggled {
  border-bottom: none !important;
}

.wrapModulos.toggled {
  border-top: solid 1px #ccc;
}

.workerN {
  width: 240px;
  margin-top: 90px;
}

#container .form-Cliente .botoesBarraBusca .btn-azul {
  width: 185px !important;
}

.histBus:hover,
.histBus:active,
.histBus:focus {
  text-decoration: none !important;
  border: none !important;
}

.tooltipBtnDisable {
  display: block;
  color: #2d8dd6;
  width: 20px;
  float: right;
  position: relative;
  top: -25px;
  right: -14px;
  opacity: 0.7;
}

/*TELA CADASTRO/CONSULTA CLIENTES*/
/*ADMIN/LOGIN/CADASTRO DE CLIENTES*/

/*TELAS PÓS MÓDULO 4*/
/*PAINEL DE PREVISÕES*/
#container .topoPainel .nav-tabs>li.active>a,
#container .topoPainel .nav-tabs>li.active>a:hover,
#container .topoPainel .nav-tabs>li.active>a:focus {
  background: #f8f8f8 !important;
  color: #b6d054;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  box-shadow: none;
  padding-left: 30px;
  padding-right: 30px;
}

#container .topoPainel .nav-tabs>li>a {
  box-shadow: none;
  background: #e0e0e0;
  color: #535353;
  font-weight: 400;
  border: none;
  text-transform: uppercase;
  padding-left: 30px;
  padding-right: 30px;
}

.topoPainel .nav>li {
  margin-right: 5px;
}

.topoPainel .nav-tabs {
  border-bottom: none;
}

.topoPainel .tab-content {
  margin-top: 0px;
  background: #f8f8f8;
}

.topoPainel .headerpp {
  font-size: 13px;
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  border-bottom: solid 1px #ccc;
  padding-bottom: 10px;
  margin-left: 10px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-top: 5px;
}

.topoPainel .footerpp {
  border-top: solid 1px #ccc;
  margin-top: 10px;
  padding-left: 20px;
  padding-top: 5px;
  margin-left: 10px;
}

.topoPainel .footerpp button {
  float: right;
  background-color: transparent;
  color: #535353 !important;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
}

.topoPainel .ppRow {
  padding-left: 25px;
  padding-top: 5px;
}

.topoPainel .ppRow .col-md-1 {
  width: 25%;
}

.topoPainel .ppRow .posicaoSmall {
  width: 120px;
}

.topoPainel .ppRow .posicaoSmall input {
  width: 70px;
}

.topoPainel .ppRow .col-md-1 .radio {
  left: -15px;
}

.ppRow .select2-container,
.ppRow input,
.ppRow textarea {
  width: 95%;
  height: 32px;
}

.topoPainel .botoesBarraBusca {
  background-color: #f0f0f0;
  border-top: solid 1px #ccc;
  padding-top: 10px;
  width: 100%;
  float: inherit;
  margin-top: 0px;
  padding-bottom: 20px;
  padding-right: 0px;
  margin-top: 0px;
  padding-top: 5px !important;
  padding-right: 25px;
  padding-left: 25px;
}

.topoPainel .botoesBarraBusca button {
  float: right;
}

.topoPainel .tab-pane {
  padding-top: 15px;
}

.estacoesAdicionadas {
  background-color: #fafafa;
  padding-top: 15px;
  padding-right: 15px;
}

.estacoesAdicionadas .inputSearch {
  width: 122px;
}

.estacoesAdicionadas .headerpp .pull-right div {
  display: inline-block;
}

.estacoesAdicionadas .headerpp .pull-right i {
  border: solid 1px #96b032;
  border-radius: 15px;
  padding: 4px;
  font-size: 14px;
  color: #96b032;
  width: 25px;
  height: 25px;
  text-align: center;
}

.col-md-46 {
  width: 50%;
}

.col-md-54 {
  width: 49%;
}

.col-md-54 .m2m-green-bg {
  margin-left: 5px;
}

.w-100 {
  width: 100%;
}

.w-950 {
  width: 950px !important;
}

.estacoesAdicionadas .col-md-6 {
  border-right: solid 1px #ccc;
}

.estacoesAdicionadas .col-md-6:last-of-type {
  border: none;
  padding-left: 40px;
}

.estacoesAdicionadas .rowEstacoes {
  margin-left: 10px;
  font-weight: 400;
}

.estacoesAdicionadas .plataformaInput input {
  height: 42px;
  width: 50%;
}

.estacoesAdicionadas .rowEstacoes .headerBusca .pull-left,
.estacoesAdicionadas .rowEstacoes .headerBusca .pull-right {
  width: 48%;
}

.estacoesAdicionadas .rowEstacoes .headerBusca .pull-left p {
  padding-top: 30px;
}

.estacoesAdicionadas .rowEstacoes .headerBusca .pull-right .inputSearch {
  width: 160px;
  float: right;
  margin-right: 15px;
}

.estacoesAdicionadas .rowEstacoes .headerBusca .pull-right .input-group-addon {
  border-right: solid 1px #ccc;
}

.estacoesAdicionadas .rowEstacoes .headerBusca .pull-right .input-group-search {
  padding: 3px 30px 0 0;
}

.caixaLinhasEstacoes {
  background-color: #fff;
  max-height: 165px;
  overflow-y: auto;
  overflow-x: hidden;
  border: solid 1px #ccc;
  margin-bottom: 20px;
  padding-left: 15px;
}

.caixaLinhasEstacoes .uni {
  border-bottom: solid 1px #ccc;
}

.caixaLinhasEstacoes .uni:last-of-type {
  border: none;
}

.caixaLinhasEstacoes .uni .checkbox {
  margin-top: 3px;
  margin-bottom: 3px;
}

.limpar-todos {
  color: #999999 !important;
}

.limpar-todos:hover {
  color: #869b09 !important;
}

.limpar-todos i {
  color: #869b09 !important;
  font-size: 15px;
}

.estacoesAdicionadas .btincluirModelo {
  background-color: transparent;
  text-align: right;
}

.estacoesAdicionadas .badge {
  min-width: 30px;
  margin-left: 5px;
}

.estacoesAdicionadas .srcollBody button {
  display: inline-block;
  font-size: 16px;
}

/*.estacoesAdicionadas .fixedHeader tr td:first-of-type,
.estacoesAdicionadas .fixedHeader tr td:last-of-type{
  width: 20%!important;
}*/
.estacoesAdicionadas .fixedHeader tr td {
  width: 150px;
}

/*.estacoesAdicionadas .srcollBody tr td:first-of-type,
.estacoesAdicionadas .srcollBody tr td:last-of-type{
  width: 20%!important;
}*/
.estacoesAdicionadas .srcollBody tr td {
  width: 150px;
}

.estacoesAdicionadas .srcollBody tr td span {
  display: inherit;
  white-space: nowrap;
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.estacoesAdicionadas .srcollBody {
  max-height: 290px !important;
  width: 100% !important;
}

.rowppGeral {
  margin-left: 10px !important;
  margin-bottom: 30px;
}

.ppGeral p {
  font-weight: 400;
}

.panelPPGeral .help-block {
  font-size: 9px;
  font-style: italic;
  margin-top: -10px !important;
  font-weight: 300;
}

.boxLogo {
  background-color: #fff;
  border: solid 1px #eaeaea;
  width: 196px;
  height: 100px;
  display: inline-block;
}

.boxLogo .iconeAlterar i {
  border: solid 1px #96b032;
  border-radius: 81px;
  padding: 5px;
  font-size: 13px;
  color: #96b032;
  width: 25px;
  height: 25px;
}

.boxLogo .iconeAlterar {
  margin-top: 35px;
}

.panelPPGeral {
  background-color: #f8f8f8 !important;
  margin-top: -10px;
  padding-top: 10px;
}

.panelPPGeral .row {
  margin-left: 25px !important;
  margin-bottom: 30px;
}

.panelPPGeral .opcoesCores {
  width: 280px;
  margin-left: -35px !important;
  margin-top: 0px;
}

.panelPPGeral .opcoesCores .row {
  margin-bottom: 0px !important;
}

.panelPPGeral .opcoesCores .col-md-1 {
  margin-left: 10px !important;
}

.panelPPGeral .opcoesCores .maisBtn {
  width: 60px;
  height: 30px;
  color: #000;
  background-color: #e0e0e0;
  font-weight: 700;
  text-align: center;
  padding: 5px;
  text-transform: uppercase;
}

.panelPPGeral .opcoesCores .maisBtn:before {
  content: 'Mais';
}

/*.panelPPGeral .radio{
  margin-left: -15px;
}*/
.exibicaoPlataforma {
  background-color: #8a9b9c;
  padding: 10px;
  width: 100%;
  font-size: 10px;
  margin-bottom: 10px;
}

.exibicaoPlataforma label,
.exibicaoPlataforma span {
  color: #fff;
}

.exibicaoPlataforma span {
  display: block;
  width: 90%;
  margin-left: 15px;
}

.rowColmd2 .col-md-2 {
  width: 21.6% !important;
}

.contMsg,
.customizacao {
  margin-left: 25px;
  margin-bottom: 40px;
}

.contMsg .row {
  margin-left: -15px !important;
}

.contMsg textarea {
  height: 100px !important;
}

.contMsg .boxLogo {
  margin-left: 15px;
}

.contMsg span {
  font-size: 11px;
}

.customizacao .boxLogo {
  margin-right: 10px;
  margin-bottom: 30px;
}

.modal-lg .estacoesAdicionadas {
  background-color: transparent;
  padding-right: 0px !important;
  padding-top: 0px !important;
}

.modal-lg .estacoesAdicionadas .rowEstacoes {
  margin-left: -10px !important;
}

.modal-lg .estacoesAdicionadas .col-md-6:last-of-type {
  padding-left: 10px !important;
}

.modal-lg .estacoesAdicionadas .srcollBody tr td:first-of-type,
.modal-lg .estacoesAdicionadas .srcollBody tr td:last-of-type {
  width: 29% !important;
}

.modal-lg .estacoesAdicionadas .srcollBody tr td {
  width: 40% !important;
}

.modal-lg .estacoesAdicionadas .fixedHeader tr td:first-of-type,
.modal-lg .estacoesAdicionadas .fixedHeader tr td:last-of-type {
  width: 29% !important;
}

.modal-lg .estacoesAdicionadas .fixedHeader tr td {
  width: 40% !important;
}

#container-editar-plataforma .modal-lg .botoesBarraBusca {
  background-color: transparent !important;
}

.tabelaPreVisu .headerPre {
  font-size: 26px;
  text-align: left;
  font-weight: 600;
}

.tabelaPreVisu .headerPre table {
  margin-bottom: 0px !important;
}

.tabelaPreVisu .nomeTerminal,
.tabelaPreVisu .espacoLogo2,
.tabelaPreVisu .espacoLogo3 {
  background-color: #e2e2e2;
}

.tabelaPreVisu .espacoLogo2,
.tabelaPreVisu .espacoLogo3 {
  border: none !important;
}

.nomeTerminal {
  border-right: none !important;
}

.nomeTerminal {
  vertical-align: middle !important;
  text-indent: 15px;
}

.tabelaPreVisu .espacoLogo1 {
  max-width: 150px;
}

.espacoData {
  font-size: 36px !important;
  text-align: center;
  vertical-align: middle !important;
  width: 130px;
}

.tableCorpoPP {
  font-size: 16px;
  font-weight: 600;
}

.tableCorpoPP>thead>tr>th,
.tableCorpoPP>tbody>tr>th,
.tableCorpoPP>tfoot>tr>th,
.tableCorpoPP>thead>tr>td,
.tableCorpoPP>tbody>tr>td,
.tableCorpoPP>tfoot>tr>td {
  padding-left: 20px !important;
}

.tableCorpoPP thead td {
  background-color: #808080 !important;
  color: #fff !important;
}

.proximoStyle {
  font-weight: 400;
  font-style: italic;
}

.seguinteStyle {
  line-height: 15px;
}

.seguinteStyle span {
  font-size: 25px !important;
}

.tablefooterPP {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  height: 50px;
}

.tablefooterPP>tbody>tr>td {
  padding-left: 15px !important;
}

.tablefooterPP img {
  float: right;
  vertical-align: middle;
  padding-top: 3px;
}

.msgPP {
  -webkit-box-shadow: inset -13px 0px 79px -20px rgba(255, 255, 255, 0.22);
  -moz-box-shadow: inset -13px 0px 79px -20px rgba(255, 255, 255, 0.22);
  box-shadow: inset -13px 0px 79px -20px rgba(255, 255, 255, 0.22);
}

#container-pre-visualizar .bs-example-modal-lg-cadastro .close {
  margin-top: 0px !important;
}

.resultadosPainelPrevisao .qtdResultados_select {
  border-right: 0px;
  padding-right: 0px;
}

.colRGB input {
  display: inline-block;
  width: 50px;
}

.colRGB label {
  display: block;
}

.boxMenorConteudo {
  width: 235px !important;
}

/*ALTERAÇÕES PAINEL PREVISÕES*/
/*CONTEÚDO*/
.n-PP {
  background-color: #f8f8f8 !important;
  margin-left: -15px;
  margin-top: -10px;
}

.topoPainel .wraperBuscaPP {
  background: #f8f8f8 !important;
  margin-top: -10px;
  padding-top: 10px;
}

/*CONTEÚDO*/
/*ALTERAÇÕES PAINEL PREVISÕES*/
/*BOTÕES UPLOAD*/
.uploadLogo {
  display: inline-block;
}

.uploadLogo .box-adicionar-foto {
  background-color: #fff;
  border: solid 1px #eaeaea;
  width: 196px;
  min-height: 100px;
  display: inline-block;
  vertical-align: top;
}

.uploadLogo .image-icon,
.uploadLogo .exibe-imagem {
  width: 100%;
  height: auto;
  margin: 10px auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.uploadLogo .image-preview img,
.uploadLogo .exibe-imagem img {
  display: block;
  width: 160px;
  height: 160px;
  margin: 0 auto;
  border-radius: 160px;
}

.uploadLogo .image-preview p {
  width: 80%;
  margin: 0 auto 15px;
  text-align: center;
}

.uploadLogo .foto-upload {
  width: 100%;
  height: 17px;
  color: transparent;
  position: relative;
  top: 27px;
  cursor: pointer;
}

.uploadLogo .foto-upload:before {
  font-family: FontAwesome;
  /*content: '\f055 \00a0 Adicionar';*/
  content: '';
  display: inline-block;
  font-size: 14px;
  line-height: auto;
  color: #aec90b;
  text-align: center;
  width: 100%;
  font-weight: 300;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
}

/*END BOTÕES UPLOAD /PAINEL DE PREVISÕES / LAYOUT */
/*.add_layout  pagina de previsao /previsao de chegada / layout*/
.add_layout .box-adicionar-foto .close {
  z-index: 1000;
  position: absolute;
  margin: 5px 175px;
}

.add_layout .box-adicionar-foto .inputfile-1+label {
  margin: 16px auto;
}

.add_layout .box-adicionar-foto .inputfile-1+label span::before {
  content: '\f055 \00a0';
  font-family: FontAwesome;
}

.add_layout .box-adicionar-foto .inputfile-1+label span {
  top: -3px;
  font-size: 12px;
}

/*END BOTÕES UPLOAD /PAINEL DE PREVISÕES / LAYOUT */

/*BOTÕES UPLOAD*/
/*PAINEL DE PREVISÕES*/
/*MMIS*/
.formMMis {
  width: 98%;
  margin-left: 15px;
}

.formMMis .col-md-3 {
  width: 26.5% !important;
}

.formMMis .uploadTrocarFoto {
  width: 205px !important;
}

.smallform-group_estado {
  float: left;
}

.group_passageiro {
  float: right;
}

.formMMis .smallform-group_estado {
  padding: 0;
}

.formMMis .smallform-group_estado div {
  width: 150px;
}

.formMMis .group_passageiro {
  left: 18px;
}

.formMMis .group_passageiro div {
  padding: 0;
}

.formMMis .group_passageiro .select2-container {
  width: 200px;
}

.formMMis #MMISCadastroPassageiro_estado,
.formMMis input {
  /*background-color: #f4f4f4;*/
  background-color: transparent;
  background-image: none;
  cursor: default;
  width: 30%;
}

.formMMis .select2-container,
.formMMis input {
  width: 95%;
}

.formMMis .datepickernovo_uni,
.smallform-group input {
  width: 70% !important;
}

.smallform-group .combobox .dropdown {
  width: 150px;
  min-width: 150px !important;
}

.formMMis .inputGrupo div {
  width: 74%;
}

/*.formMMis .radioCheckbox{
  margin-left: -15px;
}*/
.vincularLinha {
  background-color: #fafafa;
  padding: 20px;
  margin-top: 20px;
}

.vincularLinha .select2-container {
  width: 300px;
}

.formMMis .headerpp {
  font-size: 13px;
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  border-bottom: solid 1px #ccc;
  padding-bottom: 10px;
  margin-bottom: 20px;
  padding-top: 5px;
}

.vincularLinha .form-group {
  display: inline-block;
}

.vincularLinha .btincluirModelo {
  background-color: transparent !important;
  display: inline-block;
  width: 180px !important;
  margin-top: 30px;
}

.vincularLinha .clearfix {
  width: 690px;
}

.linhasVinculadas .srcollBody {
  max-height: 200px;
}

.linhasVinculadas .fixedHeader td:first-of-type,
.linhasVinculadas .srcollBody td:first-of-type {
  width: 80%;
}

.totalizadorPassageiro .rowTotViagens .totwrap .fa-bus {
  color: #3a97d1;
}

.totalizadorPassageiro .rowTotViagens .totwrap .fa-male {
  color: #b8d32a;
}

.totalizadorPassageiro .rowTotViagens .totwrap .fa-credit-card {
  color: #e47c2e;
}

.spanPorcentagem {
  display: inline-block !important;
  font-size: 17px !important;
  font-weight: 100 !important;
  vertical-align: middle !important;
}

.totalizadorPassageiro .totValor {
  font-family: 'Open Sans', sans-serif;
  font-size: 21px !important;
  font-weight: 400 !important;
}

.totalizadorPassageiro .totlabel {
  width: 105px;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #cccccc;
}

.totalizadorPassageiro .rowTotViagens .viagensUnismall {
  width: 310px !important;
  border-left: solid 1px #999;
  border-right: solid 1px #999;
}

.totalizadorPassageiro .rowTotViagens .viagensUni {
  width: 535px;
}

.tPassageiros1 .subtotalRelatorio {
  color: #b6d054 !important;
  font-weight: 700;
}

.tPassageiros1 thead .ordenador {
  width: 5% !important;
}

.tPassageiros1 tbody tr {
  cursor: pointer;
}

.detalhePassageiro {
  background-color: #f9f9f9 !important;
}

.detalhePassageiro p {
  color: #636363;
}

.linhaRowspan {
  vertical-align: middle !important;
}

.tPassageiros2>tbody>tr:nth-child(odd) {
  background-color: #f3f4f3 !important;
}

.containerModalPassageiro p {
  color: #ccc !important;
  font-weight: 700;
  font-size: 11px;
  display: block;
  width: 98%;
}

.containerModalPassageiro p span {
  color: #535353 !important;
  font-weight: 300 !important;
  word-break: break-word;
}

.containerModalPassageiro .statusModal span {
  color: #b6d054 !important;
  font-weight: 600 !important;
}

#container-passageiro .fa-map-marker {
  color: #b6d054 !important;
  font-size: 18px;
}

#container-passageiro .circle_img {
  border: none !important;
  width: 130px !important;
  height: 130px !important;
  border-radius: 130px !important;
  background-size: 130px !important;
}

#container-passageiro .circle_img img {
  -webkit-clip-path: circle(50% at 50% 50%);
  clip-path: circle(50% at 50% 50%);
  display: inline-block;
  width: 130px;
  height: 134px;
}

#container-passageiro .col-md-3 {
  /*width: 140px;*/
  width: 30%;
}

#container-passageiro .col-md-3:first-of-type {
  width: 130px;
}

.colMap {
  height: 300px;
}

/*.colMap{
  height: 86%;
  position: absolute!important;
  top: 45px;
  right: 1px;
  width: 440px!important;
}
.colMap #mapfull{
  top: 0px!important;
}*/
/*PLOTAGEM TRAJETO*/
.iconeRedondo {
  font-size: 13px;
  color: #b6d054;
  font-weight: 600;
}

.iconeRedondo i {
  border: solid 1px #b6d054;
  border-radius: 15px;
  padding: 5px;
  font-size: 14px;
  color: #b6d054;
  width: 25px;
  height: 25px;
  text-align: center;
  font-weight: 600;
  font-size: 13px !important;
}

.sentidocombo .iconeRedondo {
  display: inline-block;
  margin-left: 20px;
}

.arquivosPontos {
  border: solid 1px #ccc;
  background-color: #fff;
  padding: 10px;
  width: 330px;
  display: inline-block;
}

.arquivosPontos i {
  display: inline-block;
}

.arquivosPontos span {
  font-size: 11px;
  display: inline-block;
}

.arquivosPontos .close {
  font-size: 15px !important;
}

.importarPlotagemModal {
  font-size: 12px;
  color: #999;
  max-height: 320px;
  overflow-y: auto;
  margin-top: -25px;
}

#container-plotagem .headerP i {
  color: #a4cc00;
  border: solid 1px #96b032;
  border-radius: 15px;
  padding: 4px;
  font-size: 14px;
  color: #96b032;
  width: 25px;
  height: 25px;
  text-align: center;
}

.importarPlotagemModal .radio {
  border-bottom: solid 1px #ccc;
  padding-bottom: 5px;
  margin-top: -10px;
  margin-bottom: 0px;
}

.importarPlotagemModal .radio:last-of-type {
  border-bottom: none;
}

#container-plotagem .botoesBarraBusca {
  margin-top: 30px;
  border-top: 0px;
}

/*PLOTAGEM TRAJETO*/
/*RELATÓRIO DESEMPENHO MOTORISTA*/
.totalizadorMotorista {
  display: inline-block;
}

.totalizadorMotorista .totwrap {
  display: inline-block;
  width: 24%;
  font-size: 24px !important;
  border-right: solid 1px #ccc;
  padding-left: 20px;
  padding-right: 20px;
}

.totalizadorMotorista .totwrap:last-of-type {
  border: none;
}

.totalizadorMotorista .totwrap .fa-flag {
  color: #b6cf55;
}

.totalizadorMotorista .totwrap .fa-clock-o {
  color: #ffba00;
}

.totalizadorMotorista .totwrap .fa-bus {
  color: #19b391;
}

.totalizadorMotorista .totlabel {
  color: #ccc;
  font-weight: 600 !important;
  display: block;
  width: 130px;
}

.totalizadorMotorista .totValor {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
}

.tdesempenhoMotorista .tPainelEventos thead td {
  text-align: center !important;
  border-top: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
}

.tdesempenhoMotorista .tPainelEventos thead .tHead1 td:nth-of-type(3),
.tdesempenhoMotorista .tPainelEventos thead .tHead1 td:nth-of-type(4) {
  border-left: solid 1px #e5e5e5;
  border-right: solid 1px #e5e5e5;
}

.tdesempenhoMotorista .tPainelEventos thead .tHead1 {
  border-top: solid 1px #e5e5e5;
}

.tdesempenhoMotorista .tPainelEventos thead .tHead1 td:nth-of-type(2),
.tdesempenhoMotorista .tPainelEventos thead .tHead1 td:nth-of-type(1) {
  border-top: solid 1px #fff;
  border-left: none !important;
  border-right: none !important;
}

.tdesempenhoMotorista .tPainelEventos thead td {
  border-left: solid 1px #e5e5e5;
  border-right: solid 1px #e5e5e5;
}

.tdesempenhoMotorista .srcollBody {
  margin-top: -21px;
}

.detalheMotoristaRanking {
  background-color: #f9faf9;
  padding: 10px;
}

.detalheMotoristaRanking .triangulo-detalhe {
  top: -10px !important;
}

.hdetalheMotoristaRanking {
  padding-left: 15px;
  display: inline-block;
}

.hdetalheMotoristaRanking i {
  color: #ccc;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
  padding-top: 3px;
  margin-right: 5px;
}

.hdetalheMotoristaRanking p {
  font-weight: 600;
  font-size: 16px;
  display: inline-block;
}

.hdetalheMotoristaRanking p span {
  color: #ccc;
  font-size: 13px;
}

.detalheMotoristaRanking .circle_img {
  border-color: transparent !important;
  background-size: 50px;
  background-repeat: no-repeat;
  background-position: -2px;
  margin-right: 5px;
}

.tdesempenhoMotorista .qtdResultados_select {
  border-right: none;
  margin-bottom: 20px;
  padding-right: 0px;
}

.graficosGauge {
  padding: 15px;
}

.graficosGauge .col-md-3 {
  background-color: #fff;
  border: solid 1px #ccc;
  border-radius: 6px;
}

.graficosGauge .col-md-3 p {
  color: #b6d054;
  font-weight: 600;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 3px;
}

/*CONFIGURAR*/
.formTelemetriaConfigurar {
  background-color: #f9f9f9;
  margin-top: -10px;
  padding-top: 10px;
  padding-left: 15px;
}

.formTelemetriaConfigurar .verdeDestaque {
  display: inline-block;
  margin-left: 10px;
}

.formTelemetriaConfigurar .rangeScale span {
  display: inline-block;
  width: 27px;
  position: relative;
  left: 0px;
}

.formTelemetriaConfigurar tbody tr td:first-of-type {
  width: 85%;
}

.formTelemetriaConfigurar .radioCheckbox .radio label {
  padding-left: 15px;
  margin-right: 10px;
}

/*.formTelemetriaConfigurar .radioCheckbox .radio{
  left: -15px;
}*/
.allBlack {
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
}

.formTelemetriaConfigurar table td {
  border-right: solid 1px #ccc;
}

/*CONFIGURAR*/
/*RELATÓRIO DESEMPENHO MOTORISTA*/
/*TELA AUDITORIA*/
.hAuditoria .combobox select {
  width: 95%;
}

.hAuditoria .col-md-1 {
  width: 20%;
}

.3pontos {
  font-size: 10px;
  color: #ccc;
  font-weight: 600;
}

.hAuditoria table .fa-plus-circle {
  font-size: 16px;
}

.alteracaoUni {
  font-size: 12px;
  color: #999;
  display: block;
  padding-top: 15px;
}

.alteracaoUni .fa-circle-thin {
  color: #ccc;
  font-weight: 600;
  font-size: 14px;
}

.listasAlteracoes {
  padding-bottom: 20px;
  margin-top: -20px;
}

.listasAlteracoes p {
  font-weight: 600;
  text-transform: uppercase;
}

#container-informacoes-extras .modal-content {
  width: 600px;
}

#container-informacoes-extras .headerP {
  width: 598px;
}

/*TELA AUDITORIA*/
/*RELATÓRIO PASSAGEM NO PONTO EM VIAGEM*/
.totalizadoresRelatorio .rowTotViagens .totwrap .circleIcon i {
  font-size: 11px;
  position: relative;
  top: -4px;
  vertical-align: inherit;
  padding-top: 0px;
  padding-right: 0px;
}

.totalizadoresRelatorio .col-md-1 .circleIcon {
  display: inline-block !important;
}

.totalizadorPassagem .totValor {
  font-family: 'Open Sans', sans-serif;
  font-size: 21px !important;
  font-weight: 300 !important;
}

.totalizadorPassagem .help-block {
  font-size: 14px !important;
  text-align: center;
  font-weight: 400;
  position: relative;
  top: 15px;
}

.totalizadorPassagem .totlabel {
  width: 190px;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #cccccc;
}

.totalizadorPassagem .rowTotViagens .viagensUni {
  width: 100%;
}

.totalizadorPassagem .fa-bus {
  color: #535353 !important;
}

.totalizadorPassagem .rowTotViagens .viagensUni .colUni {
  width: auto;
}

.totalizadorPassagem .rowTotViagens .totwrap i {
  font-size: 25px;
}

.hDestaqueTabela {
  background: #f9f9f9;
  text-transform: uppercase;
  text-align: center !important;
  border-right: solid 1px #ccc;
  border-left: solid 1px #ccc;
  font-weight: 600;
}

#container .tPassagem>thead>tr>td {
  padding: 4px !important;
}

.tPassagem td {
  font-size: 90% !important;
  font-family: 'Roboto Condensed', sans-serif;
  min-width: 45px;
  color: #000;
  max-width: 66px;
}

.tPassagem thead .ordenador {
  margin-left: 0px !important;
}

.tDestaqueBorda {
  border-left: solid 1px #ccc;
}

.resultadoTabelaPassagem .filtroPreBusca {
  background-color: transparent;
}

.resultadoTabelaPassagem .filtroPreBusca button {
  width: 135px;
}

#TbotaoPermanencia {
  display: none;
}

.totalizadorPassagem .rightRanking {
  /*width: 40%;*/
  display: inline-block;
}

.totalizadorPassagem .leftRanking {
  border-right: solid 1px #ccc;
  padding-right: 30px;
  display: inline-block;
}

.rankingPontos .col-md-1 {
  padding: 10px;
  padding-left: 0px;
  padding-right: 0px;
  background-color: #8a9b9c;
  color: #fff;
  font-size: 240%;
  text-align: center;
  border-radius: 15px;
  width: 88px !important;
  margin-right: 4px;
  height: 115px;
  display: inline-block;
}

.piorPonto {
  background-color: #c9343a !important;
  color: #fff;
}

.melhorPonto {
  background-color: #aec927 !important;
  color: #fff;
}

.totalizadoresRelatorio .rankingPontos .col-md-1 span {
  font-size: 33% !important;
  font-weight: 400;
}

.rankingPontos .col-md-1 p {
  overflow: hidden;
  max-height: 100px;
  max-width: 90%;
  margin-left: 5%;
  font-weight: 300;
}

.rankingPontos {
  width: 100%;
}

.rankingimg {
  width: inherit;
  background-image: url(../img/passagem_ponto-01.png);
  background-repeat: no-repeat;
  min-height: 70px;
  background-size: 100%;
}

/*RELATÓRIO PASSAGEM NO PONTO EM VIAGEM*/
/*RELATÓRIO EXCESSO DE VELOCIDADE*/
.hExcessoVelocidade {
  padding-left: 0px !important;
  margin-top: 0px;
}

.hExcessoVelocidade .tituloBuscaBarra {
  padding-left: 23px !important;
}

.hExcessoVelocidade .wrapclear {
  height: 362px;
}

.formExcessoVelocidade .rowVelocidade {
  background-color: #e9e9e9;
  position: relative;
  top: -10px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 35%;
  height: 100%;
}

.formExcessoVelocidade .extrasExcesso {
  width: 65%;
  height: inherit;
  position: relative;
  top: -38px;
  /*  left: -16px;*/
}

.formExcessoVelocidade .datepickernovo_wrap {
  width: 95%;
}

.novoCadastro .formExcessoVelocidade .row:last-of-type {
  width: 95% !important;
}

#container .rowFinalExcesso {
  width: 99.5% !important;
  padding-top: 0px;
  margin-top: -30px;
}

.totalizadorExcesso .colUni {
  vertical-align: middle;
}

.totalizadorExcesso .rowTotViagens .totwrap .fa-tachometer {
  color: #9b59b6;
  font-size: 200%;
}

.totalizadorExcesso .iconesComplexos .fa-bus {
  font-size: 200% !important;
  color: #4b80de !important;
}

.totalizadorExcesso .iconesComplexos .circleIcon {
  width: 18px;
  height: 18px;
  left: -7px;
  top: 0px;
}

.totalizadorExcesso .iconesComplexos .circleIcon i {
  font-size: 10.5px !important;
  top: -17px !important;
  color: #ffba00;
}

.totalizadorExcesso .circleIcon,
.totalizadorExcesso .totValor {
  font-size: 200%;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 300 !important;
}

.totalizadorExcesso .totValor .totlabel {
  width: auto;
  font-weight: 600 !important;
  font-size: 50% !important;
  color: #cccccc;
  padding-right: 15px;
}

.totalizadorExcesso .rowTotViagens .viagensUni {
  width: 100% !important;
}

.tExcesso,
.tRoboto {
  font-family: 'Roboto Condensed', sans-serif;
}

.tExcesso td {
  padding: 5px !important;
}

.extrasExcesso .filtroPreBusca {
  background-color: transparent !important;
  padding-left: 10px;
  margin-top: -8px;
}

.extrasExcesso .tab-content {
  margin-top: 0px !important;
  padding-top: 10px;
  background-color: #f7f7f7;
  padding-bottom: 12px;
}

.rowFixoFiltro {
  border-bottom: solid 1px #ccc;
  border-top: solid 1px #ccc;
  padding-top: 10px;
}

.novoCadastro .hpainelEventos .extrasExcesso .row {
  width: 100% !important;
}

.extrasExcesso .panel-tabs>li.active>button {
  background-color: #b7d03e !important;
  color: #fff !important;
}

.extrasExcesso .nav>li {
  display: inline-block !important;
}

.extrasExcesso .tab-pane p {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
}

#container .rowExportDemanda {
  position: relative;
  top: 56px;
  border-top: solid 1px #ccc;
  width: 100% !important;
}

.iconesMelhorPior .fa-exclamation-circle {
  z-index: 6;
  position: relative;
  top: 70px;
  left: -15px;
  color: #c9343a;
}

.iconesMelhorPior .fa-trophy {
  z-index: 6;
  position: relative;
  top: 640px;
  left: -30px;
  color: #aec927;
}

.prefixoTotValor {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-left: 5px;
}

.rowExportDemanda .radio {
  left: 15px;
}

/*RELATÓRIO EXCESSO DE VELOCIDADE*/
/*RELATÓRIO COMPORTAMENTO VEÍCULO*/
.hrelatorioPermanencia .tituloBuscaBarra {
  padding-left: 23px !important;
}

.hrelatorioPermanencia .row {
  padding-left: 13px !important;
}

#container .historicoVeiculo .rowExportDemanda {
  top: 0px !important;
  left: 2px;
}

#container .historicoVeiculo .hpainelEventos .row:first-of-type {
  width: 94.5% !important;
}

#container .historicoVeiculo .totalizadorPassageiro .rowTotViagens .viagensUnismall {
  width: 320px !important;
}

.historicoVeiculo .totalizadorPassageiro .rowTotViagens .viagensUni {
  width: 535px !important;
}

.historicoVeiculo .totalizadoresRelatorio .col-md-1 {
  width: 180px !important;
}

.historicoVeiculo .totalizadoresRelatorio .col-md-1:first-child {
  border-right: solid 1px #999;
}

.historicoVeiculo .totalizadorPassageiro .col-md-1:first-child .totlabel {
  width: 118px;
}

/*RELATÓRIO COMPORTAMENTO VEÍCULO*/
/*TELA DOWNLOAD DESKTOP - PASSAGEIROS*/
.cadastroDownload .headerMapRelatorio {
  margin-bottom: 10px;
}

/*RELATÓRIO COMPORTAMENTO VEÍCULO*/
/*COMANDOS*/
.totalizadorComandos .totValor {
  font-family: 'Open Sans', sans-serif;
  font-size: 21px !important;
  font-weight: 400 !important;
}

.totalizadorComandos .totlabel {
  width: 105px;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #cccccc;
}

button.applyBtn.btn.btn-small.btn-sm.btn-apply {
  display: none;
}

.totalizadorComandos .col-md-1 {
  width: auto !important;
  border-right: solid 1px #ccc;
}

.totalizadorComandos .col-md-1:last-child {
  border: none;
}

.totalizadorComandos .col-md-1 span {
  width: auto !important;
}

.tComandos tbody td:last-child,
.tComandos thead td:last-child {
  text-align: center;
}

.tComandos tbody tr:hover,
.tComandos tbody tr:focus,
.tComandos tbody tr:active {
  background-color: transparent !important;
}

#container-comando-retornado h3 {
  padding-left: 0px;
}

.infoRetorno {
  color: #999999;
  font-size: 12px;
  padding-left: 0px;
}

.infoRetorno span {
  float: right;
}

.infoRetorno i {
  border: solid 1px #b6d054;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  color: #b6d054;
  font-size: 13px;
  text-align: center;
  padding-top: 2px;
  margin-right: 4px;
}

#container-comando-retornado .modal-content {
  width: 80%;
  padding-right: 30px;
}

#container-comando-retornado .botoesBarraBusca {
  border-top: none;
}

#container-comando-retornado .botoesBarraBusca .btn-cinza {
  float: right;
}

.mainContainerComando .stepwizard {
  position: absolute;
  top: 158px;
  left: 0;
  width: 100%;
}

.mainContainerComando .stepwizard-step {
  width: 50%;
}

.mainContainerComando #step-1,
.mainContainerComando #step-2,
.mainContainerComando #step-3 {
  margin-top: 110px;
}

.imgEquipComando {
  width: 100px;
  height: 100px;
  background-color: #bcc4c8;
  border-radius: 100px;
  box-shadow: none;
  border: none;
}

.imgEquipComando:hover,
.imgEquipComando:focus,
.imgEquipComandoActive,
.checkBall:hover,
.checkBall:focus {
  border: solid 3px #aec927;
}

.imgSelecaoComando {
  width: 100px;
  height: 100px;
  background-color: #8a9b9c !important;
  border-radius: 100px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  padding-top: 10px;
  text-align: center;
  box-shadow: none;
  border: none;
  padding-top: 33px;
  position: relative;
}

.imgSelecaoComando:hover,
.imgSelecaoComando:focus {
  background-color: #aec927 !important;
}

.imgSelecaoComandoActive {
  background-color: #aec927 !important;
}

.c-equip3 {
  max-width: 95% !important;
}

.imgEquipComando img {
  max-width: 80%;
}

.rowEquipComando .rowEquipComandoUni p {
  color: #999;
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
}

.rowEquipComando {
  display: inline-block;
  margin-top: 15px;
  width: 100%;
  max-width: 1200px;
}

.rowEquipComandoUni {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
}

.rowEquipComandoUni:last-child {
  margin-right: 0px;
}

.checkBall {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 40px;
  border: solid 3px #8a9b9c;
  position: relative;
  left: 75%;
  top: -15px;
  padding-top: 5px;
  color: #fff;
}

.checkBall .glyphicon {
  text-align: center;
  font-size: 150%;
}

.checkBallActive .glyphicon {
  color: #a4cc00 !important;
}

.checkBallActive {
  border: solid 3px #aec927;
}

.comandosAcc .panel-title a {
  text-transform: uppercase;
  color: #999;
  font-size: 13px;
}

.comandosAcc .panel-default>.panel-heading {
  background-color: #fff;
}

.comandosAcc .right-arrow {
  float: right;
}

.comandosAcc .panel-collapse {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  border-top: solid 1px #ccc;
}

.uni-comandos-accordion {
  border-bottom: solid 1px #ccc;
  color: #999;
  padding-bottom: 5px;
}

.uni-comandos-accordion:last-child {
  border: none;
}

#step-2 .select2-container {
  width: 310px;
}

/*
.passo-2-cadastro-comando >  #step-2 .select2-container {
  width: 310px ;
}*/

#step-2 .tUsuarioNovo thead td,
#step-2 .tUsuarioNovo tbody td {
  width: auto;
}

.sectionAcc .uni-heading {
  border: solid 1px #dddddd;
  background-color: #fff;
  box-shadow: none !important;
  padding: 5px;
  margin-bottom: 5px;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
  color: #999;
  font-weight: 400;
}

.sectionAcc {
  margin-bottom: 30px;
}

.sectionAcc .uni-heading img {
  display: inline-block;
  margin-right: 5px;
}

.clearAcc .pull-left,
.clearAcc .pull-right {
  width: 49%;
}

.clearAcc {
  margin-top: 15px;
}

.mainContainerComando .form-title {
  margin-bottom: 5px !important;
  margin-top: 0px !important;
}

.smallP {
  font-size: 12px;
  font-weight: 400;
}

.sectionAccField {
  background-color: #e0e0e0;
  padding: 10px;
  padding-left: 15px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.sectionAccField input,
.sectionAccField .datepickernovo_uni .input-group {
  width: 290px;
}

.triangle-left-Acc {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #e0e0e0;
  border-bottom: 3px solid transparent;
  position: relative;
  top: -135px;
  left: -10px;
}

.clearAcc .pull-right .imgEquipComando {
  width: 60px;
  height: 60px;
  position: relative;
  left: 90%;
  top: -160px;
  background-color: #fff;
  border: solid 3px #e0e0e0;
  padding-top: 7px;
}

.clearAcc .pull-right>div {
  max-width: 400px;
}

.formInputC {
  background-color: #fff;
}

.formInputC input {
  padding-left: 15px;
  padding-top: 15px;
  font-size: 11px;
}

/*COMANDOS*/
/*TELA DOWNLOAD DESKTOP - PASSAGEIROS*/
.cadastroDownload .headerMapRelatorio {
  margin-bottom: 10px;
}

.cadastroDownload .headerMapRelatorio p {
  font-size: 145%;
  text-align: right;
  margin-right: 30px;
}

.rowCinzaBg {
  background-color: #e1e8ea;
  padding-top: 15px;
  padding-left: 35px;
  padding-bottom: 10px;
}

.cadastroDownload .rowCinzaBg .col-md-10 .pull-left p {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

.cadastroDownload .rowCinzaBg .col-md-10 .pull-left .help-block {
  padding-left: 15px !important;
  max-width: 630px;
}

.cadastroDownload .rowCinzaBg .col-md-10 .btn-azul {
  margin-top: 25px;
}

/*TELA DOWNLOAD DESKTOP - PASSAGEIROS*/
/*NOVO PLANEJAMENTO*/
/*NOVO CRIAR*/
.hCriarPlanejamento .col-md-1 {
  width: 25%;
  padding-left: 0px !important;
}

.hCriarPlanejamento .botoesBarraBusca {
  margin-top: 0px;
}

.rowFluxoPlanej {
  background-color: #f8f8f8;
  padding: 15px;
  padding-top: 5px;
  margin-top: 15px;
  padding-bottom: 0px;
  font-size: 13px;
}

.rowFluxoPlanej .fluxoBody p {
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 0px;
  padding-top: 5px;
}

.fluxoBody {
  display: none;
}

.fluxoBody .clearfix {
  border-bottom: solid 1px #ccc;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.fluxoBody .stepper input {
  width: 70px !important;
}

.fluxoBody .col-Stepper {
  width: 150px !important;
}

.fluxoBody .btn-links {
  padding-top: 30px;
}

.montarPlanejamento .header p {
  text-transform: uppercase;
  padding-left: 15px;
}

.configuracoesPlanej {
  background-color: #f5f7f8;
  position: relative;
  left: 0px;
  width: 30%;
  display: inline-block;
  padding: 15px;
  height: 100%;
}

.toggleConfig .fa {
  color: #999;
}

.toggleConfig {
  background-color: #f5f7f8;
  width: 25px;
  border-radius: 5px;
  position: relative;
  right: 15px;
  height: 25px;
  display: inline-block;
  padding-top: 3px;
  padding-left: 9px;
}

.PlanejMainContainer {
  transition: all 0.3s ease-out;
  height: 100%;
  width: 100%;
}

.PlanejMainContainer [data-id='containerDeSinoticos'] {
  margin: 4px !important;
}

.PlanejMainContainer button.minimize {
  padding: 2px 8px;
  border: #ccc 1px solid;
  outline: none;
  margin: -1px;
}

.PlanejMainContainer button.minimize.right {
  border-right: #ccc 1px solid;
  border-left: none !important;
}

.PlanejMainContainer .minimize {
  float: initial !important;
}

.planej-container[role*='column-container'] {
  display: flex;
  flex-direction: column;
  /*height: calc(100% - 49px);*/
}

.planej-container[role*='row-container'] {
  display: flex;
  flex-direction: row;
  height: 100%;
}

.PlanejMainContainer .sinotico-container .terminalSinotico {
  width: 22%;
  background-color: #f5f7f8;
  border: none;
  padding: 15px;
  padding-top: 0px;
  position: relative;
  overflow-x: visible;
}

.PlanejMainContainer .terminalSinotico .minTerminal {
  left: 95%;
  top: 50%;
  border: none;
  width: 30px;
  background-color: #f5f7f8;
  border-radius: 5px;
  height: 35px;
}

.PlanejMainContainer .terminalSinotico .minTerminal button.minimize {
  border: none;
  color: #535353;
}

.contentConfig,
.contentConfig label,
.contentConfig input {
  font-size: 12px;
}

.contentConfig .btn-azul {
  margin-top: 20px;
}

.contentConfig .select2-container,
.contentConfig .inputTime {
  width: 100%;
}

#container .tTabelasPlanej td {
  font-size: 90% !important;
  font-family: 'Roboto Condensed', sans-serif;
}

.tabelaCentral {
  margin-bottom: 20px;
}

.filtroTabelaPlanej {
  background-color: transparent;
  /*  overflow: hidden;
    white-space: nowrap;*/
}

.filtroTabelaPlanej button {
  min-width: 95px !important;
  max-width: 160px !important;
  margin-right: 10px !important;
  background-color: #f8f8f8;
  vertical-align: top;
  width: auto;
  height: auto;
  max-height: 60px !important;
  min-height: 25px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}

.filtroTabelaPlanej button.active {
  background-color: #b7d03e;
}

.tabelaCentral .titCinzaBold {
  font-size: 14px !important;
}

.tTabelasPlanej .hDestaqueTabela {
  color: #b6d054 !important;
  border: none;
}

.PlanejMainContainer .srcollBody {
  max-height: 800px !important;
}

/*.tTabelasPlanej tr{
  border-bottom: solid 1px #ccc;
}*/
.tTabelasPlane {
  margin-bottom: 0px;
}

.tTabelasPlanej td {
  width: 140px;
  text-align: center !important;
}

.tTabelasPlanej .tlimpar {
  width: 107px;
}

#container .tTabelasPlanej .tlimpar i {
  font-size: 13px !important;
  padding: 0px;
}

.tTabelasPlanej .hDestaqueTabela:first-of-type {
  border-right: solid 1px #ccc;
}

.bordaUni {
  border-right: solid 1px #ccc;
}

.acaoVisualizar {
  background-color: #f2f6f6;
  font-size: 13px !important;
  text-align: left !important;
}

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

.corpoAcao input[type='number'] {
  width: 100%;
}

.acaoVisualizar .corpoAcao .pull-left {
  width: 48%;
}

.acaoVisualizar .corpoAcao .pull-right {
  width: 48%;
}

.acaoVisualizar .pull-left .fa-map-pin {
  color: #ccc;
  font-size: 14px;
}

.PlanejMainContainer .badge {
  background-color: #ff5b2d;
  color: #fff;
}

.acaoVisualizar .iconeRedondo i {
  color: #999 !important;
  border: 1px solid #999 !important;
}

.acaoVisualizar .headerAcao {
  border-bottom: solid 1px #ccc;
  padding-bottom: 3px;
  margin-bottom: 10px;
  color: #000;
}

.acaoVisualizar .row {
  border-bottom: solid 2px #66666a;
  width: 99%;
  margin-left: 0.5%;
  margin-top: 10px;
}

.acaoVisualizar .rowCorpoAcao {
  border-bottom: solid 1px #ccc;
}

.acaoVisualizar .rowCorpoAcao:last-of-type {
  border: none;
}

.acaoVisualizar .titCinzaBold {
  text-transform: uppercase;
}

.acaoVisualizar .titCinzaBold i {
  color: #ccc;
}

.numOrd {
  background-color: #aec927;
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  padding-top: 2px;
  font-size: 10px;
}

.rowCorpoAcao .datepickernovo_uni {
  width: 80%;
}

.terminalPontoControle .select2-container {
  width: 95%;
}

.terminalPontoControle .titCinzaBold {
  margin-bottom: 10px;
}

.terminalPontoControle .DivPonto {
  border-bottom: solid 1px #ccc;
  padding-bottom: 15px;
}

.terminalpontosSelecionados .clearfix {
  width: 100%;
}

.nomePontosSelecionadosUni {
  background-color: #fff;
  border: solid 1px #ccc;
  padding: 10px;
  word-break: break-all !important;
  white-space: normal !important;
  width: 90%;
  margin-left: 10%;
  font-size: 12px;
  max-height: 50px;
}

.pontosSelecionadosUni .pull-left {
  width: 80%;
}

.pontosSelecionadosUni .pull-right {
  width: 20%;
}

.pontosSelecionadosUni .numOrd,
.pontosSelecionadosUni button {
  position: relative;
  top: 30px;
}

.PlanejMainContainer .toleranciagroup {
  /*margin-left: 0px!important;*/
}

.PlanejMainContainer .clearTolerancia {
  padding-left: 30px;
}

/*.PlanejMainContainer .formIntervalo .checkbox{
  left: -15px;
}*/
.PlanejMainContainer .stepper button {
  height: 50px !important;
}

.PlanejMainContainer .stepper input {
  width: 50px;
}

.PlanejMainContainer .terminalSinotico .contentTerminal {
  overflow-x: visible;
  margin-top: 25px;
}

.totFooterTerm {
  color: #66666a;
  font-size: 13px;
  position: absolute;
  bottom: 0px;
  font-weight: 400;
}

.totFooterTerm span {
  font-size: 17px;
  font-weight: 600;
}

.btfinalcriar .importarBtnBarra {
  right: 7px;
  top: 5px !important;
}

.btfinalcriar .importPlanej {
  /*posicionamento do botao importar na tela de planejamento*/
  right: 30px !important;
  /*top: -16px !important;resolvendo click junto com title do botão importar*/
}

/*botao importar escala */
.importarEscala .custom-file-input2::before {
  margin-left: -16px !important;
  height: 39px !important;
}

.importarEscala .importarBtnarquivo .import-label {
  margin: -47px 3px !important;
}

.importarEscala .button-default-importar .import input[type='file'] {
  margin: -5px -20px;
}

.importarEscala .button-default-importar .importarEscalaDrop {
  top: -69px !important;
  right: -15px !important;
  z-index: 1000;
}

/*end botao importar escala */
.btfinalcriar .importPlanej .custom-file-input2::before {
  height: 31px !important;
}

.btn-setasMais {
  background-color: #f0f0f0 !important;
  border: solid 1px #ccc;
  color: #535353;
  font-size: 10px;
}

.montarPlanejamento .terminalSinotico {
  left: 0px;
  right: 0px;
}

.montarPlanejamento .terminalSinotico:first-of-type {
  left: 0px !important;
}

.PlanejMainContainer .terminalSinotico .minTerminal.right {
  right: 0;
  left: -98%;
}

/*NOVO CRIAR*/
/*NOVO PLANEJAMENTO*/
/*TELAS BGM*/
.resultadosBGM {
  margin-top: 30px;
}

.resultadosBGM .qtdResultados_select {
  border: none;
}

.rowIntegracoes .col-md-2 .btn-novo button {
  margin-top: 25px !important;
}

.resultadosBGM .fa-cloud {
  color: #b6d054;
  font-weight: 600;
}

.forcSincronizacao {
  background-color: #f0f0f0;
  width: 100%;
  padding: 10px;
  font-weight: 300;
  font-size: 15px;
  padding-left: 20px;
}

.forcSincronizacao .btnForcar {
  display: block;
  border-top: solid 1px #ccc;
  padding-top: 10px;
}

.formGiro {
  padding-left: 20px;
  padding-top: 10px;
  padding-right: 20px;
}

.formGiro .clearfix {
  border-bottom: solid 1px #ccc;
  padding-bottom: 10px;
}

/*TELAS BGM*/
/*CONTROLE DE PARTIDAS - NOVO*/
.controlePartidaIndex {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  top: 0px;
  right: 0;
}

.controlePartidaIndex .col-md-8 {
  position: relative;
  top: 25%;
}

.controlePartidaIndex .col-md-8 img {
  max-width: 100%;
}

.controlePartidaIndex .col-md-8 p {
  font-size: 250%;
  font-weight: 400;
  color: #616060;
  text-align: center;
  font-style: italic;
}

.controlePartidaIndex .col-md-8 p span {
  color: #b6d054;
  font-weight: 600;
}

.controlePartidaIndex .col-md-3 {
  background-color: #e9eeef;
  padding: 25px;
  height: 100%;
  width: calc(100% - 67% - 35px);
  -webkit-animation: 0.8s slideDownShow ease;
  -moz-animation: 0.8s slideDownShow ease;
  animation: 0.8s slideDownShow ease;
}

.controlePartidaIndex .col-md-1 {
  padding: 0px;
  margin: 0px;
  width: 25px;
  top: 50%;
  -webkit-animation: 0.8s slideDownShow ease;
  -moz-animation: 0.8s slideDownShow ease;
  animation: 0.8s slideDownShow ease;
}

.anchor-config {
  background-color: #e9eeef;
  color: #535353;
  font-size: 11px;
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
  border-radius: 5px;
  padding-top: 6px;
}

.controlePartidaIndex .col-md-1.toggled {
  -webkit-animation: 0.7s slideInRight ease;
  -moz-animation: 0.7s slideInRight ease;
  animation: 0.7s slideInRight ease;
}

.controlePartidaIndex .col-md-8.toggled {
  width: 97.5%;
}

.colConfig .row {
  margin-left: 0px;
}

.colConfig .select2-container {
  width: 95%;
}

.controlePartidaIndex .formularios {
  height: 100%;
}

.controlePartidaIndex .botoesBarraBusca {
  border: none !important;
}

.controlePartidaIndex .botoesBarraBusca .btn-cinzaEscuro {
  margin-top: 20px !important;
}

.canvas-frame>.molduraControle {
  background-color: transparent !important;
  border-bottom: solid 1px #ccc;
}

.nomeTerminal {
  text-transform: uppercase;
  color: #fff;
  font-size: 10px;
  display: block;
  padding: 5px;
  font-weight: 600;
  padding-left: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.tControleSuspended {
  font-size: 12px;
  font-weight: 400;
}

#container .tControleSuspended>tbody>tr>td,
#container .tControleSuspended>thead>tr>td {
  padding: 2px !important;
  border: none !important;
  padding-left: 4px !important;
  font-size: 12px !important;
  text-align: left !important;
}

#container .tControleSuspended>thead>tr>td:nth-of-type(2n),
#container .tControleSuspended>tbody>tr>td:nth-of-type(2n) {
  background-color: #f1f1f1;
}

#container .tControleSuspended>tbody>tr>td span {
  max-width: 50px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#container .tControleSuspended>tbody>tr>td .tdSpanVeiculo {
  max-width: 62px;
}

.tControleSuspended thead {
  color: #000;
  text-transform: uppercase;
}

.tControleSuspended thead td {
  border: none !important;
  font-weight: 800 !important;
}

#container .tControleSuspended tbody td {
  font-weight: 600 !important;
}

.tControleSuspended i {
  padding-left: 3px;
  font-size: 10px;
}

.tControleSuspended .fa-clock-o {
  color: #ff7e27;
}

.tControleSuspended .fa-history {
  color: #accb34;
}

#container .tControleSuspended>tbody>.trMomento>td {
  background-color: #3e4344 !important;
  color: #fff !important;
  font-size: 12px !important;
}

.trMomento td i {
  font-size: 10px;
}

.configControleSuspenso {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  padding-bottom: 1px;
}

.configControleSuspenso a {
  width: calc(100% / 3);
  background-color: #d5dfe1;
  color: #535353;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  padding: 2px 0px;
  position: relative;
}

.configControleSuspenso a:hover,
.configControleSuspenso a:focus {
  text-decoration: none;
  opacity: 0.9;
  outline: none !important;
  color: #535353;
}

.configControleSuspenso a.active {
  background-color: #a3c900;
  font-weight: bold;
}

/*setinha a controle*/
/*.configControleSuspenso a.active:after{
  content: "\f0dd";
  position: absolute;
  top: 7px;
  z-index: 6;
  font-family: FontAwesome;
  left: 70px;
  color: #a3c900;
  font-size: 15px;
}*/
/*setinha a controle*/
.rowControleSuspended {
  background-color: #f1f0f1;
  margin-right: 0px !important;
}

.rowControleSuspended img {
  max-width: 50px;
  padding-top: 8px;
}

.linhaMoldura {
  color: #000;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  padding-left: 3px;
  padding-top: 0px;
}

/*CONTROLE DE PARTIDAS - NOVO*/
/*NOVO CRIAR USUÁRIO*/
.form-cadastro-usuario-novo {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
}

.form-cadastro-usuario-novo .select2-container {
  width: 95% !important;
}

.boxEmpresasCheck {
  border-radius: 5px;
  padding: 3px;
  color: #fff;
  background-color: #748182;
  width: 215px;
}

.form-cadastro-usuario-novo .botoesBarraBusca .btn-cinzaEscuro {
  margin-top: 20px !important;
}

.tUsuarioNovo thead td:first-of-type,
.tUsuarioNovo tbody td:first-of-type {
  width: 70%;
}

.tUsuarioNovo thead td:first-of-type label,
.tUsuarioNovo tbody td:first-of-type label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 300px;
}

.form-cadastro-usuario-novo .resultadosArrasto table {
  margin-bottom: 0px !important;
}

#container .form-cadastro-usuario-novo .resultadosArrasto table>tbody>tr>td {
  padding-bottom: 3px !important;
}

.assocEmpresa {
  padding-left: 0px;
  color: #535353;
}

.addGrupos {
  padding-left: 0px;
  color: #535353;
}

/*NOVO CRIAR USUÁRIO*/
/*GESTÃO DE EQUIPAMENTO -LOCKDAT*/
.resultadosGestaoEquip {
  width: 98%;
  margin-left: 1%;
  margin-top: 15px;
}

.logoEquip {
  border-bottom: solid 1px #ccc;
  width: 100%;
  margin-top: 20px;
  font-size: 18px;
}

.logoEquipCliente {
  text-transform: uppercase;
}

.logoEquip .fa-users {
  color: #b7d02b;
}

.logoEquip img {
  margin-bottom: 15px;
  display: inline-block;
}

.logoEquip p {
  display: inline-block;
  vertical-align: top;
}

.rowEquipWrap {
  margin-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
}

.rowEquipWrap a {
  color: #999;
  padding-left: 5px;
}

.rowEquipWrap a.active,
.rowEquipWrap a:hover,
.rowEquipWrap a:focus {
  color: #b6d054;
  text-decoration: none;
}

.tagStatus {
  text-transform: uppercase;
  color: #000;
  font-size: 95%;
  font-weight: 600;
  padding-top: 5px;
}

.resultadosManutEquip .tagStatus {
  word-wrap: break-word;
  max-width: 245px;
}

.tagStatus .badge {
  background-color: #ff5b2d;
  color: #fff;
}

.boxEquipWrap {
  border: 1px dashed #ccc;
  margin-left: 0px !important;
  max-height: 198px;
  min-height: 198px;
  overflow-y: auto;
}

.rowEquipWrap .col-md-4 {
  padding-left: 0px !important;
  padding-right: 0px !important;
  cursor: pointer;
  width: 30% !important;
  margin-right: 3%;
}

.rowEquipWrapCliente .acoesEquipStatus .inputSearch {
  vertical-align: middle;
}

.iconsInfoCliente {
  position: absolute;
  top: 30%;
  right: 23px;
}

.iconsInfoCliente i,
.iconsInfoCliente img {
  display: inline-block;
  cursor: pointer;
}

.rowEquipWrapCliente .col-md-6 .iconsInfoCliente i {
  color: #b7d02b;
  font-size: 12px;
}

.colEstoque .boxEquipWrap {
  background-color: #f7f9f9;
  padding: 10px;
}

.colOSI .boxEquipWrap {
  background-color: #ffeed9;
  padding: 10px;
}

.colManutencao .boxEquipWrap {
  background-color: #f6f9e7;
  padding: 10px;
}

.rowEquipWrap .selectUF .select2-container {
  width: 89px;
  min-width: 80px !important;
}

.rowEquipWrap .selectUF {
  display: inline-block;
}

.rowEquipWrap .formUFSelect {
  display: inline-block;
  border-right: solid 1px #ccc;
}

.rowEquipWrap .formUFSelect .control-label {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px !important;
}

.rowEquipWrap .selectUF div[data-clear] {
  left: -46px !important;
}

.acoesEquipStatus {
  font-size: 12px !important;
}

.acoesEquipStatus .inputSearch {
  width: 130px;
  display: inline-block;
  vertical-align: bottom;
  padding-left: 8px;
}

.acoesEquipStatus .inputSearch input {
  height: 32px !important;
  width: 100px !important;
}

.acoesEquipStatus .inputSearch .input-group-addon {
  border-right: solid 1px #ccc;
}

.boxEquipWrap .col-md-6 {
  background-color: #f4f3f3;
  border: 1px dashed #999;
  padding: 0px;
  width: 46.8%;
  margin-right: 8px;
  margin-top: 8px;
  margin-left: 5px;
}

.boxEquipWrap .col-md-6:last-of-type {
  margin-right: 0px;
}

.boxEquipWrap .row {
  width: 98%;
  margin-left: 1%;
  padding-bottom: 10px;
}

.boxEquipWrap .row:last-of-type {
  padding-bottom: 0px;
}

.boxEquipWrap input[type='radio'],
.boxEquipWrap input[type='checkbox'] {
  display: block;
}

.boxEquipWrap .input-group {
  height: 50px;
}

.boxEquipWrap .input-group .checkbox {
  border-radius: 0px !important;
  background: #b4b4b4;
}

.boxEquipWrap .radio input[type='radio'],
.boxEquipWrap .radio-inline input[type='radio'],
.boxEquipWrap .checkbox input[type='checkbox'],
.boxEquipWrap .checkbox-inline input[type='checkbox'] {
  margin-left: -10px;
}

.boxEquipWrap .input-group-addon input[type='radio'],
.boxEquipWrap .input-group-addon input[type='checkbox'] {
  margin-top: -5px;
}

.boxEquipWrap .checkInfo {
  margin-top: 8px;
  display: inline-block;
  padding-left: 15px;
}

.boxEquipWrap .checkInfo img {
  padding-right: 5px;
  vertical-align: top;
  padding-top: 4px;
}

.resultadosGestaoEquip .col-md-5 {
  width: 47%;
}

.resultadosGestaoEquip .col-md-1 {
  width: 60px;
}

.resultadosGestaoEquip .iconeRedondo {
  position: absolute;
  top: 116px;
  display: inline-block;
  width: 50px;
  height: 50px;
  left: 17%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.resultadosGestaoEquip .iconeRedondo:hover i {
  border: solid 2px #b7d02b;
  color: #b7d02b !important;
}

.resultadosGestaoEquip .iconeRedondo i {
  border: solid 2px #b3b3b3;
  border-radius: 35px;
  padding: 4px;
  color: #b3b3b3 !important;
  width: 42px;
  height: 42px;
  text-align: center;
  font-size: 160% !important;
  padding-top: 6px;
}

.checkInfoID {
  text-transform: uppercase;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 0px;
  max-width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.colEstoque .checkInfoID {
  color: #b6d054;
}

.colOSI .checkInfoID {
  color: #e67e22;
}

.colManutencao .checkInfoID {
  color: #0f8b73;
}

.checkInfoID span {
  color: #535353;
  font-weight: 400;
  font-size: 80%;
  position: relative;
  top: -5px;
  max-width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding-top: 3px;
}

.boxEquipWrap .col-md-6 .close {
  color: #999;
  font-size: 15px;
  text-shadow: none;
  position: absolute;
  right: 8px;
  top: 35%;
}

/*span.rollover {
  background:url(../img/hover-box-equipamento.png) center center no-repeat;
  cursor: pointer;
  height: 140px;
  width: 100%;
  z-index: 10;
  top: 45px;
}
.rowEquipWrap .col-md-4:hover span.rollover{
      animation-name: showHideHover;
    animation-duration: 4s;
}*/
.legendaNumItens {
  text-align: right;
  display: block;
  width: 100%;
  color: #535353;
  text-transform: uppercase;
  padding-top: 5px;
  font-weight: 300;
}

.gestaoEquipamento .barraSalvar {
  margin-top: 15px;
  width: 98%;
  margin-left: 1%;
}

.gestaoEquipamento .barraSalvar .btn-cinzaEscuro {
  margin-top: 0px !important;
}

#container .popover-info-Equip {
  background-color: #fff;
  padding: 13px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 255px !important;
  height: 100px !important;
  z-index: 10000;
}

.popover-info-Equip .verdeDestaque {
  background-color: transparent !important;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 85%;
}

.infoTabela p {
  color: #ccc;
  font-weight: 400;
  font-size: 75%;
  max-width: 196px;
  word-wrap: break-word;
  width: 80px;
  display: inline-block;
  vertical-align: top;
}

.infoTabela span {
  color: #535353;
  font-size: 75%;
  padding-left: 10px;
  display: inline-block;
  width: 140px;
  vertical-align: top;
  padding-bottom: 5px;
}

.boxEquipLista {
  display: none;
}

.tEquipamentoGestao {
  font-size: 11px !important;
}

/*.tEquipamentoGestao .radio{
  left: -15px;
}*/
.tEquipamentoGestao .radio label:before {
  width: 10px;
  height: 10px;
  bottom: 6px;
}

.tEquipamentoGestao .radio label {
  font-size: 10px !important;
}

.tEquipamentoGestao input[type='radio']:checked+label:before {
  font-size: 24px;
  text-align: center;
  line-height: 8px;
}

.tEquipamentoGestao .checkbox {
  margin-top: 0px;
}

.tEquipamentoGestao td {
  font-size: 10px;
  width: 76px;
  max-width: 76px;
  min-width: 76px;
  text-align: center;
}

.tEquipamentoGestao .enderecoLabel {
  width: 17%;
}

.tEquipamentoGestao input[type='checkbox']:checked+label:before {
  font-family: FontAwesome;
  content: '\f00c';
  font-size: 7px;
  color: #666;
  text-align: center;
  line-height: 8px;
}

.tEquipamentoGestao .checkbox label:before {
  width: 10px;
  height: 10px;
  top: 3px;
}

.tEquipamentoGestao .hDestaqueTabela {
  border-left: solid 1px #ccc;
  border-right: none !important;
}

.boxEquipLista .srcollBody {
  max-height: 300px !important;
}

.tEquipamentoGestao>tbody>tr>th,
.tEquipamentoGestao>tfoot>tr>th,
.tEquipamentoGestao>thead>tr>td,
.tEquipamentoGestao>tbody>tr>td,
.tEquipamentoGestao>tfoot>tr>td {
  padding: 5px !important;
}

#container-bloq-equip h3 .help-block {
  padding-left: 50px;
}

#container-bloq-equip .form-group {
  padding-left: 70px;
  margin-bottom: 30px;
}

#container-bloq-equip .form-group .select2-container {
  width: 310px;
}

#container-bloq-equip .barraSalvar .btn-default {
  margin-top: 0px;
}

.boxEquipWrap .fa-lock:hover,
.boxEquipWrap .fa-lock:focus {
  color: #afd137;
}

.bloqueadoStatus .input-group .checkbox {
  background-color: #afd137;
}

.bloqueadoStatus .fa-lock,
.bloqueadoStatus .checkInfoID {
  color: #afd137;
}

.btn-bloq-Equip {
  background-color: #afd137;
  box-shadow: none;
  border-radius: 5px;
  padding: 5px;
  color: #fff;
  border: none;
  font-size: 11px;
  text-transform: uppercase;
}

.btn-bloq-Equip span {
  display: inline-block;
  border-right: solid 1px #fff;
  font-size: 14px;
  padding-right: 5px;
  margin-right: 5px;
}

.resultadosGestaoEquip .btn-bloq-Equip,
.resultadosManutEquip .btn-bloq-Equip {
  margin-top: 7px;
}

/*GESTÃO DE EQUIPAMENTO -LOCKDAT*/
/*MANUTENÇÃO DE EQUIPAMENTO -LOCKDAT*/
.resultadosManutEquip {
  width: 98%;
  margin-left: 1%;
  margin-top: 15px;
}

.resultadosManutEquip .logoEquip img {
  margin-bottom: 0px !important;
}

.boxManutEquip {
  margin-top: 10px;
}

.boxManutEquip .inputSearch {
  width: 200px;
  margin-right: 0px;
}

.boxManutEquip .inputSearch .input-group-addon {
  border-right: solid 1px #ccc;
}

.tManuEquip {
  margin-bottom: 0px !important;
}

.tManuEquip td {
  vertical-align: middle !important;
}

.tManuEquip thead td {
  background-color: #f0f0f0;
}

.tManuEquip tr td:last-of-type {
  width: 30%;
}

.caixinhaManutEquip {
  width: 98%;
  margin-left: 1%;
  background-color: #f4f3f3;
  border: 1px dashed #999;
  padding: 0px;
  height: 50px;
  position: relative;
}

.bordacaixinhaManutEquip {
  background: #b4b4b4;
  width: 8px;
  height: inherit;
  display: inline-block;
}

.caixinhaManutEquip .checkInfo {
  margin-top: 0px;
  display: inline-block;
  padding-left: 5px;
  position: relative;
  top: -7px;
}

.caixinhaManutEquip .checkInfo img {
  padding-right: 5px;
  vertical-align: top;
  padding-top: 4px;
}

.caixinhaManutEquip .checkInfo .checkInfoID {
  color: #7f8c8d;
  font-weight: 600;
}

.caixinhaManutEquip .iconsInfoCliente i {
  color: #b7d02b;
  font-size: 17px;
  vertical-align: middle;
}

.caixinhaManutEquip .iconsInfoCliente img {
  vertical-align: top;
}

.caixinhaManutEquip .iconsInfoCliente .fa-retweet {
  color: #7f8c8d;
}

.resultadosManutEquip .rowEquipWrap {
  position: relative;
  min-height: 355px;
}

.resultadosManutEquip .rowEquipWrap .col-md-5 {
  width: 45.5% !important;
  padding-left: 0px;
}

.resultadosManutEquip .iconeRedondo {
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 55px;
  height: 55px;
  left: 49%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.resultadosManutEquip .iconeRedondo i {
  border: solid 2px #b3b3b3;
  border-radius: 35px;
  padding: 4px;
  color: #b3b3b3;
  width: 42px;
  height: 42px;
  text-align: center;
  font-size: 160%;
  padding-top: 6px;
}

.rowManutEquipUni {
  background-color: #f3f7de;
  border: dashed 1px #c5c5c5;
  margin-left: 0px !important;
  padding-top: 10px;
  padding-left: 10px;
  width: 100%;
  max-height: 305px;
  overflow-y: auto;
  overflow: visible;
}

.rowManutEquipUni .col-md-4 {
  background-color: #f4f3f3;
  border: 1px dashed #999;
  padding: 0px;
  width: 31.3% !important;
  margin-right: 2%;
  margin-bottom: 10px;
}

.rowManutEquipUni .checkInfoID,
.sectionManut .caixinhaManutEquip .checkInfo .checkInfoID {
  color: #b6d054;
}

.sectionManut .bordacaixinhaManutEquip {
  background-color: #afd137;
}

.rowManutEquipUni .col-md-4 .close {
  color: #999;
  font-size: 15px;
  text-shadow: none;
  position: absolute;
  right: 8px;
  top: 35%;
}

.rowManutEquipUni .iconsInfoCliente i {
  color: #b7d02b;
}

#container-desbloq-equip .barraSalvar .btn-default,
#container-subs-equip-1 .barraSalvar .btn-default,
#container-subs-equip-2 .barraSalvar .btn-default {
  margin-top: 0px;
}

#container-desbloq-equip .modal-content {
  width: 590px;
  margin-left: 30%;
  margin-top: 20%;
}

#container-desbloq-equip .barraSalvar {
  border-top: none;
}

#container-desbloq-equip h3 {
  padding-left: 0px;
}

#container-desbloq-equip h3 .help-block,
#container-subs-equip-2 h3 .help-block {
  padding-left: 43px;
}

.boxNoEquip {
  height: 148px !important;
}

.boxNoEquip p {
  text-align: center;
  text-transform: none !important;
  color: #696969;
}

.popover-desbloq-Equip {
  left: 405px !important;
  top: 190px !important;
}

#container-subs-equip-1 h3,
#container-subs-equip-2 h3 {
  padding-left: 0px;
}

#container-subs-equip-1 .caixinhaManutEquip,
#container-subs-equip-2 .caixinhaManutEquip {
  width: 250px;
  display: inline-block;
  margin-right: 15px;
  margin-left: 0px;
}

#container-subs-equip-1 .dadosStatusEquipamento {
  top: 0px;
}

#container-subs-equip-1 section:first-of-type {
  border-bottom: solid 1px #ccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.equipSubstOSI .input-group .checkbox {
  background: #afd137;
}

.equipSubstOSI .checkInfoID {
  color: #afd137;
}

.equipSubstOSI .input-group .checkbox input {
  position: relative;
  left: 5px;
  top: 3px;
}

.equipSubstOSI .rowManutEquipUni .col-md-4 .close {
  top: 12%;
}

.equipSubstOSI .rowManutEquipUni {
  overflow-y: auto;
  overflow: visible;
  min-height: 80px !important;
}

.resultadosManutEquip .iconsInfoCliente {
  right: 7px !important;
}

.resultadosManutEquip .rowManutEquipUni .iconsInfoCliente {
  right: 23px !important;
}

.scrollDivTabela {
  width: 100%;
  max-height: 305px;
  overflow: visible;
  overflow-y: auto;
}

#container-subs-equip-2 section {
  display: inline-block;
  width: 30%;
}

#container-subs-equip-2 .resultadosManutEquip {
  width: 70px;
  margin-left: 15px;
}

#container-subs-equip-2 .resultadosManutEquip .iconeRedondo {
  left: auto !important;
  top: 54%;
}

/*MANUTENÇÃO DE EQUIPAMENTO -LOCKDAT*/
/*TELA CENTRAL DE DOWNLOADS*/
/*.hCentralDownloads .checkbox{
  left: -15px;
}*/
.hCentralDownloads table tbody span,
.hCentralDownloads table tbody a {
  text-transform: uppercase;
}

/*.hCentralDownloads .dropdown{
  width: 100%!important;
}*/
.hCentralDownloads .radioCheckbox label {
  margin-bottom: 10px;
}

#container .hCentralDownloads .hpainelEventos .dropdown {
  width: 95% !important;
  max-width: 428px;
}

/*TELA CENTRAL DE DOWNLOADS*/
/*FORECAST MOBILE*/
.hForecast {
  border: none;
  margin-top: 30px;
  background-color: #e1e8ea;
  padding: 0px;
}

.hForecast .tituloBuscaBarra {
  border-bottom: none !important;
  background-color: #e1e8ea;
  top: -30px;
  width: 165px;
  left: 0px;
  padding-top: 10px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
  padding-left: 20px;
}

.hForecast .allBlack {
  position: relative;
  top: -27px;
  border-bottom: solid 1px #ccc;
  padding-bottom: 5px;
  padding-left: 20px;
}

.rowParametrizacao .acoesEquipStatus p {
  padding-left: 0px;
}

.rowParametrizacao .caixaLinhasEstacoes {
  min-height: 115px;
}

.rowParametrizacao .btn-links {
  text-transform: uppercase;
}

#container .rowFCadd {
  background-color: #f5f5f5 !important;
  width: 100% !important;
  margin-top: 30px;
}

.rowParametrizacao {
  padding-left: 5px;
}

.rowFCadd .tUsuarioNovo thead td {
  border-bottom: 1px solid #dddddd !important;
}

.rowFCadd .tUsuarioNovo thead td:first-of-type,
.rowFCadd .tUsuarioNovo tbody td:first-of-type {
  width: 90%;
}

.rowFCadd .resultadosArrasto {
  width: 100%;
  margin-left: 0%;
}

.rowFCadd .resultadosArrasto .panel-arrasto {
  padding-left: 0px;
}

/*FORECAST MOBILE*/
/*TELA TURNOS - VAN*/
.turnosVan .NhArrastoPadrao .boxTemporarioArrasto {
  width: 50%;
  padding-top: 0px !important;
}

.turnosVan .NhArrastoPadrao .boxTemporarioArrasto .uniWell1 {
  width: auto !important;
  padding-right: 30px;
  position: relative;
  top: -5px;
}

.turnosVan .NhArrastoPadrao .boxTemporarioArrasto .uniWell2 input {
  max-width: 350px;
  width: 80%;
}

.turnosVan .table>tbody>tr>td:nth-of-type(1),
.turnosVan .table>thead>tr>td:nth-of-type(1),
.turnosVan .table>tbody>tr>td:nth-of-type(2),
.turnosVan .table>thead>tr>td:nth-of-type(2) {
  width: 40%;
  max-width: 40%;
  word-break: break-all;
}

.turnosVan .table>tbody>tr>td:nth-of-type(3) .turnosVan .table>thead>tr>td:nth-of-type(3) {
  width: 20%;
  max-width: 20%;
  word-break: break-all;
}

.turnosVan .hpainelEventos .dropdown {
  width: 95% !important;
}

/*TELA TURNOS - VAN*/
/*Novas alterações PADRONIZAÇÃO*/
.novoCadastro .relatorioDeslocamento .col-md-1 .select2-container {
  width: 95%;
}

.novoCadastro .relatorioDeslocamento .row:last-of-type {
  width: 95% !important;
}

/*Novas alterações PADRONIZAÇÃO*/
/*TELAS PÓS MÓDULO 4*/
/*RELATÓRIO DE VIAGEM - DEZ/2015*/
.mMedia {
  display: block;
  width: 15px;
  height: 13px;
  background-color: #f7f8fa;
  color: #535353;
  font-size: 10px;
  text-align: center;
  margin-right: 5px;
}

.subtotalRelatorio {
  background-color: #e1e2e4 !important;
}

.subtotalRelatorio td {
  vertical-align: bottom !important;
}

.tdMedia {
  display: inline-flex;
}

.totalRelatorioLabel {
  display: inline-block;
}

#container-Central-Arquivo h3 {
  padding-left: 0px !important;
  padding-bottom: 0px;
}

#container-Central-Arquivo p {
  padding-left: 0px;
}

#container-Central-Arquivo .rowExportDemanda {
  border: none !important;
  top: 0px;
}

/*RELATÓRIO DE VIAGEM - DEZ/2015*/
/*MENSAGENS PRÉ-DEFINIDAS TECLADO MOTORISTA*/
.footNote {
  width: 97%;
  text-align: right;
  font-size: 9px;
  color: #000;
  font-weight: 600;
  margin-top: 0px;
}

.footNote span {
  color: #ce4445 !important;
}

#container .hMsgTeclado .dropdown {
  width: 100px !important;
  max-width: 100px !important;
}

.hMsgTeclado .col-md-2 {
  width: 220px !important;
}

#msgTeclado h3 {
  padding-left: 0px;
}

#msgTeclado h3 span {
  color: #b7b7b7;
  font-weight: 300;
  font-size: 85%;
}

#msgTeclado .combobox {
  padding-top: 0px;
}

#msgTeclado .footNote {
  width: 370px !important;
  padding-right: 0px;
}

/*MENSAGENS PRÉ-DEFINIDAS TECLADO MOTORISTA*/
/*TELAS SOMENTE MODULO TELEMETRIA - RELATÓRIO POSIÇÕES DE MÉTRICA*/
.hTPo_central .rowExportDemanda {
  background-color: #e5e6e8;
  border-bottom: solid 1px #fff !important;
  border-top: none !important;
  display: inline-block;
  top: 10px !important;
}

.hTPo_central .rowExportDemanda p {
  padding-bottom: 0px !important;
  display: inline-block;
}

.hTPo_central .rowExportDemanda .col-md-8 {
  width: 50.5%;
  /*padding-top: 5px;*/
}

.hTPo_central .rowExportDemanda .col-md-4 {
  width: 49.5%;
  border-left: solid 1px #cccdcf;
}

.hTPo_central .radioCheckbox {
  display: inline-block;
}

.hTPo_central .predBox {
  display: inline-block;
  padding-top: 8px;
}

.hTPo_central .predBox .dropdown {
  width: 190px;
  height: 32px !important;
}

.hTPo_central .botoesBarraBusca {
  border-top: none;
  padding-top: 0px !important;
  margin-top: 5px;
}

.totalizadorTelemetria .totValor {
  font-size: 26px;
  padding-right: 0px;
}

.totalizadorTelemetria .totlabel {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #b1b1b1;
  width: 100px;
}

#container .totalizadorTelemetria .col-md-1 {
  width: auto !important;
  border-right: solid 1px #999;
  min-height: 77px;
  margin-bottom: 20px;
}

#container .totalizadorTelemetria .col-md-1 span {
  vertical-align: top !important;
}

#container .totalizadorTelemetria .col-md-1:last-of-type {
  border-right: none;
}

#container .totalizadorTelemetria .col-md-1 .pull-right {
  border-left: solid 1px #eaeff2;
  padding-left: 25px;
}

#container .totalizadorTelemetria .glyphicon {
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
  padding-top: 7px;
}

.tituloVeiculoTabela {
  border-bottom: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  width: 99%;
  margin-left: 0.5%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.tituloVeiculoTabela p {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 600;
  color: #b7cb36;
  font-size: 16px;
}

.preRelatorio button {
  display: inline-block;
}

/*TELAS SOMENTE MODULO TELEMETRIA - RELATÓRIO POSIÇÕES DE MÉTRICA*/
/*TELAS SOMENTE MODULO TELEMETRIA - RELATÓRIO CONSUMO MENSAL*/
.bigTotLabel {
  width: 115px !important;
}

#container .totalizadorTelemetria .col-md-1 .pull-side {
  border-left: solid 1px #eaeff2;
  padding-left: 25px;
  display: inline-block;
}

.boxConsumoChart .col-md-4 {
  border-right: solid 3px #f0f0f0;
  padding-left: 15px;
  margin-bottom: 20px;
}

.boxConsumoChart .col-md-4:last-of-type {
  border-right: none !important;
}

.boxConsumoChart .headerIcon p {
  display: inline-block;
  font-size: 15px;
  padding-left: 5px;
  vertical-align: middle;
}

.boxConsumoChart .headerIcon .iconeDot {
  border-radius: 50px;
  padding-top: 8px;
  width: 40px;
  height: 40px;
  display: inline-block;
}

.boxConsumoChart .headerIcon .iconeDot i {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.boxConsumoChart .headerIcon .iconeDot .glyphicon {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.cinzaMedia {
  color: #5e5e5e !important;
}

/*TELAS SOMENTE MODULO TELEMETRIA - RELATÓRIO CONSUMO MENSAL*/
/*TELAS SOMENTE MODULO TELEMETRIA - RELATÓRIO CONSUMO VEICULO ANALITICO*/
.lightSmall {
  font-weight: lighter;
  font-size: 75%;
}

.tTcm .lightSmall {
  display: inline-block !important;
}

.tCVATelemetria {
  font-size: 10px;
}

#container .tCVATelemetria>thead>tr>td {
  padding: 5px !important;
}

.tCVATelemetria thead .ordenador {
  margin-left: 5px;
}

.wrapCVAChart {
  background-color: #f8f8f8;
  padding: 10px;
  width: 100%;
}

/*TELAS SOMENTE MODULO TELEMETRIA - RELATÓRIO CONSUMO VEICULO ANALITICO*/
/*TELAS SOMENTE MODULO TELEMETRIA - RELATÓRIO CONSUMO DE VIAGEM SINTETICO*/
.sectionFiltro1 {
  width: 55%;
  float: left;
  border-right: solid 1px #ccc;
}

.sectionFiltro2 {
  width: 45%;
  float: right;
  position: relative;
  top: -39px;
}

.superTotLabel {
  width: 125px !important;
}

.tCViagemSintetico {
  font-size: 11px;
  text-transform: uppercase;
}

.tCViagemSintetico .fa-map-marker {
  font-size: 12px;
}

/*TELAS SOMENTE MODULO TELEMETRIA - RELATÓRIO CONSUMO DE VIAGEM SINTETICO*/
/*TELAS SOMENTE MODULO TELEMETRIA - RELATÓRIO EVENTOS*/
.hReventos .col-md-1 {
  width: 20% !important;
}

.hReventos .dropdown {
  width: 95% !important;
}

.totReve .totwrap img {
  padding-right: 10px;
}

.tReventos {
  font-size: 75%;
}

.tReventos thead tr:last-of-type .hDestaqueTabela,
.tReventos tbody .hDestaqueTabela {
  background: transparent;
  border-right: 0px;
  text-align: left !important;
}

.invisivelBlock {
  visibility: hidden;
  color: #f0f0f0;
}

.invisivelBlock .boxHidden {
  height: 42px;
  display: block;
  background-color: #f0f0f0;
}

/*TELAS SOMENTE MODULO TELEMETRIA - RELATÓRIO EVENTOS*/
/*PAINEL PREVISÃO RIO2016*/
#container .barraFiltrosPrevisao .col-md-1 {
  width: 15%;
  padding-right: 0px;
}

#container .barraFiltrosPrevisao .pull-left {
  width: 8%;
}

#container .barraFiltrosPrevisao .pull-right {
  width: 92%;
}

#container .barraFiltrosPrevisao .pull-left .col-md-1 {
  width: 118px !important;
  margin-right: 0px;
  padding-right: 0px;
}

#container .barraFiltrosPrevisao .pull-left .col-md-1 p {
  text-transform: uppercase;
  margin: 0px;
  padding: 0px;
  padding-top: 7px;
}

.hPrevisaoRio2016 {
  margin-bottom: 0px !important;
}

.hPrevisaoRio2016 .hideBarraNova {
  top: -10px;
  border-left: 0px;
}

.hPrevisaoRio2016 .invisivelBlock {
  width: 118px !important;
}

.painelRio2016 {
  background-color: #b5b9bc;
  padding-top: 15px;
  padding-bottom: 15px;
  position: absolute;
  width: calc(100% - 40px);
  overflow: hidden;
}

.painelRio2016Box {
  width: 98%;
  margin-left: 1%;
  background-color: #fff;
  border-radius: 5px;
  padding: 5px;
}

#container .painelRio2016Box .table>thead>tr>td,
#container .painelRio2016Box .table>tbody>tr>td {
  padding: 4px !important;
}

#container .painelRio2016Box .table>tbody>tr>td {
  vertical-align: middle;
}

#container .painelRio2016Box .table>tbody>tr>td:first-child {
  width: 85px !important;
}

.painelRio2016Box .tituloRelatorio2 .pull-left {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 15px;
}

.painelRio2016Box .inputSearch {
  width: 150px;
  height: 35px;
  display: inline-block;
  margin-bottom: 0px;
  position: relative;
  top: -22px;
}

#container .painelRio2016Box .inputSearch input {
  height: 30px;
  font-size: 11px;
  width: 120px !important;
}

.painelRio2016Box table {
  font-size: 11.5px;
}

.painelRio2016Box table tbody .badge {
  color: #fff;
  border-radius: 3px !important;
  font-weight: 300 !important;
  width: 75px;
  height: 35px;
  font-size: 11px;
  word-wrap: break-word !important;
  white-space: inherit !important;
  display: table !important;
}

.painelRio2016Box table tbody .badge span {
  display: table-cell !important;
  vertical-align: middle !important;
  text-align: center !important;
}

.painelRio2016Box table tbody .badge.amarelo {
  color: #535353 !important;
}

/*.painelRio2016Box table tbody .badge.laranja,
.painelRio2016Box table tbody .badge.cinza{
  padding-top: 3px;
}*/
#container .painelRio2016Box table>tbody>tr>td {
  padding: 5px !important;
}

#container .painelRio2016Box table>tbody>tr>td:last-child {
  text-align: center;
}

#container .painelRio2016Box table>tbody>tr>td i {
  cursor: auto !important;
}

.smallTD {
  font-size: 82%;
}

.trajPainelPrevisao {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.painelRio2016Box .progress {
  background-color: #ecf0f1;
  font-weight: 600;
  position: relative;
  top: 8px;
  width: 40px;
}

.painelRio2016Box .progress-bar {
  color: #000 !important;
  font-size: 11px !important;
  text-indent: 5px;
}

.wrapPainelRio2016 {
  width: 100%;
  height: 100%;
}

.wrapPainelRio2016 .novoCadastro {
  background-color: #fff !important;
}

.wrapPainelRio2016 .headerMapRelatorio .pull-right {
  padding-right: 5px;
}

.painelRelogio {
  font-size: 24px;
  color: #000;
  display: inline-block;
  font-weight: 600;
  vertical-align: middle;
  padding-left: 10px;
}

/*PAINEL PREVISÃO RIO2016*/
/*NOVO DESEMPENHO DE MOTORISTA - TELEMETRIA CAN*/
.tNovoDesempenho thead tr:last-of-type .hDestaqueTabela,
.tNovoDesempenho tbody .hDestaqueTabela {
  background: transparent;
  border-right: 0px;
  text-align: left !important;
}

.tNovoDesempenho {
  font-size: 85%;
}

/*NOVO DESEMPENHO DE MOTORISTA - TELEMETRIA CAN*/
/*ÍNDICE DE EFICIÊNCIA - VISÃO CONSOLIDADA*/
.hIndiceEficiencia .rowExportDemanda {
  top: 0px !important;
  background-color: #e5e6e8;
}

.hIndiceEficiencia .rowExportDemanda .filtroExtrafooter {
  top: 0px !important;
}

.hIndiceEficiencia .rowExportDemanda .col-md-6:last-of-type {
  border-left: solid 1px #cccdcf;
  padding-top: 5px;
}

.hIndiceEficiencia .rowExportDemanda .col-md-6 .radioCheckbox,
.hIndiceEficiencia .rowExportDemanda .col-md-6 p {
  display: inline-block;
}

.hIndiceEficiencia .rowExportDemanda .radioCheckbox .radio label {
  margin-right: 5px !important;
}

.hIndiceEficiencia .rowExportDemanda .inputSelect {
  margin-right: 20px;
  padding-top: 5px;
  padding-left: 0px;
}

.hIndiceEficiencia .botoesBarraBusca {
  margin-top: 0px;
}

.iEf {
  border-radius: 18px;
  width: 20px;
  min-height: 20px;
  color: #fff;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

.iEf i {
  padding-top: 5px;
  font-size: 11.5px;
  vertical-align: top;
}

.iEf img {
  vertical-align: baseline !important;
}

.iEf.roxo {
  padding-top: 1px;
}

.totIEFCons .lightSmall {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.iEFPercent {
  font-size: 180%;
  text-align: center;
  font-weight: 400;
}

.tiEFCons {
  text-transform: uppercase;
}

.tiEFCons tr td {
  text-align: center;
}

.tiEFCons tr td:first-of-type {
  border-right: 1px solid #ccc;
}

.tiEFCons tr td:last-of-type {
  border-left: 1px solid #ccc;
}

.laranjaiEF {
  background-color: #f38111;
}

.claranjaiEF {
  color: #f38111;
}

.amareloiEF {
  background-color: #ffcf0e;
}

.camareloiEF {
  color: #ffd801;
}

.vermelhoiEF {
  background-color: #e74b3c;
}

.cvermelhoiEF {
  color: #e74b3c;
}

.vermelhodarkiEF {
  background-color: #8c2b22;
}

.cvermelhodarkiEF {
  color: #8c2b22;
}

.verdeiEF {
  background-color: #b7d03d;
}

.cverdeiEF {
  color: #b7d03d;
}

.iEFIcone {
  font-size: 180%;
  font-weight: 300;
  display: inline-block;
  color: #535353;
  vertical-align: middle;
}

#relatorioConsolidado .table>tbody>tr>td {
  vertical-align: middle !important;
  padding: 5px !important;
}

.separadorTable {
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
}

.alignCenter {
  text-align: center;
}

.linhaIEF {
  text-align: left !important;
  width: 370px;
}

.linhaIEF span {
  max-width: 350px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  text-indent: 15px;
}

.uni-ef {
  width: 75px !important;
  display: inline-block;
  text-align: left;
}

.sumsHoriz {
  background-color: #f3f5f4;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-top: 11px !important;
  width: 100%;
  border-radius: 5px;
}

.sumsHoriz h3 {
  font-size: 18px;
  font-weight: 300;
  display: inline-block;
  margin-right: 10px;
  margin-top: 0px;
}

.sumsHoriz .hideBarraNova {
  height: auto;
  border: none;
  width: auto;
  position: relative;
  top: -8px;
  background: transparent;
  text-align: center;
  padding-top: 5px;
  float: right;
  width: 26px;
}

.WuniEF {
  display: inline-block;
  border-right: solid 2px #ccc;
  margin-right: 15px;
  margin-bottom: 15px;
}

.WuniEF:last-child {
  border: none !important;
}

.uniEF {
  display: inline-block;
  border-right: solid 1px #ccc;
  vertical-align: middle;
  margin-right: 5px;
  vertical-align: middle;
  padding-right: 7px;
}

.uniEF:last-child {
  border: none !important;
  margin-right: 5px;
}

.uniEF span {
  font-size: 11px;
  text-align: left;
  display: block;
  color: #7f7f7f;
}

.uniEF h2 {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px;
  font-weight: 300;
  margin: 0px;
  color: #535353;
  text-align: left;
}

.uniEF h2 i {
  color: #7f7f7f;
  font-size: 15px !important;
  vertical-align: baseline;
}

.hiddenRow {
  display: none;
}

.hiddenRow td:first-child {
  font-size: 100% !important;
}

.tiEFCons [data-id='toggle-tabela'] {
  cursor: pointer;
}

.hiddenIndent {
  padding-left: 30px;
}

.rowExportDemanda .border-pull {
  border-left: solid 1px #ccc;
  padding-top: 5px;
}

/*TICKET 1288 - NOVA VERSÃO GRAFICOS SIDE JUNHO 2016*/
.flex-charts {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin-top: 20px;
}

.flex-1-chart {
  width: 100%;
  flex-basis: auto;
}

.flex-2-chart {
  width: auto;
  width: 100%;
  flex-basis: auto;
}

.flex-charts .flex-1-chart .clearfix,
.flex-charts .flex-2-chart .clearfix {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

.flex-charts-invisible {
  width: 100%;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}

.flex-charts-invisible .child-flex {
  width: 50%;
  max-width: 700px;
}

/*TICKET 1288 - NOVA VERSÃO GRAFICOS SIDE JUNHO 2016*/
/*ÍNDICE DE EFICIÊNCIA - VISÃO CONSOLIDADA*/
/*CORREÇÃO PLANEJAMENTO*/
.col-date-uni {
  width: 200px !important;
}

/*CORREÇÃO PLANEJAMENTO*/
/*MEDIA QUERIES*/
/*COMECO*/
@media (max-width: 320px) {

  /*celulares antigos*/
  .wrapmin .btn-cinza {
    width: 35%;
    font-size: 14px;
    float: left;
    margin-left: 0px;
    margin-top: -42px;
  }

  .wrapmin .panel-default {
    width: 100%;
    font-size: 10px;
    margin-left: 0px;
  }
}

@media (min-width: 1800px) {

  /*SOMENTE RELATORIO*/
  .linhaC .dropdown {
    width: 350px !important;
    font-size: 13px !important;
  }

  .hConsultarEscala .fgspc {
    margin-left: 30px;
  }

  .consultaFabricante button {
    margin-right: 37px;
  }

  .consultaVeiculo button {
    margin-right: 80px;
  }

  .consultarModelo button {
    margin-right: 65px;
  }

  .consultaEmpresa button {
    margin-right: 52px;
  }

  .consultaFuncionario button {
    margin-right: 80px;
  }

  .consultaEquipamento button {
    margin-right: 39px;
  }

  .consultaMetamodelo button {
    margin-right: 163px;
  }

  .consultaConsorcio button {
    margin-right: 52px;
  }

  .campoinline {
    position: relative;
    top: -65px;
    left: 448px;
    width: 40%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .campoinline {
    left: 463px;
  }

  .campoinline2 {
    position: relative;
    top: -65px;
    left: 449px;
    width: 40%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .campoinline2 {
    left: 464px;
  }

  .cadastroVeiculo button {
    margin-right: 140px;
  }

  .consultarModeloEquipamento button {
    margin-right: 190px;
  }

  .areasCarros_frota .azulBox {
    padding-left: 20px !important;
    padding-right: 15px !important;
  }

  .avlGroup {
    width: 820px;
  }

  #container .relatorioHeader div[data-clear] {
    margin-left: 314px;
    top: -35px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .hEventos .col-md-1:last-of-type {
    width: 12%;
  }

  .hHistorico .col-md-1 {
    width: 25% !important;
  }

  #container .painelEventos .row {
    width: 72.5% !important;
  }

  #container .painelEventos .row:last-of-type {
    width: 99.5% !important;
  }

  .form-cadastro-veiculo {
    padding-left: 20px;
    width: 80% !important;
  }
}

@media (width: 1680px) {
  .cadastroFuncionario button {
    margin-right: 210px !important;
  }

  .consultaFabricante button {
    margin-right: 240px !important;
  }

  .criarModelo button {
    margin-right: 150px !important;
  }

  #container .btCriarCadastro button {
    margin-right: 20px !important;
  }

  .criarModelo .stepper input {
    margin-left: -146px !important;
  }

  .panelTelefone button {
    margin-right: 20px !important;
  }

  .hEventos .col-md-1:last-of-type {
    width: 20%;
  }
}

@media (min-width: 1680px) {
  .relatorioHeader .btnNormal {
    right: 8px;
  }

  .hConsultarPlanej .linhaC .dropdown {
    width: 295px !important;
  }

  .novoCadastro .hConsultarPlanej .linhaC .dropdown {
    width: 90% !important;
  }

  .linhaC .dropdown {
    width: 250px !important;
    font-size: 13px !important;
  }

  .consultaVeiculo .form-2,
  .criarEquipamento .form-2,
  .consultaMetamodelo .form-2,
  .cadastroConsorcio .form-2,
  .consultaFuncionario .form-2,
  .criarTipoFuncionario .form-2,
  .consultarModelo .form-2,
  .cadastroFuncionario .form-2,
  .criarModeloEquipamento .form-2,
  .consultarModeloEquipamento .form-2,
  .consultaFabricante .form-2,
  .consultaEmpresa .form-2,
  .consultaConsorcio .form-2 {
    width: 60% !important;
    overflow: hidden;
    padding-bottom: 20px;
    margin-left: 2%;
    margin-top: 20px;
  }

  .consultaEquipamento .form-2,
  .cadastroFabricante .form-2 {
    width: 50% !important;
    overflow: hidden;
    padding-bottom: 20px;
    margin-left: 2%;
    margin-top: 20px;
  }

  .criarMetamodelo .form-2,
  .cadastroEmpresa .form-2,
  .criarModelo .form-2,
  .cadastroVeiculo .form-2 {
    width: 80% !important;
    overflow: hidden;
    padding-bottom: 20px;
    margin-left: 2%;
    margin-top: 20px;
  }

  .areasCarros_frota .azulBox {
    font-size: 15px !important;
    padding-left: 8px;
    padding-right: 8px;
  }

  /*  .passosCadastroAlerta{
      width: 70%!important;
    }*/
  #container .hpainelEventos .n-consulta-veiculo .select2-container,
  #container .hpainelEventos .n-consulta-veiculo input {
    width: 305px !important;
  }

  #container .hpainelEventos .n-consulta-veiculo .select2-container input {
    width: 295px !important;
  }

  /*  #container .novoCadastro .hpainelEventos .n-consulta-veiculo .row{
      width: 95%!important;
    }*/
  #container .novoCadastro .hpainelEventos .n-consulta-veiculo .col-md-3 {
    width: 25% !important;
  }

  .telefonesCadastroVeiculo .select2-container input {
    width: 290px !important;
  }

  .telefonesCadastroVeiculo input {
    width: 300px !important;
  }

  .novoCadastro .form-cadastro-equipamento input {
    width: 300px !important;
  }

  .novoCadastro .form-cadastro-equipamento .select2-container input {
    width: 290px !important;
  }

  #container .novoCadastro .hHistorico .col-md-4 {
    width: 25% !important;
  }

  .rowColmd2 .colRGB {
    width: 15% !important;
  }

  .rowColmd2 .col-md-3 {
    width: 19% !important;
  }

  .form-cadastro-usuario-novo {
    width: 80%;
  }

  .cadastroDownload .rowCinzaBg .col-md-10 .pull-left .help-block {
    padding-left: 15px !important;
    max-width: 800px;
  }

  #homeBusChat .borda-busChat {
    left: 377px;
  }
}

@media (max-width: 768px) {
  #container .btn-cinza {
    width: 30%;
    font-size: 14px;
    float: left;
  }

  .paragraphDefault p {
    font-size: 105%;
    color: #535353;
    text-align: left;
    width: 95%;
    margin-left: 2.5%;
  }

  #container .datetimepicker {
    display: none;
  }

  #container .timePickerPhone {
    display: block;
  }

  #container .timePicker1,
  #container .timePicker2 {
    width: 42.5%;
  }

  input[type='date']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
  }

  input[type='date']::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    display: none;
  }

  input[type='date'] {
    font-size: 8px;
    -webkit-appearance: none;
  }

  .userinfo p {
    font-size: 14px;
    color: #333333;
  }

  .userinfo span {
    display: none;
  }

  .userinfo a {
    color: #869b09;
    font-size: 14px;
    padding-left: 0px;
    text-decoration: none;
  }

  /*EXCLUSIVO COPILOTO*/
  .wrapmin {
    width: 95% !important;
    margin-top: 20px !important;
    margin-left: 2.5% !important;
  }

  #container .wrapmin .btn-cinza {
    width: 35%;
    font-size: 14px;
    float: left;
    margin-left: 0px;
  }

  .wrapmin .titulosPagina {
    font-size: 150%;
  }

  .wrapmin .form-1,
  .wrapmin.form-2,
  .wrapmin .form-3,
  .wrapmin .form-4 {
    width: 95%;
    overflow: hidden;
    padding-bottom: 20px;
    margin-left: 2.5%;
  }

  .hHistorico .col-md-1 {
    width: 25% !important;
  }

  .hHistorico .btn-default {
    margin-top: 20px !important;
  }
}

@media (max-width: 986px) {
  .totalCarros {
    top: -18px;
    left: 22.2%;
    position: absolute;
    width: 180px;
  }

  .totalNumero {
    font-size: 120%;
    font-weight: 400;
    margin-left: 13px;
  }

  .totalCarros i {
    font-size: 32px;
  }
}

@media (max-width: 1250px) {
  .clean {
    position: relative;
    top: 48px;
    right: 0;
    float: left;
  }

  [data-id='conteudoDividoCriar'] .btnMedio {
    margin-right: 20px;
  }
}

@media (max-height: 650px) {
  [data-id='conteudoDividoCriar'] label {
    margin-bottom: 8px;
  }

  .opcoesCores {
    margin-top: 20px;
  }
}

@media (max-width: 1280px) {
  .numeroCarros {
    /*TELA ESPECIFICA CARROS*/
    width: 36%;
    display: inline-block;
    float: right;
    font-size: 24px;
    margin-top: 17px;
    border-left: solid 1px #ccc;
    height: 62px;
  }

  .numeroCarros i {
    color: #535353;
    text-shadow: 0px;
    font-size: 32px;
    margin-right: 10%;
    margin-left: 20%;
    margin-top: 13%;
  }

  .relatorioHeader .nomeDuracao,
  .relatorioHeader .nomePercorrido {
    width: 30%;
  }

  #reservation {
    font-size: 13px;
  }

  .resumidoDadosSide p {
    font-size: 98%;
  }

  .gpmenorbtn {
    width: 160px !important;
  }

  .itensMapa {
    width: 84% !important;
    margin-left: 15% !important;
  }

  #wrapMapDividoCriar {
    width: 56%;
  }

  .formularios .btn-cinza {
    float: right;
    margin-right: 10px;
    margin-top: 20px;
  }

  #container.toggled #d2 .bordacontent .dropdown {
    width: 345px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .boxhoraData {
    width: 345px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .outroBox {
    width: 345px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .outroBox,
  .boxhoraData {
    width: 425px !important;
  }

  .boxCarros {
    width: 438px !important;
  }

  #container.toggled .boxCarros {
    width: 353px !important;
    font-size: 12px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .boxCarros .col-md-4 .inputBus {
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .dashboard .table {
    background-color: #fff;
    font-size: 97% !important;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-top: solid 1px #ccc;
    border-bottom: 2px solid #dadedf;
    width: 99%;
    margin-left: 0.45%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #conteudoDivido {
    width: 44% !important;
  }

  .tab-content .formularios .btn-cinza {
    width: 110px;
  }

  .relatorioHeader .timePicker .inputTime {
    width: 106% !important;
  }

  #container.toggled #d2 input,
  #container.toggled .relatorioHeader input {
    font-size: 8px !important;
  }

  #container.toggled .boxCarrosWrap {
    width: 92%;
  }

  #container.toggled .smin {
    font-size: 8px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container input {
    font-size: 100% !important;
  }

  #container.toggled .divididovermelho span,
  #container.toggled .divididovermelho i,
  #container.toggled .averde span,
  #container.toggled .averde i,
  #container.toggled .avermelho span,
  #container.toggled .avermelho i {
    font-size: 95% !important;
    padding-left: 5px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .azulBox {
    min-width: 100px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #conteudoDividoP .colunaCarros {
    font-size: 80% !important;
  }

  #container.toggled .inputFaixadata input {
    font-size: 9px !important;
  }

  #container.toggled .panel-body #d2 {
    padding: 0px !important;
  }

  /*EXCLUSIVOS COPILOTO*/
  .wrapmin {
    width: 90%;
    margin-top: 20px;
    padding-bottom: 50px;
    margin-bottom: 20px;
  }

  #btCentral {
    float: left;
    width: 271px;
    margin: 0 auto;
  }

  /*LINHA / TRAJETO*/
  #colsmall {
    width: 10%;
  }

  [data-id='conteudoDividoCriar'] {
    padding-left: 30px;
    width: calc(604px - 40px);
  }

  #container .consultaFabricante button {
    margin-right: 27px !important;
  }

  .consultaVeiculo button {
    margin-right: 90px !important;
  }

  .consultarModelo button {
    margin-right: 20px !important;
  }

  .consultaEmpresa button {
    margin-right: 42px !important;
  }

  .consultaFuncionario button {
    margin-right: 36px !important;
  }

  .consultaEquipamento button {
    margin-right: 28px !important;
  }

  .consultaMetamodelo button {
    margin-right: 44px !important;
  }

  .consultaConsorcio button {
    margin-right: 41px !important;
  }

  #container .campoinline {
    position: relative;
    top: -65px;
    left: 436px !important;
    width: 33%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .doisCampos .campoinline {
    left: 417px !important;
  }

  #container .campoinline2 {
    position: relative;
    top: -65px;
    left: 444px !important;
    width: 40%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .doisCampos .campoinline2 {
    left: 424px !important;
  }

  #container.toggled .hConsultarPlanej .linhaC .dropdown {
    width: 185px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .hConsultarPlanej .timePicker input {
    font-size: 8px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .hConsultarPlanej .timePicker {
    padding: 0px !important;
  }

  #container .importarupload input {
    font-size: 14px !important;
  }

  #container.toggled .wrapPlanej {
    width: 87%;
  }

  .wrapPlanej .btnMedio {
    width: 100px !important;
  }

  #btlinha_c {
    width: 160px !important;
  }

  .btcalcular {
    margin-left: 15px !important;
  }

  #conteudoCriarPlanej1 {
    overflow-x: hidden;
  }

  #conteudoCriarPlanej1 .prefixospc input,
  #conteudoCriarPlanej1 .select2-container,
  #conteudoCriarPlanej1 .dropdown {
    width: 270px !important;
  }

  #conteudoCriarPlanej1 .inputFaixadata input {
    width: 230px !important;
  }

  #conteudoCriarPlanej1 .inputTime {
    width: 275px !important;
  }

  .criarMultilinhas input {
    width: 360px !important;
  }

  #btfull,
  #btdif {
    font-size: 12px !important;
  }

  #kmtrajeto {
    width: 80%;
  }

  .btGerarEditar button,
  .cercagroup button {
    font-size: 12px !important;
  }

  #container.toggled .relatorioHeader div[data-clear] {
    margin-left: 202px !important;
    top: -35px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .relatorioHeader div[data-clear] {
    margin-left: 226px !important;
    top: -35px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .relatorioHeader .row {
    width: 100% !important;
    margin-left: -18px;
  }

  #container.toggled .hControleP div[data-clear] {
    margin-left: 100% !important;
    top: -35px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .hControleP div[data-clear] {
    margin-left: 100% !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .controlePartidasp .select2-container {
    width: 223px !important;
  }

  #container.toggled .controlePartidasp div[data-clear] {
    margin-left: 230px !important;
    top: -35px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .tituloUltimas .inputSearch input {
    font-size: 11px !important;
  }

  /*FROTA - MENU ABERTO AJUSTES*/
  #container.toggled .areasCarros_frota .col-md-1 {
    height: 635px;
    width: 14.6% !important;
    margin-left: -25px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .areasCarros_frota .col-md-1:first-child {
    margin-left: 0px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .areasCarros_frota .conteudoverde {
    padding-left: 3px !important;
  }

  #container.toggled .areasCarros_frota .azulBox,
  #container.toggled .areasCarros_frota .fa-clock-o,
  #container.toggled .areasCarros_frota .minClock {
    font-size: 10px !important;
  }

  #container.toggled .areasCarros_frota .azulBox {
    min-width: 65px !important;
    margin-right: 4px;
  }

  #container.toggled .hpainelEventos .datetimepicker input {
    width: 254px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .hpainelEventos .dropdown {
    width: 202px !important;
    font-size: 11px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .hHistorico .datetimepicker input {
    width: 320px;
    font-size: 13px !important;
  }

  #container.toggled .hHistorico .select2-container {
    width: 280px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .hHistorico .datetimepicker input {
    width: 250px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .hpainelEventos .n-consulta-veiculo .select2-container,
  #container.toggled .hpainelEventos .n-consulta-veiculo input {
    width: 242px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .novoCadastro .hpainelEventos .hrelatorio1 .dropdown {
    min-width: 170px !important;
  }

  .formExcessoVelocidade .extrasExcesso {
    width: 70%;
  }

  .formExcessoVelocidade .rowVelocidade {
    width: 30%;
  }

  #container.toggled .formExcessoVelocidade .dropdown {
    width: 145px !important;
  }
}

@media (max-width: 1024px) {

  /*TABLETS*/
  .form-control::-moz-placeholder {
    font-size: 11px;
  }

  .form-control:-ms-input-placeholder {
    font-size: 11px;
  }

  .form-control::-webkit-input-placeholder {
    font-size: 11px;
  }

  #container .timePicker1 input,
  #container .timePicker2 input {
    font-size: 11px;
  }

  .controlesMapa .col-md-1 {
    margin-bottom: 12px;
  }

  .itensMapa {
    margin-left: 7% !important;
    width: 57%;
  }

  #container.toggled .itensMapa {
    width: 70% !important;
    margin-left: 19% !important;
  }

  #container.toggled .itensMapa .col-md-1 {
    display: inline-block;
    margin-bottom: 0px;
  }

  /*TELA PAINEL(DASHBOARD)*/
  .dashboard {
    width: 98%;
    padding-top: 5px;
    margin-left: 1%;
  }

  .dashboard .tituloapendice {
    /* height: 95px; */
    background-color: transparent !important;
    border: solid 1px #ccc;
    /* border-top: 0px; */
    padding-left: 10px;
    padding-top: 5px;
    border-bottom: 2px solid #dadedf;
  }

  .dashboard .tituloapendice h4 {
    color: #535353;
    font-size: 17px;
    text-align: center;
    line-height: normal;
    font-weight: 400;
    width: 85%;
  }

  .dashboard .tituloapendice .fa-circle {
    color: #afca0a;
    font-size: 15px;
    width: 7%;
    position: absolute;
    left: 19px;
    top: 20px;
  }

  /*  .dashboard .tituloapendice a{
      width: 7%;
      position: absolute;
      right: -13px;
      top: 15px;
      font-size: 18px;
    }*/
  .dashboard .col-md-1 {
    width: 23%;
    margin-left: 1%;
  }

  /*--FIM TELA PAINEL(DASHBOARD)*/
  /*TELA CARROS (VISUALIZACAO)*/
  .numeroCarros {
    font-size: 19px;
  }

  .numeroCarros i {
    font-size: 28px;
  }

  #container .areasCarros .azulBox {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 6px;
    font-size: 110%;
  }

  #noData p {
    margin-left: -14px;
    text-align: center;
  }

  /*--FIM TELA CARROS (VISUALIZACAO)*/

  /*TELA CARROS (DETALHAMENTO)*/
  #container .azulBox {
    font-size: 110%;
  }

  #conteudoDividoP .colunaCarros {
    /*pos homologacao*/
    float: right;
    width: 90%;
    margin-left: 5%;
  }

  /*--FIM TELA CARROS (DETALHAMENTO)*/

  /*TELA AREA (PLANEJAMENTO)*/
  .formularios .btn-cinza {
    float: right;
    margin-right: 10px;
    margin-top: 20px;
  }

  #container .dropdown {
    width: 100%;
  }

  .boxCarros .col-md-4 {
    width: 31.8%;
  }

  .boxhoraData label {
    margin-top: 15px;
    line-height: normal;
  }

  .boxCarros span {
    font-size: 90%;
  }

  .panel-body #d2 {
    width: 100%;
    margin-left: 0;
  }

  .panel-body #d2 .btn-cinza {
    margin-top: -44px;
  }

  /*--FIM TELA AREA (PLANEJAMENTO)*/
  /*TELA RELATORIO*/
  .relatorioHeader .form-control::-moz-placeholder {
    font-size: 10px;
  }

  .relatorioHeader .form-control:-ms-input-placeholder {
    font-size: 10px;
  }

  .relatorioHeader .form-control::-webkit-input-placeholder {
    font-size: 10px;
  }

  .relatorioHeader .nomeDuracao,
  .relatorioHeader .nomePercorrido {
    width: 30%;
  }

  .tabelaRelatorio {
    width: 75%;
    margin-left: 10.25%;
  }

  #reservation {
    font-size: 10px;
  }

  .headerMenor .col-md-1 {
    width: 33%;
  }

  .relatorioHeader .btnNormal {
    margin-top: -61px;
  }

  #lowres {
    position: absolute;
    top: 256px;
  }

  #desloca .col-md-1 {
    width: 33%;
  }

  #desloca .timePicker {
    width: 66%;
  }

  #desloca .nomeDuracao {
    margin-left: 81.1px;
  }

  #desloca .btnNormal {
    margin-top: -9px;
  }

  #desloca .resultadosFiltro {
    margin-top: 40px;
  }

  /*--FIM TELA RELATORIO*/
  .input-group .form-control:first-child,
  .input-group-addon:first-child,
  .input-group-btn:first-child>.btn,
  .input-group-btn:first-child>.btn-group>.btn,
  .input-group-btn:first-child>.dropdown-toggle,
  .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
  .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    font-size: 11px;
    padding: 6px 8px;
  }

  /*TELA GERAR PAINEIS*/
  .gpmenorbtn {
    width: 150px !important;
  }

  /*--FIM GERAR PAINEIS*/
  #wrapMapDividoCriar {
    width: 56%;
  }

  [data-id='conteudoDividoCriar'] {
    width: calc(604px - 40px);
  }

  /*EXCLUSIVO COPILOTO*/
  .wrapmin .form-1,
  .wrapmin .form-2,
  .wrapmin .form-3,
  .wrapmin .form-4 {
    width: 90%;
    margin-left: 2%;
  }

  #btCentral {
    float: right;
    width: 100%;
    margin: 0 auto;
  }

  /*LINHA / TRAJETO*/
  .configLinha .col-md-6 {
    width: 100% !important;
  }

  .configLinha .wrapleg input {
    width: 60%;
  }

  .configLinha .wrapleg .leginline {
    width: 40%;
  }

  #colbig {
    width: 65%;
    font-size: 90%;
  }

  #colsmall {
    width: 12%;
  }

  .boxCarros .col-md-4 {
    background-color: #ecf0f1;
    width: 31.6% !important;
    padding-top: 10px;
    margin-right: 2px;
    height: 130px;
    font-size: 85%;
  }

  /*PAINEL RIO2016*/
  .painelRio2016Box {
    padding: 0px;
    padding-top: 5px;
  }

  .tPainelEventos thead .ordenador {
    width: auto;
    margin-left: 3px;
  }

  #container .painelRio2016Box .table>thead>tr>th,
  #container .painelRio2016Box .table>tbody>tr>th,
  #container .painelRio2016Box .table>tfoot>tr>th,
  #container .painelRio2016Box .table>thead>tr>td,
  #container .painelRio2016Box .table>tbody>tr>td,
  #container .painelRio2016Box .table>tfoot>tr>td {
    font-size: 10px !important;
    padding: 2px !important;
  }

  .painelRio2016Box table tbody .badge {
    width: 75px;
    font-size: 10px;
  }

  #container .barraFiltrosPrevisao .col-md-1 {
    min-width: 225px;
  }

  #container .barraFiltrosPrevisao .pull-left {
    width: auto;
    display: block;
    margin-bottom: 5px;
  }

  /*PAINEL RIO2016*/
}

@media (width: 1305px) {
  .gpmenorbtn {
    width: 160px !important;
  }
}

@media (max-width: 1450px) {
  .tolmenor {
    font-size: 75%;
  }

  .hrelatorioCombustivel .filtroAvancado .condicionalRelatorio .combobox .dropdown {
    min-width: 145px !important;
  }

  .hrelatorioCombustivel .inputCondicionalRelatorio {
    width: calc(100% - 155px) !important;
    text-indent: 0 !important;
  }

  .popover-linha {
    top: 187px !important;
    left: 799.84px !important;
  }
}

@media screen and (max-width: 1366px) {
  .width-col-status {
    width: 13% !important;
  }

  #container .novoCadastro .hConsultarPlanej .linhaC .dropdown {
    width: 90% !important;
  }

  #container .hConsultarPlanej input {
    font-size: 11px !important;
    width: 95%;
  }

  #container .hConsultarPlanej .datepickernovo_wrap .form-group {
    width: 95%;
  }

  #container .hIndiceEficiencia input {
    font-size: 10px !important;
  }

  .hConsultarEscala input {
    font-size: 11px;
  }

  #container .hControleP .inputFaixadata input {
    font-size: 10.5px !important;
  }

  #container .hControleP input {
    font-size: 10.5px !important;
  }

  .hConsultarEscala .inputFaixadata {
    width: 100%;
  }

  .linhaC .dropdown {
    width: 245px;
    font-size: 11px !important;
  }

  .itensMapa {
    width: 66%;
    margin-left: 15.5%;
  }

  #btsalvar2pq {
    width: 134px !important;
  }

  #btsalvarpq {
    width: 153px !important;
  }

  #conteudoDivido {
    padding-left: 30px;
  }

  .boxhoraData label {
    line-height: normal;
    margin-top: 19px;
  }

  .boxCarros .col-md-4 {
    font-size: 85%;
  }

  .boxCarros .col-md-4 .inputBus {
    width: 100%;
    margin-top: 5px;
    font-size: 70%;
  }

  .boxCarros {
    width: 396px;
    font-size: 13px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .boxhoraData {
    width: 385px;
    font-size: 12px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .boxCarros span {
    font-size: 11px;
  }

  #d2 .bordacontent .dropdown {
    width: 385px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .outroBox {
    width: 385px;
    font-size: 12px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .boxCarrosWrap {
    width: 87%;
  }

  #container #d2 input,
  #container .relatorioHeader input {
    font-size: 10.5px;
  }

  #container.toggled .outroBox {
    width: 500px;
  }

  #container.toggled .boxhoraData {
    width: 500px;
  }

  #container.toggled .boxCarros {
    width: 519px;
  }

  #container.toggled input {
    font-size: 13px;
  }

  #container .relatorioHeader .dropdown {
    font-size: 12px !important;
  }

  #btalign {
    font-size: 110% !important;
    line-height: 26px;
    margin-left: 317px !important;
  }

  .btMetamodelo {
    margin-right: 0px !important;
  }

  .cercagroup #btdif {
    width: 50% !important;
  }

  .consultaFabricante button {
    margin-right: 74px !important;
  }

  .consultaVeiculo button {
    margin-right: 143px;
  }

  .consultarModelo button {
    margin-right: 65px;
  }

  .consultaEmpresa button {
    margin-right: 90px;
  }

  .consultaFuncionario button {
    margin-right: 80px;
  }

  .consultaEquipamento button {
    margin-right: 75px;
  }

  .consultaMetamodelo button {
    margin-right: 87px;
  }

  .consultaConsorcio button {
    margin-right: 88px;
  }

  .campoinline {
    position: relative;
    top: -65px;
    left: 423px !important;
    width: 45% !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .campoinline {
    left: 442px !important;
  }

  .campoinline2 {
    position: relative;
    top: -65px;
    left: 430px !important;
    width: 33%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .campoinline2 {
    left: 449px !important;
  }

  .progress-pie-chart {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .dadosPie {
    width: 95%;
    display: inline-block;
    margin-left: 2.5%;
    height: 100%;
    margin-top: 23px;
  }

  #container .hConsultarPlanej .timePicker {
    padding: 0px !important;
  }

  #container.toggled .importarupload input {
    font-size: 14px !important;
  }

  .removerCadastro {
    right: 30px !important;
  }

  .tCplanejamento th,
  .tCplanejamento td {
    font-size: 10px !important;
  }

  .toleranciagroup .col-md-6 {
    width: 100% !important;
  }

  .cadastroEmpresa .campoinline label {
    padding: 0px;
  }

  .criarinputmini input {
    width: 90% !important;
  }

  #conteudoCriarPlanej2 .radioCheckbox label {
    font-size: 11px !important;
    font-weight: 400;
  }

  #conteudoCriarPlanej2 .timePicker1,
  #conteudoCriarPlanej2 .timePicker2 {
    display: block !important;
    width: 196px;
    margin-bottom: 5px;
  }

  #conteudoCriarPlanej2 .timePicker2 {
    margin-left: 0px;
  }

  #conteudoCriarPlanej2 .select2-container {
    width: 255px !important;
  }

  .consultaEquipamento .form-2,
  .criarEquipamento .form-2,
  .consultaMetamodelo .form-2,
  .cadastroConsorcio .form-2,
  .criarTipoFuncionario .form-2,
  .cadastroFabricante .form-2,
  .consultaFabricante .form-2,
  .consultaEmpresa .form-2,
  .consultaConsorcio .form-2 {
    width: 80% !important;
    overflow: hidden;
    padding-bottom: 20px;
    margin-left: 2%;
    margin-top: 20px;
  }

  .cadastroVeiculo .form-2,
  .cadastroEmpresa .form-2,
  .consultaVeiculo .form-2 {
    width: 100% !important;
  }

  .cadastroFuncionario .form-2,
  .criarMetamodelo .form-2,
  .consultarModelo .form-2,
  .criarModelo .form-2,
  .consultaFuncionario .form-2 {
    width: 90% !important;
  }

  .cadastroVeiculo .configLinha {
    width: 620px;
    padding: 0px !important;
    position: relative;
    left: 41px;
  }

  /*FROTA*/
  .areasCarros_frota .azulBox {
    font-size: 13px;
  }

  /*FROTA*/
  .tcontrolepartida {
    font-size: 11px !important;
    text-align: center;
  }

  .labelMini {
    font-size: 10.5px;
  }

  .hIndiceEficiencia .timePicker {
    padding: 0px;
  }

  .resultadoGridMetricas table thead td {
    font-size: 9px !important;
    font-weight: 400;
  }

  .reproViagem .acoes button {
    width: 90% !important;
    margin-bottom: 5px;
  }

  .reproViagem .acoes button:last-child {
    margin-left: 10px !important;
  }

  #container .relatorioHeader div[data-clear] {
    margin-left: 211px;
    top: -35px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .hgridMetricas div[data-clear] {
    left: -64px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .tituloUltimas .col-md-4 {
    width: 37% !important;
  }

  .tituloUltimas .col-md-8 {
    width: 60.5% !important;
  }

  #container.toggled .tituloUltimas .inputSearch input {
    font-size: 11px !important;
  }

  .spacetr {
    font-size: 11px;
  }

  .idaspercent span {
    font-size: 18px;
  }

  #container .hpainelEventos .modal-form-cmv .select2-container {
    width: 300px !important;
    font-size: 11px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .hpainelEventos .modal-form-cmv .select2-container {
    font-size: 11px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .hpainelEventos .timePicker {
    width: 310px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .hpainelEventos .datetimepicker input {
    width: 255px !important;
    font-size: 11px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .hpainelEventos .dropdown {
    width: 100% !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .tPainelEventos {
    font-size: 11px !important;
  }

  #container .terminalSinotico.toggled {
    height: 30px !important;
    width: -10px !important;
    width: 20px !important;
    padding-left: 0px;
  }

  .hConsultarEscala .col-md-1:first-of-type,
  .hConsultarEscala .col-md-1:nth-of-type(2) {
    padding-left: 0px;
    padding-right: 9px;
  }

  #container.toggled #conteudoCriarPlanej2 div[data-clear] {
    margin-left: 0px;
    top: 0px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .btn_inclusao_tabela {
    margin-top: 0px !important;
    float: left !important;
    margin-left: 0px !important;
  }

  #container .btfinalcriar {
    margin-top: 20px !important;
  }

  .hEventos .btn-default {
    position: relative;
    top: 7px;
    right: 25%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .hEventos .btn-default {
    position: relative;
    top: 7px;
    right: 35%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .novoCadastro .hConsultarPlanej .linhaC .dropdown {
    width: 90% !important;
  }

  #container .novoCadastro .hpainelEventos .select2-container {
    width: 95% !important;
    font-size: 11px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .novoCadastro .hpainelEventos .select2-container {
    font-size: 11px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .novoCadastro .hpainelEventos .n-consulta-veiculo .select2-container {
    width: 230px !important;
    font-size: 11px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .novoCadastro .hpainelEventos .n-consulta-veiculo .select2-container {
    width: 290px !important;
    font-size: 11px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .hpainelEventos .selecConsultaUsuario .select2-container {
    width: 95% !important;
  }

  .hreprocessamento .col-md-1 {
    padding-left: 2px;
  }

  .novoCadastro .hgridMetricas .col-md-1 {
    width: 33.3% !important;
  }

  .novoCadastro .select2-container,
  .novoCadastro input {
    font-size: 11px !important;
  }

  #container .novoCadastro .hpainelEventos .formFuncionario .select2-container,
  #container.toggled .novoCadastro .hpainelEventos .formFuncionario .select2-container {
    width: 95% !important;
  }

  #container .novoCadastro .hpainelEventos .formFuncionario div[data-clear] {
    margin-left: 100% !important;
    top: -36px;
  }

  #container .novoCadastro .hpainelEventos .novoIndiceEficiencia .select2-container {
    width: 95% !important;
    font-size: 11px !important;
  }

  #container .hrelatorioPermanencia .col-md-1 {
    font-size: 12px;
  }

  .relatorioBody {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .bodyEficiencia {
    width: 98% !important;
    margin-left: 1% !important;
  }

  .totalizadoresRelatorio2Uni i,
  .totalizadoresRelatorio2Uni .glyphicon {
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
  }

  .totalizadoresRelatorio2Uni .col-md-6 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .totalizadoresRelatorio2Uni {
    font-size: 22px !important;
  }

  .totalizadoresRelatorio2Uni span {
    font-size: 11px !important;
    line-height: 12px !important;
  }

  .totalizadoresRelatorio2Uni .glyphicon-tint {
    font-size: 18px !important;
  }

  #container .novoCadastro .hpainelEventos .hrelatorioCombustivel .select2-container {
    width: 95% !important;
  }

  .novoCadastro .hpainelEventos .hrelatorioCombustivel .row {
    width: 100% !important;
  }

  #container .novoCadastro .hpainelEventos .hrelatorioDivergencia .select2-container {
    width: 95% !important;
  }

  #container .hrelatorioDivergencia .col-md-8 {
    width: 85%;
    border-right: none;
    border-bottom: solid 1px #ccc;
    padding-bottom: 20px;
  }

  #container .hrelatorioDivergencia .colunaDatasDivergencia {
    width: 85% !important;
    padding-top: 15px;
  }

  #container .hrelatorioDivergencia .colunaDatasDivergencia .col-md-6 {
    width: 33.3% !important;
  }

  #container .hrelatorioDivergencia .colunaDatasDivergencia .datepickernovo_wrap {
    width: 95% !important;
  }

  #container .novoCadastro .hpainelEventos .hrelatorioQualidade .select2-container,
  #container .novoCadastro .hpainelEventos .hrelatorioQualidade input {
    width: 95% !important;
    font-size: 13px !important;
  }

  #container .hrelatorioQualidade .col-md-3 {
    width: 33% !important;
  }

  .novoCadastro .hpainelEventos .hrelatorioQualidade .row:last-of-type {
    margin-top: 20px;
  }

  #container .table>thead>tr>th,
  #container .table>tbody>tr>th,
  #container .table>tfoot>tr>th,
  #container .table>thead>tr>td,
  #container .table>tbody>tr>td,
  #container .table>tfoot>tr>td {
    font-size: 11px;
  }

  .contentConfig .select2-container {
    font-size: 10px !important;
  }

  .contentConfig .radioCheckbox .checkbox label {
    font-size: 12px !important;
  }

  .pontosSelecionadosUni .pull-left {
    width: 90%;
  }

  .pontosSelecionadosUni .pull-right {
    width: 10%;
  }

  .nomePontosSelecionadosUni {
    width: 87%;
    margin-left: 13%;
  }

  .contentConfig .timePicker input {
    font-size: 11px !important;
  }

  #container .controlePartidaIndex .col-md-8 {
    width: 38% !important;
  }

  #container .controlePartidaIndex .col-md-3 {
    width: calc(100% - 38% - 35px);
  }

  .totalizadorDeslocamentoArea .areaOrigemDestino {
    font-size: 115% !important;
  }

  .hExcessoVelocidade .wrapclear .pull-left {
    height: 113%;
  }

  .hExcessoVelocidade .wrapclear .pull-left .col-md-6 {
    width: 100% !important;
  }

  #container .rowExportDemanda {
    top: 21px;
  }

  .formExcessoVelocidade .extrasExcesso {
    top: -38px;
    left: 0px;
  }

  .formExcessoVelocidade .rowFixoFiltro {
    height: 220px;
  }

  #container .rowFinalExcesso {
    margin-top: 16px;
  }

  .formExcessoVelocidade .extrasExcesso .col-md-4:last-of-type {
    width: 39% !important;
  }

  #container .totalizadorTelemetria .wrapTot .col-md-1 {
    margin-top: 20px;
  }

  #container.toggled .totalizadorTelemetria .wrapTot .col-md-1 {
    margin-top: 0px;
  }

  #container .totalizadorTelemetria .col-md-1:last-of-type {
    position: relative;
    left: -2px;
  }

  /*  .controlesAlertasMapa{
      left:210px;
    }*/
  /*NOVA USABILIDADE 1486*/
  #container .tCMTelemetria>thead>tr>td,
  #container .tCVATelemetria>thead>tr>td {
    font-size: 9.5px !important;
  }

  #container .tTcm .totlabel {
    width: 70px;
    font-size: 11.5px !important;
  }

  #container .tTcm .col-md-1 .pull-right {
    padding-left: 15px;
  }

  #container .tTcm .totValor {
    font-size: 22px;
    min-width: 70px;
  }

  #container .tTcm .glyphicon,
  #container .tTcm .rowTotViagens .totwrap i {
    font-size: 15px;
  }

  #container .tTcm .bigTotLabel {
    width: 98px !important;
  }

  #container .tTcm .col-md-1 .pull-side {
    padding-left: 15px;
  }

  .hTPo_central .sectionFiltro1 {
    width: 90%;
    float: left;
    border-bottom: solid 1px #ccc;
    border-right: 0px;
    padding-bottom: 5px;
    margin-bottom: 10px;
  }

  .hTPo_central .sectionFiltro2 {
    width: 60%;
    float: inherit;
    top: 0px;
  }

  #container .tCViagemSintetico>thead>tr>td,
  #container .tCViagemSintetico>thead>tr>td,
  #container .tCViagemSintetico>tbody>tr>td {
    font-size: 85% !important;
    padding: 5px !important;
  }

  #container .tCViagemSintetico .ordenador {
    margin-left: 5px;
  }

  .invisivelBlock {
    display: none;
  }

  #container .hTPo_central .dropdown {
    width: 95% !important;
  }

  .hTPo_central .col-md-1 {
    width: 33% !important;
  }

  #container .tNovoDesempenho>tbody>tr>td,
  #container .tNovoDesempenho>thead>tr>td {
    font-size: 10px !important;
    padding: 5px !important;
  }

  .tiEFCons .iEf {
    height: 17px;
    padding-top: 0px;
  }

  #container .table .iEf img {
    position: relative;
    top: 3px;
  }

  #container .sumsHoriz h3 {
    display: block !important;
    margin-top: 0px;
  }

  #container .WuniEF {
    margin-right: 5px;
  }

  #container .uniEF h2 {
    font-size: 18px;
  }

  #container .uniEF {
    margin-right: 3px;
  }

  .flex-1-chart {
    margin-right: 0px;
  }

  .btn-limpar-mapa button {
    right: 18px !important;
  }
}

@media (width: 1450px) {
  .hrelatorioCombustivel .filtroAvancado .condicionalRelatorio .combobox .dropdown {
    min-width: 147px !important;
  }
}

@media (max-width: 1680px) {
  .hConsultarPlanej .linhaC .dropdown {
    width: 258px !important;
  }

  #container .novoCadastro .hConsultarPlanej .linhaC .dropdown {
    width: 90% !important;
  }

  .linhaC .dropdown {
    width: 200px !important;
    font-size: 13px !important;
  }

  .campoinline {
    position: relative;
    top: -65px;
    left: 455px;
    width: 40%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .campoinline {
    left: 476px;
  }

  .campoinline2 {
    position: relative;
    top: -65px;
    left: 456px;
    width: 40%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .campoinline2 {
    left: 476px;
  }

  .hConsultarEscala .fgspc {
    margin-left: 10px;
  }

  .cadastroVeiculo .configLinha {
    width: 651px;
    padding: 0px !important;
    position: relative;
    left: 43px;
  }

  .hpainelEventos .select2-container {
    width: 95% !important;
    font-size: 13px !important;
  }

  .hpainelEventos .datetimepicker input {
    font-size: 13px !important;
  }

  .hpainelEventos .dropdown {
    width: 265px !important;
    font-size: 13px !important;
  }

  #container .novoCadastro .hpainelEventos .n-consulta-veiculo .select2-container,
  #container .novoCadastro .hpainelEventos .n-consulta-veiculo input {
    width: 290px !important;
  }

  #container .hpainelEventos .n-consulta-veiculo .select2-container input {
    width: 280px !important;
  }

  .novoCadastro .hpainelEventos .n-consulta-veiculo .row {
    width: 98% !important;
  }

  .novoCadastro .hpainelEventos .n-consulta-veiculo .col-md-3 {
    width: 32% !important;
  }

  #container .form-cadastro-metamodelo .select2-container,
  #container .form-cadastro-metamodelo input {
    width: 95% !important;
    font-size: 11px;
  }

  #container .form-cadastro-metamodelo .select2-container input {
    width: 100% !important;
  }

  #container .form-cadastro-veiculo {
    padding-left: 20px;
    width: 95%;
  }

  #container .novoCadastro .form-cadastro-veiculo .col-md-4:first-of-type .accEquipamento .select2-container,
  #container .novoCadastro .form-cadastro-veiculo .col-md-4:first-of-type .accCamera .select2-container,
  #container .novoCadastro .form-cadastro-veiculo .col-md-4:first-of-type .accMeta .select2-container {
    width: 280px !important;
    font-size: 11px !important;
  }

  #container .novoCadastro .form-cadastro-veiculo .col-md-4:nth-of-type(2n) .colunaDois .combobox .dropdown {
    min-width: 195px !important;
  }

  .situacaometamodelowrap {
    width: 360px !important;
  }

  #container .totalizadoresRelatorio .rankingPontos .col-md-1 span {
    font-size: 39% !important;
  }

  .totalizadorPassagem .leftRanking {
    padding-right: 20px;
    border-right: none;
    margin-bottom: 100px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 20px;
  }

  #container .totalizadorPassagem .totValor {
    font-size: 16px !important;
  }

  #container .totalizadorPassagem .totlabel {
    width: 130px;
    font-size: 12px !important;
  }

  #container .barraFiltrosPrevisao .col-md-1 {
    width: 19%;
    padding-right: 0px;
  }

  #container .painelRio2016Box .table>thead>tr>td,
  #container .painelRio2016Box .table>tbody>tr>td {
    padding: 3px !important;
  }

  .trajPainelPrevisao {
    max-width: 65px !important;
  }

  #container .iEFIcone {
    font-size: 160% !important;
  }

  #container .uni-ef {
    width: 64px !important;
  }

  #container .linhaIEF {
    width: 330px !important;
  }

  #container .linhaIEF span {
    width: 310px !important;
  }

  .formMMis .group_passageiro .select2-container {
    width: 20px;
    left: 40px;
  }

  .group_passageiro label {
    margin-left: 25%;
  }
}

@media (max-width: 1024px) {

  #container .relatorioBodyViagem1 .table>tbody>tr>td,
  #container .relatorioBodyViagem1 .table>thead>tr>td {
    padding: 4px !important;
    font-size: 9px !important;
  }
}

@media (max-width: 768px) {

  /* TELA DASHBOARD*/
  .dashboard .tituloapendice h4 {
    font-size: 18px;
    width: 75%;
  }

  .dashboard .col-md-1 {
    width: 100%;
    margin-left: 0;
  }

  /*  .dashboard .tituloapendice a{
      width: 7%;
      position: absolute;
      right: 15px;
      top: 15px;
      font-size: 18px;
    }*/
  .dashboard .tituloapendice {
    width: 100%;
  }

  /* TELA DASHBOARD*/

  /* TELA CARROS*/
  .areasCarros .col-md-1 {
    width: 100%;
    margin-bottom: 100px;
  }

  .numeroCarros i {
    margin-top: 0%;
  }

  /* TELA CARROS*/
  /*TELA MAPA*/
  .headerMap h2 {
    font-size: 120%;
    margin-top: -13px;
    margin-left: -35px;
  }

  .totalCarros {
    top: -17px;
  }

  .topoBotoes {
    right: 0px;
    top: -61.5px;
  }

  /*TELA MAPA*/
}

/*MEDIA QUERIES FIM*/
/* COPILOTO ESPECIFICOS*/
.wrapmin {
  width: 80%;
  padding-bottom: 50px;
  margin-bottom: 20px;
}

.btUploadcentral {
  margin: 0 auto;
}

#btCentral {
  width: 100%;
}

.instrucoes {
  width: 100%;
  margin-top: 102px;
  text-align: left;
}

.wrapmin .form-3 {
  width: 60%;
  overflow: hidden;
  padding-bottom: 20px;
  margin-left: 2%;
}

.wrapmin .form-4 {
  width: 50%;
  overflow: hidden;
  padding-bottom: 20px;
  margin-left: 2%;
  text-align: center;
}

.wrapmin .form-4 form {
  width: 60%;
  margin: 0 auto;
}

.wrapmin .alertasTopo {
  position: relative;
  width: 100%;
  text-align: center;
}

#container .wrapmin .alert {
  margin-bottom: 0px;
  margin-bottom: -62px;
}

.wrapmin .form-1 {
  /*Formulario central LOGIN*/
  margin-left: 2%;
  width: 80%;
}

.wrapmin .form-2 {
  /*Formulario full width internas*/
  width: 80%;
  overflow: visible;
  padding-bottom: 80px;
  margin-left: 2%;
}

.wrapmin .titulosPagina {
  font-size: 180%;
  font-weight: 300;
  text-align: center;
  margin: 0 auto;
  text-shadow: 1px 1px 1px #ccc;
  padding: 30px;
  padding-top: 10px;
}

.wrapmin .titulosPagina span {
  text-shadow: none;
  background: #ecf0f1;
  border: solid 1px #ccc;
  border-left: 0px;
  padding: 7px;
  color: #535353;
  position: absolute;
  left: 0px;
  top: 124px;
  font-size: 14.5px !important;
}

.infoEmpresa ul {
  list-style-type: none;
}

.infoEmpresa li {
  padding: 20px;
  padding-left: 0px;
}

.DragDropVeiculos {
  border-right: solid 1px #ccc;
}

.itensMoveis {
  border: solid 1px #ccc;
  padding-top: 10px;
  width: 98%;
  margin-left: 1% !important;
}

ul.source,
ul.target {
  min-height: 50px;
  margin: 0px 25px 10px 0px;
  padding: 2px;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  list-style-type: none;
  list-style-position: inside;
  width: 100%;
}

ul.source {
  border-color: #f8e0b1;
}

ul.target {
  border-color: #add38d;
}

.source li,
.target li {
  margin: 5px;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.source li {
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  color: #c09853;
}

.target li {
  background-color: #ebf5e6;
  border: 1px solid #d6e9c6;
  color: #468847;
}

.sortable-dragging {
  border-color: #ccc !important;
  background-color: #fafafa !important;
  color: #bbb !important;
}

.sortable-placeholder {
  height: 40px;
}

.source .sortable-placeholder {
  border: 2px dashed #f8e0b1 !important;
  background-color: #fefcf5 !important;
}

.target .sortable-placeholder {
  border: 2px dashed #add38d !important;
  background-color: #f6fbf4 !important;
}

/* css para mensagens flash */

/* Remove colors and add transition property */
.alert-flash {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border: 1px solid transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  /* change transition property to all */
  -webkit-transition-property: all;
  transition-property: all;
}

.alert-flash h4 {
  margin: 0;
}

.alert-flash .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

#container .fade-alerta {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
  text-align: center;
  width: 95%;
  margin-left: 2.5%;
  position: absolute;
  top: 60px;
}

/*PADRONIZAÇÃO DOS ALERTAS + PAGINAÇÃO*/
#container .pagination {
  font-size: 12px;
  /*color: #535353;*/
  color: #999;
  float: right;
}

#container .pagination i {
  /*color: #96B032;*/
  color: #999;
  font-size: 15px;
}

#container .pagination li {
  border: none !important;
  background: transparent !important;
}

.exemploapenas {
  width: 95%;
  margin-left: 2.5%;
  font-size: 130%;
}

#example {
  margin-top: 10px;
}

.exemploapenas h5 {
  line-height: 20px;
}

#showMore {
  float: right;
  margin-top: 20px;
}

.instrucoes {
  width: 50%;
  margin-top: 50px;
}

.envolveshowMore {
  height: 520px;
  overflow-y: hidden;
}

.showAll {
  height: 100% !important;
}

.btShowMoreLess span:last-of-type {
  display: none;
}

/* AJUSTES TELA CADASTRO */
.cadastroFuncionario {
  width: 95%;
  margin-left: 2.5%;
}

#inputDescricao {
  border-radius: 0px;
}

.inread input {
  margin-left: 15px;
  width: 200px;
}

.consultaMetamodelo .dropdown {
  width: 60%;
}

.prefixoSmall {
  width: 200px !important;
  font-size: 12px;
}

.prefixoXSmall {
  width: 130px !important;
  font-size: 12px;
}

.prefixoMedio {
  width: 400px !important;
  font-size: 12px;
}

.prefixoBig {
  width: 520px !important;
  font-size: 12px !important;
  height: 50px !important;
}

.cadastroVeiculo #btdif {
  width: 371px;
  height: 50px;
  position: relative;
  right: 1px;
  top: 20px;
  margin-bottom: 20px;
}

.doisCampos {
  width: 100%;
  margin-bottom: -60px;
}

.inputHeight input {
  height: 50px !important;
}

.formParte1 {
  min-height: 165px;
  border-bottom: solid 1px #ccc;
  margin-bottom: 40px;
}

.formParte1 .btWrap {
  width: 50%;
  margin-top: 35px;
}

#btalign {
  float: left;
  margin-left: 300px;
}

.criarMetamodelo .combobox {
  margin-top: -35px;
}

.criarMetamodelo .incluirbt {
  padding: 0px;
  margin: 0px;
}

.number-spinner a,
.number-spinner a:hover {
  height: 50px;
  border-radius: 0px;
  background: #aec90b;
  color: #fff;
  border: 0px;
}

.number-spinner i {
  margin-top: 10px;
}

.criarModelo .number-spinner {
  width: 200px;
}

.checkAC {
  margin-left: 16.7%;
}

.criarMetamodelo .dropdown {
  width: 400px;
}

.consultaMetamodelo .dropdown {
  width: 430px;
}

.btMetamodelo {
  margin-right: 240px;
}

/* AJUSTES TELA CADASTRO */
.select2-erro {
  background: #f2dede !important;
  border-color: #a94442 !important;
}

.criarMetamodelo .nomeRelatorio {
  margin-top: 30px;
}

.resultadosCadastro {
  width: 95%;
  margin-left: 2.5%;
}

.closeCadastro {
  cursor: pointer;
  margin-left: 10px;
  color: #b6d054 !important;
}

.closeCadastro:hover {
  color: #535353;
  text-decoration: none;
}

.iconeAlterar:hover,
.iconeAlterar:focus {
  color: #535353;
  text-decoration: none;
}

.btCriarCadastro {
  position: absolute;
  top: 120px;
  right: 0px;
}

#container .btCriarCadastro button {
  margin-right: 20px !important;
}

#container .btCriarCadastro a {
  margin-right: 20px !important;
}

.imagePreview {
  margin-top: 10px;
}

.imagePreview img {
  width: 108px;
  height: 53px;
  margin-top: -10px;
  margin-bottom: -10px;
}

.imagePreview img {
  width: 108px;
  height: 53px;
  margin-top: -10px;
  margin-bottom: -10px;
}

.wrapmin input {
  font-size: 11px !important;
}

.wrapmin textarea {
  font-size: 11px !important;
}

.wrapmin .select2-container {
  font-size: 11px !important;
}

.chipsQtd {
  margin-top: 15px;
}

.criarEquipamento button {
  margin-right: 20px;
}

.cadastroFuncionario .radioCheckbox {
  margin-left: -14px;
}

.incluirbt {
  padding-left: 20px;
  font-size: 100%;
  cursor: pointer;
  margin-top: 10px;
  margin-left: 5px;
  width: 140px;
}

.cadastroFuncionario .incluirbt,
.criarEquipamento .incluirbt {
  padding-left: 0px !important;
  font-size: 100%;
  cursor: pointer;
  margin-top: 10px;
  margin-left: 0px !important;
}

.cadastroFuncionario .inputDatePicker {
  width: 470px !important;
}

.wrapmin .help-block {
  margin-top: -20px !important;
}

.cadastroEmpresa .help-block {
  margin-top: -33px !important;
}

.criarMetamodelo .radio {
  margin-top: 10px !important;
}

.bnone {
  border-top: solid 1px #fff !important;
  border-bottom: solid 1px #fff !important;
}

.btincluirModelo {
  width: 192px;
  border: solid 1px #ccc;
  text-align: left;
  display: block;
  background: transparent;
  color: #535353;
  cursor: pointer;
  height: 43px;
  font-size: 12px;
  text-transform: uppercase;
  outline: none;
}

.btincluirModelo img {
  padding-right: 5px;
}

.btincluirModelo:hover {
  color: #96b032;
  text-decoration: none;
}

.criarTipoFuncionario button {
  margin-top: 40px !important;
}

.removerCadastro {
  position: relative;
  top: 48px;
  float: right;
  right: 10px;
}

.tCplanejamento th,
.tCplanejamento td {
  font-size: 12px;
}

.tCplanejamento {
  width: 99% !important;
  /*float: right;*/
}

.wrapPlanej {
  width: 95%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.wrapPlanej label,
.wrapPlanej span,
.wrapPlanej input {
  font-size: 13px !important;
}

#conteudoCriarPlanej2 .tabPlanej {
  width: 99%;
  margin-left: 0.5%;
}

.itens3 {
  width: 80% !important;
}

.itens3 .col-md-8 {
  width: 55%;
}

.itens3 .col-md-4 {
  width: 45%;
}

#container.toggled .consultaEquipamento button [type='submit'] {
  margin-right: 100px !important;
  color: #000 !important;
}

.hConsultarEscala .timePicker {
  padding: 0px;
}

.panelTelefone {
  padding: 10px;
}

#container .select2-container .select2-choice>.select2-chosen {
  /*width: 67%!important;*/
  width: 37% !important;
  text-overflow: ellipsis;
}

.Metamodhidden .inputDatePicker {
  width: 400px;
}

.campoinline3 {
  position: relative;
  top: -65px;
  left: 340px;
  width: 65%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.metamodeloTrajeto {
  padding-top: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.metamodeloTrajeto .inputDatePicker {
  width: 360px !important;
}

.intinput input {
  width: 98.5%;
}

.cadastroVeiculo .equipeExtra {
  padding-top: 10px;
  border-bottom: solid 1px #ccc;
}

.cadastroVeiculo .sublabel {
  width: 95%;
  margin-left: 2.5%;
  margin-bottom: 15px;
}

.dadosQtdCarros {
  margin-top: 8px;
}

#container .dadosQtdCarros .inputTime {
  width: 263px !important;
}

.dadosQtdCarros textarea {
  width: 213px !important;
}

.dadosQtdCarros .sublabel a {
  float: right;
  font-size: 13px !important;
}

.dadosQtdCarros button {
  margin-top: 10px !important;
}

/*27/08 - parei aqui*/
/*REPETE MEDIA QUERIE*/

/*MEDIA QUERIES*/
@media (max-width: 320px) {

  /*celulares antigos*/
  .wrapmin .btn-cinza {
    width: 35%;
    font-size: 14px;
    float: left;
    margin-left: 0px;
    margin-top: -42px;
  }

  .wrapmin .panel-default {
    width: 100%;
    font-size: 10px;
    margin-left: 0px;
  }
}

@media (min-width: 1800px) {

  /*SOMENTE RELATORIO*/
  .linhaC .dropdown {
    width: 350px !important;
    font-size: 13px !important;
  }

  .hConsultarEscala .fgspc {
    margin-left: 30px;
  }

  .campoinline {
    position: relative;
    top: -65px;
    left: 448px;
    width: 40%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .campoinline {
    left: 463px;
  }

  .campoinline2 {
    position: relative;
    top: -65px;
    left: 449px;
    width: 40%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .campoinline2 {
    left: 464px;
  }

  .cadastroVeiculo button {
    margin-right: 140px;
  }

  .consultarModeloEquipamento button {
    margin-right: 190px;
  }

  .areasCarros_frota .azulBox {
    padding-left: 20px !important;
    padding-right: 15px !important;
  }

  .avlGroup {
    width: 820px;
  }

  #container .relatorioHeader div[data-clear] {
    margin-left: 314px;
    top: -35px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
}

@media (width: 1680px) {
  .cadastroFuncionario button {
    margin-right: 210px !important;
  }

  .consultaFabricante button {
    margin-right: 240px !important;
  }

  .criarModelo button {
    margin-right: 150px !important;
  }

  #container .btCriarCadastro button {
    margin-right: 20px !important;
  }

  .criarModelo .stepper input {
    margin-left: -146px !important;
  }

  .panelTelefone button {
    margin-right: 20px !important;
  }

  .smallform-group_estado div div:nth-child(2) span i {
    display: none;
  }

  .group_passageiro div div:nth-child(2) span i {
    display: none;
  }
}

@media (max-width: 1680px) {
  .smallform-group_estado div div:nth-child(2) span i {
    display: none;
  }

  .group_passageiro div div:nth-child(2) span i {
    display: none;
  }
}

@media (min-width: 1680px) {
  .relatorioHeader .btnNormal {
    right: 8px;
  }

  .hConsultarPlanej .linhaC .dropdown {
    width: 295px !important;
  }

  #container .novoCadastro .hConsultarPlanej .linhaC .dropdown {
    width: 90% !important;
  }

  .novoCadastro .hConsultarPlanej .linhaC .dropdown {
    width: 90% !important;
  }

  .linhaC .dropdown {
    width: 250px !important;
    font-size: 13px !important;
  }

  .consultaVeiculo .form-2,
  .criarEquipamento .form-2,
  .consultaMetamodelo .form-2,
  .cadastroConsorcio .form-2,
  .consultaFuncionario .form-2,
  .criarTipoFuncionario .form-2,
  .consultarModelo .form-2,
  .cadastroFuncionario .form-2,
  .criarModeloEquipamento .form-2,
  .consultarModeloEquipamento .form-2,
  .consultaFabricante .form-2,
  .consultaEmpresa .form-2,
  .consultaConsorcio .form-2 {
    width: 60% !important;
    overflow: hidden;
    padding-bottom: 20px;
    margin-left: 2%;
    margin-top: 20px;
  }

  .consultaEquipamento .form-2,
  .cadastroFabricante .form-2 {
    width: 50% !important;
    overflow: hidden;
    padding-bottom: 20px;
    margin-left: 2%;
    margin-top: 20px;
  }

  .criarMetamodelo .form-2,
  .cadastroEmpresa .form-2,
  .criarModelo .form-2,
  .cadastroVeiculo .form-2 {
    width: 80% !important;
    overflow: hidden;
    padding-bottom: 20px;
    margin-left: 2%;
    margin-top: 20px;
  }

  /*  .passosCadastroAlerta{
      width: 70%!important;
    }*/
  #container .form-cadastro-equipamento .select2-container,
  #container .form-cadastro-equipamento input {
    width: 320px;
  }

  #container .form-cadastro-equipamento .select2-container input {
    width: 310px;
  }

  #container .novoCadastro .hpainelEventos .hIndiceEficiencia .novoIndiceEficiencia .col-md-8 .col-md-1 {
    width: 25% !important;
  }

  #container .novoIndiceEficiencia {
    font-size: 13px !important;
  }

  #container .form-cadastro-metamodelo {
    padding-left: 20px;
    width: 90%;
    margin-left: 5%;
  }

  #container .form-cadastro-pagamento {
    padding-left: 20px;
    width: 75%;
  }

  .formLocalizacaoPassageiro .col-md-4 {
    width: 27% !important;
  }
}

@media (max-width: 768px) {
  #container .btn-cinza {
    width: 30%;
    font-size: 14px;
    float: left;
  }

  .paragraphDefault p {
    font-size: 105%;
    color: #535353;
    text-align: left;
    width: 95%;
    margin-left: 2.5%;
  }

  #container .datetimepicker {
    display: none;
  }

  #container .timePickerPhone {
    display: block;
  }

  #container .timePicker1,
  #container .timePicker2 {
    width: 42.5%;
  }

  input[type='date']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
  }

  input[type='date']::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    display: none;
  }

  input[type='date'] {
    font-size: 8px;
    -webkit-appearance: none;
  }

  .userinfo p {
    font-size: 14px;
    color: #333333;
  }

  .userinfo span {
    display: none;
  }

  .userinfo a {
    color: #869b09;
    font-size: 14px;
    padding-left: 0px;
    text-decoration: none;
  }

  /*EXCLUSIVO COPILOTO*/
  .wrapmin {
    width: 95% !important;
    margin-left: 2.5% !important;
  }

  #container .wrapmin .btn-cinza {
    width: 35%;
    font-size: 14px;
    float: left;
    margin-left: 0px;
  }

  .wrapmin .titulosPagina {
    font-size: 150%;
  }

  .wrapmin .form-1,
  .wrapmin.form-2,
  .wrapmin .form-3,
  .wrapmin .form-4 {
    /*Formularios full*/
    width: 95%;
    overflow: hidden;
    padding-bottom: 20px;
    margin-left: 2.5%;
  }
}

@media (max-width: 986px) {
  .totalCarros {
    top: -18px;
    left: 22.2%;
    position: absolute;
    width: 180px;
  }

  .totalNumero {
    font-size: 120%;
    font-weight: 400;
    margin-left: 13px;
  }

  .totalCarros i {
    font-size: 32px;
  }
}

@media (max-width: 1250px) {
  .clean {
    position: relative;
    top: 48px;
    right: 0;
    float: left;
  }

  [data-id='conteudoDividoCriar'] .btnMedio {
    margin-right: 20px;
  }
}

@media (max-height: 650px) {
  [data-id='conteudoDividoCriar'] label {
    margin-bottom: 8px;
  }

  .opcoesCores {
    margin-top: 20px;
  }
}

@media (max-width: 1280px) {
  .numeroCarros {
    /*TELA ESPECIFICA CARROS*/
    width: 36%;
    display: inline-block;
    float: right;
    font-size: 24px;
    margin-top: 17px;
    border-left: solid 1px #ccc;
    height: 62px;
  }

  .numeroCarros i {
    color: #535353;
    text-shadow: 0px;
    font-size: 32px;
    margin-right: 10%;
    margin-left: 20%;
    margin-top: 13%;
  }

  .relatorioHeader .nomeDuracao,
  .relatorioHeader .nomePercorrido {
    width: 30%;
  }

  #reservation {
    font-size: 13px;
  }

  .resumidoDadosSide p {
    font-size: 98%;
  }

  .gpmenorbtn {
    width: 160px !important;
  }

  .itensMapa {
    width: 84% !important;
    margin-left: 15% !important;
  }

  #wrapMapDividoCriar {
    width: 56%;
  }

  .formularios .btn-cinza {
    float: right;
    margin-right: 10px;
    margin-top: 20px;
  }

  #container.toggled #d2 .bordacontent .dropdown {
    width: 345px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .boxhoraData {
    width: 345px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .outroBox {
    width: 345px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .outroBox,
  .boxhoraData {
    width: 425px !important;
  }

  .boxCarros {
    width: 438px !important;
  }

  #container.toggled .boxCarros {
    width: 353px !important;
    font-size: 12px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .boxCarros .col-md-4 .inputBus {
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .dashboard .table {
    background-color: #fff;
    font-size: 97% !important;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-top: solid 1px #ccc;
    border-bottom: 2px solid #dadedf;
    width: 99%;
    margin-left: 0.45%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #conteudoDivido {
    width: 44% !important;
  }

  .tab-content .formularios .btn-cinza {
    width: 110px;
  }

  .relatorioHeader .timePicker .inputTime {
    width: 106% !important;
  }

  #container.toggled #d2 input,
  #container.toggled .relatorioHeader input {
    font-size: 8px !important;
  }

  #container.toggled .boxCarrosWrap {
    width: 92%;
  }

  #container.toggled .smin {
    font-size: 8px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container input {
    font-size: 100% !important;
  }

  #container.toggled .divididovermelho span,
  #container.toggled .divididovermelho i,
  #container.toggled .averde span,
  #container.toggled .averde i,
  #container.toggled .avermelho span,
  #container.toggled .avermelho i {
    font-size: 95% !important;
    padding-left: 5px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .azulBox {
    min-width: 100px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #conteudoDividoP .colunaCarros {
    font-size: 80% !important;
  }

  #container.toggled .inputFaixadata input {
    font-size: 9px !important;
  }

  #container.toggled .panel-body #d2 {
    padding: 0px !important;
  }

  /*EXCLUSIVOS COPILOTO*/
  .wrapmin {
    width: 90%;
    margin-top: 20px;
    padding-bottom: 50px;
    margin-bottom: 20px;
  }

  #btCentral {
    float: left;
    width: 271px;
    margin: 0 auto;
  }

  /*LINHA / TRAJETO*/
  #colsmall {
    width: 10%;
  }

  [data-id='conteudoDividoCriar'] {
    padding-left: 30px;
    width: calc(604px - 40px);
  }

  #container .consultaFabricante button {
    margin-right: 27px !important;
  }

  .consultaVeiculo button {
    margin-right: 90px !important;
  }

  .consultarModelo button {
    margin-right: 20px !important;
  }

  .consultaEmpresa button {
    margin-right: 42px !important;
  }

  .consultaFuncionario button {
    margin-right: 36px !important;
  }

  .consultaEquipamento button {
    margin-right: 28px !important;
  }

  .consultaMetamodelo button {
    margin-right: 44px !important;
  }

  .consultaConsorcio button {
    margin-right: 41px !important;
  }

  #container .campoinline {
    position: relative;
    top: -65px;
    left: 436px !important;
    width: 33%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .doisCampos .campoinline {
    left: 417px !important;
  }

  #container .campoinline2 {
    position: relative;
    top: -65px;
    left: 444px !important;
    width: 40%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .doisCampos .campoinline2 {
    left: 424px !important;
  }

  #container .hConsultarPlanej input {
    font-size: 10px !important;
  }

  #container.toggled .hConsultarPlanej .linhaC .dropdown {
    width: 185px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .hConsultarPlanej .timePicker input {
    font-size: 8px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .hConsultarPlanej .timePicker {
    padding: 0px !important;
  }

  #container .importarupload input {
    font-size: 14px !important;
  }

  #container.toggled .wrapPlanej {
    width: 87%;
  }

  .wrapPlanej .btnMedio {
    width: 100px !important;
  }

  #btlinha_c {
    width: 160px !important;
  }

  .btcalcular {
    margin-left: 15px !important;
  }

  #conteudoCriarPlanej1 {
    overflow-x: hidden;
  }

  #conteudoCriarPlanej1 .prefixospc input,
  #conteudoCriarPlanej1 .select2-container,
  #conteudoCriarPlanej1 .dropdown {
    width: 270px !important;
  }

  #conteudoCriarPlanej1 .inputFaixadata input {
    width: 230px !important;
  }

  #conteudoCriarPlanej1 .inputTime {
    width: 275px !important;
  }

  .criarMultilinhas input {
    width: 360px !important;
  }

  #btfull,
  #btdif {
    font-size: 12px !important;
  }

  #kmtrajeto {
    width: 80%;
  }

  .btGerarEditar button,
  .cercagroup button {
    font-size: 12px !important;
  }

  #container.toggled .relatorioHeader div[data-clear] {
    margin-left: 202px !important;
    top: -35px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .relatorioHeader div[data-clear] {
    margin-left: 226px !important;
    top: -35px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .relatorioHeader .row {
    width: 100% !important;
    margin-left: -18px;
  }

  #container.toggled .hControleP div[data-clear] {
    margin-left: 100% !important;
    top: -35px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .hControleP div[data-clear] {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .controlePartidasp .select2-container {
    width: 223px !important;
  }

  #container.toggled .controlePartidasp div[data-clear] {
    margin-left: 230px !important;
    top: -35px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  /*FROTA - MENU ABERTO AJUSTES*/
  #container.toggled .areasCarros_frota .col-md-1 {
    height: 635px;
    width: 14.6% !important;
    margin-left: -25px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .areasCarros_frota .col-md-1:first-child {
    margin-left: 0px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .areasCarros_frota .conteudoverde {
    padding-left: 3px !important;
  }

  #container.toggled .areasCarros_frota .azulBox,
  #container.toggled .areasCarros_frota .fa-clock-o,
  #container.toggled .areasCarros_frota .minClock {
    font-size: 10px !important;
  }

  #container.toggled .areasCarros_frota .azulBox {
    min-width: 65px !important;
    margin-right: 4px;
  }

  #container .hConsultarEscala .col-md-1 {
    width: 25% !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .hConsultarEscala .col-md-1 {
    width: 33.3% !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .hControleP .datepickernovo input {
    font-size: 9.5px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .hControleP div[data-clear] {
    margin-left: 100% !important;
    top: -35px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .hConsultarPlanej .col-md-1:nth-of-type(2) input,
  #container .hConsultarPlanej .col-md-1:nth-of-type(3) input {
    font-size: 9px !important;
  }

  /*  .tPainelEventos .veiculoPainel{
      width: 100px;
    }*/
  #container.toggled .novoCadastro .hpainelEventos .hreprocessamento div[data-clear] {
    left: -63px !important;
  }

  #container .form-cadastro-veiculo {
    width: 98% !important;
  }

  #step-1,
  #step-2,
  #step-3 {
    width: 98% !important;
    margin-left: 2% !important;
  }

  #container .dadosEfiMaior {
    width: 54% !important;
  }

  #container .dadosEfi {
    width: 41% !important;
  }

  #container .novoIndiceEficiencia div[data-clear] {
    left: -62px !important;
  }

  #container .novoIndiceEficiencia .agrupamentoAlone .col-md-6 {
    width: 26.5% !important;
  }
}

@media (min-width: 1400px) {

  /* Scrollbar GERAL */
  ::-webkit-scrollbar {
    height: 10px;
    width: 10px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(194, 194, 194, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
  }

  ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(194, 194, 194, 0.4);
  }

  ::-webkit-scrollbar-thumb:hover {
    background: rgba(126, 126, 126, 0.8);
  }

  /* Scrollbar GERAL */
}

@media (max-width: 1366px) {

  /*.popover-linha {
    top: 187px !important;
    left: 799.84px !important;
  }*/
  .hrelatorioCombustivel .filtroAvancado .condicionalRelatorio .combobox .dropdown {
    min-width: 145px !important;
  }

  #container .hConsultarPlanej .linhaC .dropdown {
    width: 230px !important;
    font-size: 11px !important;
  }

  /*FROTA*/
  .resultadoGridMetricas table {
    font-size: 11px !important;
    font-weight: 400;
  }

  #container .hIndiceEficiencia .datepickernovo input {
    font-size: 10px !important;
  }

  #container .hIndiceEficiencia .col-md-1 {
    width: 25% !important;
  }

  .hIndiceEficiencia .inputSelect {
    margin-top: -7px;
    float: left;
    border: solid 1px #ccc;
    padding: 8px;
    margin-bottom: 16px;
  }

  #container .hConsultarPlanej .datepickernovo input {
    font-size: 10px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container #conteudoCriarPlanej2 .select2-container {
    font-size: 10px !important;
    width: 95% !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .hConsultarPlanej .col-md-1:nth-of-type(2),
  .hConsultarPlanej .col-md-1:nth-of-type(3) {
    padding-left: 0px;
  }

  #container .resultadosPainelEventos .table>thead>tr>th,
  #container .resultadosPainelEventos .table>tbody>tr>th,
  #container .resultadosPainelEventos .table>tfoot>tr>th,
  #container .resultadosPainelEventos .table>thead>tr>td,
  #container .resultadosPainelEventos .table>tbody>tr>td,
  #container .resultadosPainelEventos .table>tfoot>tr>td {
    font-size: 11px;
    padding: 9px !important;
    padding-top: 10px !important;
  }

  .hpainelEventos .row {
    width: 94.5% !important;
  }

  /*SINOTICO REPLAY*/
  .barraReplay .filtroSinotico .md-1:nth-child(1) {
    width: 210px;
  }

  .barraReplay .filtroSinotico .md-1:nth-child(1) input {
    width: 160px;
  }

  .barraReplay .filtroSinotico .md-1:nth-child(2) {
    width: 160px;
  }

  .barraReplay .filtroSinotico .md-1:nth-child(2) input {
    width: 110px !important;
  }

  .barraReplay .filtroSinotico .md-1:nth-child(3) {
    width: 185px;
    padding-left: 0px;
  }

  .barraReplay .filtroSinotico .md-1:nth-child(4),
  .barraReplay .filtroSinotico .col-md-1:nth-child(5) {
    width: 220px;
  }

  #container .barraFiltros .select2-container {
    width: 210px !important;
  }

  #container.toggled .barraFiltros .select2-container {
    font-size: 12px !important;
  }

  /*SINOTICO REPLAY*/
  /* SINOTICO MULTILINHA*/
  .barraMultilinha .filtroSinotico .uniselect2 {
    display: inline-block;
    width: 250px;
  }

  #container .wrapSinoticoMultilinha .wrapconteudoSinotico {
    width: 80% !important;
  }

  #container .wrapSinoticoMultilinha .terminalSinotico {
    background-color: transparent;
    width: 20% !important;
    padding: 8px !important;
    padding-right: 0px !important;
  }

  /* SINOTICO MULTILINHA*/
  /*SINOTICO*/
  #container .novoCadastro .form-cadastro-veiculo .col-md-4:nth-of-type(2n) .colunaDois input,
  #container .novoCadastro .form-cadastro-veiculo .col-md-4:last-of-type .colunaDois input,
  #container .novoCadastro .form-cadastro-veiculo .col-md-4 label {
    font-size: 10.5px !important;
  }

  #container .novoCadastro .form-cadastro-veiculo .col-md-4:first-of-type .select2-container,
  #container .novoCadastro .form-cadastro-veiculo .col-md-4:last-of-type .select2-container,
  #container .novoCadastro .form-cadastro-veiculo .col-md-4:first-of-type input,
  #container .novoCadastro .form-cadastro-veiculo .col-md-4:last-of-type input,
  #container .novoCadastro .form-cadastro-veiculo .col-md-4:last-of-type .combobox .dropdown {
    width: 290px !important;
    font-size: 11px !important;
  }

  #container .novoCadastro .form-cadastro-veiculo .col-md-4:first-of-type .select2-container input,
  #container .novoCadastro .form-cadastro-veiculo .col-md-4:last-of-type .select2-container input {
    width: 270px !important;
  }

  #container .novoCadastro .form-cadastro-veiculo .col-md-4:nth-of-type(2n) .select2-container {
    width: 330px !important;
  }

  #container .novoCadastro .form-cadastro-veiculo .col-md-4:nth-of-type(2n) .select2-container input {
    width: 320px !important;
  }

  #container .novoCadastro .form-cadastro-veiculo .rowprinc .col-md-4:nth-of-type(2n) .select2-container,
  #container .novoCadastro .form-cadastro-veiculo .rowprinc .col-md-4:nth-of-type(2n) input {
    width: 330px !important;
    font-size: 11px !important;
  }

  #container .novoCadastro .form-cadastro-veiculo .col-md-4:nth-of-type(2n) .select2-container {
    width: 280px !important;
    font-size: 11px !important;
  }

  #container .novoCadastro .form-cadastro-veiculo .col-md-4:nth-of-type(2n) .select2-container input {
    width: 270px !important;
  }

  #container .novoCadastro .form-cadastro-veiculo .col-md-4:nth-of-type(2n) .colunaDois {
    width: 330px !important;
    font-size: 11px !important;
  }

  #container .novoCadastro .form-cadastro-veiculo .col-md-4:last-of-type .colunaDois {
    width: 280px !important;
    font-size: 11px !important;
  }

  #container .novoCadastro .form-cadastro-veiculo .col-md-4:last-of-type .colunaDois input {
    width: 100% !important;
    font-size: 11px !important;
  }

  #container .novoCadastro .form-cadastro-veiculo .col-md-4:nth-of-type(2n) .colunaDois input {
    width: 100% !important;
    font-size: 11px !important;
  }

  #container .novoCadastro .datepickernovo input {
    font-size: 10px !important;
  }

  /*  #homeBusChat .btn-novo .btn-azul{
      margin-top: 32px;
      margin-left: 20%!important;
      float: left!important;
    }*/
  #homeBusChat .btn-novo .btn-default {
    float: right;
    /*margin-top: -40px;*/
  }

  #container .novoCadastro .hpainelEventos .hHistorico .select2-container {
    width: 300px !important;
    font-size: 11px !important;
  }

  .hIndiceEficiencia .col-md-1 {
    padding-right: 6px;
  }

  #container .novoCadastro .hpainelEventos .hrelatorio1 .select2-container,
  #container.toggled .novoCadastro .hpainelEventos .hrelatorio1 .select2-container {
    width: 95% !important;
  }

  #container .novoCadastro .hpainelEventos .hrelatorio1 .col-md-1 {
    width: 33.3% !important;
  }

  #container .novoCadastro .hpainelEventos .hrelatorio1 .datepickernovo_wrap {
    width: 95% !important;
  }

  #container .novoCadastro .hpainelEventos .hrelatorio1 .dropdown {
    width: 100% !important;
  }

  #container .novoIndiceEficiencia {
    font-size: 13px !important;
  }

  #container .novoIndiceEficiencia .col-md-4 {
    width: 100%;
  }

  #container .novoIndiceEficiencia .col-md-8 {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }

  #container .novoCadastro .hpainelEventos .hIndiceEficiencia .novoIndiceEficiencia .col-md-8 .col-md-1 {
    width: 24.5% !important;
  }

  #container .novoIndiceEficiencia .empresaLinhaAdd {
    margin-bottom: 15px;
    border-right: 0px !important;
    margin-bottom: 15px;
  }

  .headerTerminal span {
    font-size: 11px !important;
    font-weight: 400;
  }

  #container .numeroTerminal,
  #container .numeroTerminal2 {
    font-size: 13px !important;
  }

  .veiculos_uni {
    font-size: 11px !important;
  }

  #container .novoCadastro .hpainelEventos .hrelatorioPosicoes .select2-container,
  #container .novoCadastro .hpainelEventos .hrelatorioPosicoes .dropdown,
  #container .novoCadastro .hpainelEventos .hrelatorioPosicoes input {
    width: 95% !important;
    font-size: 11px !important;
  }

  .hrelatorioPosicoes .areaCondicional .inputCondicionalRelatorio {
    width: 40% !important;
  }

  .hrelatorioPosicoes .areaCondicional .condicionalRelatorio {
    width: 56% !important;
  }

  .controleTabela .col2-outrainfo .boxTotal,
  .controleTabela .col2-outrainfo .boxAndamento {
    width: 170px !important;
    font-size: 12px !important;
  }

  #container .poolVeiculosWrap .btincluirModelo {
    width: 330px;
    display: block !important;
    margin-left: 10px;
    float: left;
    margin-top: 5px;
  }

  #container .tPosicoes thead {
    font-size: 10px !important;
  }

  #container .rowEntrada .areaCondicional {
    width: 59% !important;
  }

  #container .rowEntrada .areaCondicional .condicionalRelatorio {
    width: 30% !important;
  }

  #container .rowEntrada .areaCondicional .inputCondicionalRelatorio {
    width: 70% !important;
  }

  #container .panel-arrasto .col-md-4 .select2-container {
    width: 320px !important;
  }

  #container .poolVeiculosBox {
    width: 320px !important;
  }

  #container .novoCadastro .hArrastoManual .select2-container {
    width: 95% !important;
  }

  #container .col1-icones .totlegenda {
    font-size: 13px !important;
  }

  .consultaDestino .col-md-6,
  .consultaOrigem .col-md-6 {
    padding-right: 0px;
  }

  .formCheckAtivo {
    width: 30% !important;
  }

  .dadosEfiRow .col-md-6:first-of-type {
    width: 65%;
  }

  .dadosEfiRow .col-md-6:last-of-type {
    width: 35%;
  }

  .boxSinoticos {
    width: 85% !important;
    left: 13.5% !important;
  }

  .sinoticoHelpText {
    width: 95% !important;
  }

  #mainContainer form,
  #mainContainer form label,
  #mainContainer form input {
    font-size: 12px !important;
  }

  .trajetos,
  .configLinha,
  .configLinha label,
  .configLinha input {
    font-size: 12px !important;
  }

  #container .novoIndiceEficiencia .col-md-6 {
    padding-right: 0px;
  }

  .duracaoDiv .combobox .dropdown {
    min-width: 145px;
  }

  #container .totalizadoresRelatorio .col-md-1 span {
    display: inline-block;
    vertical-align: middle;
  }

  #container .novoCadastro .form-cadastro-veiculo .col-md-4:nth-of-type(2n),
  .colunaDois .combobox .dropdown {
    min-width: 155px !important;
  }

  .topoPainel .tab-content .ppRow .col-md-1 {
    width: 27%;
  }

  .topoPainel .tab-content .ppRow .posicaoSmall {
    width: 120px;
  }

  #container #veiculoCriar-collapseIntegracao .col-md-1 {
    width: 33% !important;
  }

  .hAuditoria .combobox select {
    width: 100% !important;
  }

  .hAuditoria .col-md-1 {
    width: 30%;
  }

  #container .barraFiltrosPrevisao .col-md-1 {
    width: 26%;
    padding-right: 0px;
  }

  #container .barraFiltrosPrevisao .pull-right {
    width: 90%;
  }
}

@media (width: 1366px) {
  #container.toggled .hIndiceEficiencia .select2-container {
    width: 295px !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
}

@media (max-width: 1680px) {
  .hConsultarPlanej .linhaC .dropdown {
    width: 258px !important;
  }

  .novoCadastro .hConsultarPlanej .linhaC .dropdown {
    width: 90% !important;
  }

  .linhaC .dropdown {
    width: 200px !important;
    font-size: 13px !important;
  }

  .hIndiceEficiencia .select2-container {
    width: 250px;
    font-size: 13px !important;
  }

  .campoinline {
    position: relative;
    top: -65px;
    left: 455px;
    width: 40%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .campoinline {
    left: 476px;
  }

  .campoinline2 {
    position: relative;
    top: -65px;
    left: 456px;
    width: 40%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container.toggled .campoinline2 {
    left: 476px;
  }

  .hConsultarEscala .fgspc {
    margin-left: 10px;
  }

  .cadastroVeiculo .configLinha {
    width: 651px;
    padding: 0px !important;
    position: relative;
    left: 43px;
  }

  #container .novoCadastro .hpainelEventos .hConsultarPlanej .row,
  #container .novoCadastro .hpainelEventos .hConsultarEscala .row,
  #container .novoCadastro .hpainelEventos .hControleP .row,
  #container .novoCadastro .hpainelEventos .hIndiceEficiencia .row {
    width: 99% !important;
  }

  #container .novoCadastro .hpainelEventos .hConsultarEscala .col-md-1,
  #container .novoCadastro .hpainelEventos .hControleP .col-md-1,
  #container .novoCadastro .hpainelEventos .hIndiceEficiencia .col-md-1 {
    width: 24% !important;
  }

  #container .novoCadastro .hpainelEventos .hConsultarPlanej .col-md-1 {
    width: 31.3% !important;
  }

  #container .novoCadastro .hConsultarPlanej .linhaC .dropdown {
    width: 230px !important;
  }

  #container .novoCadastro .hpainelEventos .hControleP .select2-container {
    width: 95% !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  #container .novoCadastro .form-cadastro-equipamento .btincluirModelo {
    float: right !important;
    text-align: right !important;
    width: 150px !important;
  }

  #container .form-cadastro-equipamento .col-md-3 .select2-container {
    width: 290px !important;
  }

  #container .form-cadastro-equipamento .col-md-3 .select2-container,
  #container .form-cadastro-equipamento .col-md-3 input {
    width: 225px !important;
  }

  #container .form-cadastro-equipamento .col-md-3 .select2-container input {
    width: 215px !important;
  }

  #container .form-cadastro-equipamento .col-md-3 #selectTipoModelo .select2-container {
    width: 300px !important;
  }

  #container .form-cadastro-equipamento .col-md-3 #selectTipoModelo .select2-container input {
    width: 290px !important;
  }

  #container .hrelatorioPermanencia .col-md-1 {
    width: 30% !important;
  }

  #container .hrelatorioPermanencia .col-md-maior {
    width: 38% !important;
  }

  #container .hrelatorioPermanencia .col-md-1 .select2-container,
  #container.toggled .hrelatorioPermanencia .col-md-1 .select2-container {
    width: 95% !important;
  }

  #container .hrelatorioPermanencia .col-md-1 .datepickernovo_wrap,
  #container.toggled .hrelatorioPermanencia .col-md-1 .datepickernovo_wrap {
    width: 95% !important;
  }

  #container .hrelatorioPermanencia .datepickernovo_wrap .input-group {
    width: 100%;
  }

  #container .hrelatorioPermanencia .datepickernovo_wrap .input-group .datepickernovo {
    width: 49%;
  }

  #container .hrelatorioCombustivel .areaCondicional {
    width: 40% !important;
  }

  #container .novoCadastro .hpainelEventos .hrelatorioCombustivel .areaCondicional .select2-container,
  #container .hrelatorioCombustivel .areaCondicional .inputCondicionalRelatorio input {
    width: 100% !important;
  }

  .areaCondicional .inputCondicionalRelatorio div[data-clear] {
    left: 70% !important;
  }

  .hrelatorioCombustivel .col-md-1 input {
    padding-right: 0px;
  }

  #container .agrupamentoAlone .col-md-6 {
    width: 24.5% !important;
  }

  .smallform-group_estado div div:nth-child(2) span i {
    display: none;
  }

  .group_passageiro div div:nth-child(2) span i {
    display: none;
  }
}

@media (max-width: 768px) {

  /* TELA DASHBOARD*/
  .dashboard .tituloapendice h4 {
    font-size: 18px;
    width: 75%;
  }

  .dashboard .col-md-1 {
    width: 100%;
    margin-left: 0;
  }

  .dashboard .tituloapendice a {
    width: 7%;
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 18px;
  }

  .dashboard .tituloapendice {
    width: 100%;
  }

  /* TELA DASHBOARD*/

  /* TELA CARROS*/
  .areasCarros .col-md-1 {
    width: 100%;
    margin-bottom: 100px;
  }

  .numeroCarros i {
    margin-top: 0%;
  }

  /* TELA CARROS*/
  /*TELA MAPA*/
  .headerMap h2 {
    font-size: 120%;
    margin-top: -13px;
    margin-left: -35px;
  }

  .totalCarros {
    top: -17px;
  }

  .topoBotoes {
    right: 0px;
    top: -61.5px;
  }

  /*TELA MAPA*/
}

@media (max-height: 500px) {
  .btnboxAlertasMapa {
    top: 150px !important;
  }
}

#mostraTexto {
  border: 1px solid #ccc;
  display: none;
  font-size: 10px;
  margin-top: 10px;
  padding: 5px;
  text-transform: uppercase;
}

#hoverDiv:hover #mostraTexto {
  display: block;
}

/*para consertar o input dentro da tela de arrasto - quadro de horários - clica 2x no nome da tabela*/
.modal-arrasto-quadro-de-horarios .modal-dialog .modal-content .formularios .row .ui-select-container.select2.select2-container.ng-untouched.ng-pristine.ng-valid,
.modal-arrasto-quadro-de-horarios .ui-select-container.select2.select2-container.ng-untouched.ng-valid.ng-dirty.ng-valid-parse,
.modal-arrasto-quadro-de-horarios .ui-select-container.select2.select2-container.ng-valid.ng-dirty.ng-valid-parse.ng-touched,
.modal-arrasto-quadro-de-horarios .ui-select-container.select2.select2-container.ng-valid.ng-touched.ng-dirty {
  width: 350px;
}

.dropdown-submenu.sub-level.link-icon.item-direct.ng-scope svg {
  width: 17px;
}

.form-group.inputSearch {
  overflow: hidden;
}

svg#iconMonitrip {
  width: 15px;
}

.popover-content.formularios.popover-alertas {
  padding: 0;
}

.alerta-lido.pull-right {
  outline: none;
}

svg#iconMonitrip {
  width: 15px;
}

.preferenciasButton {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  left: 214px;
  top: -30px;
  background-color: #3598db;
  color: #fff;
}

.preferenciasButton .fa {
  padding: 8px 9px;
}

.posicoesMetricasSecoes {
  min-width: 205px !important;
}

.filter-form {
  width: 120px;
}

.filter-form .datepickernovo_wrap .datepickernovo {
  width: 100% !important;
}

.aparecerInputRadio {
  display: inline-block !important;
  width: 16px !important;
}

.jContentCenter {
  justify-content: center !important;
}

.tipoRelatorio {
  padding: 0 20px;
}

.ateInputSection {
  margin-left: 15px;
}

.half-row {
  width: 50%;
  display: flex;
}

.half-row:last-child {
  justify-content: flex-end;
}

.quarter-row {
  width: 25%;
  display: flex;
}

.quarter-row:last-child {
  justify-content: flex-end;
}

.three-quarters-row {
  width: 75%;
  display: flex;
}

.three-quarters-row:last-child {
  justify-content: flex-end;
}

.opcoesDisplay,
.opcoesExport {
  width: 170px;
  /*margin: 15px;*/
  margin: 10px;
  height: 30px;
  display: flex;
  font-size: 11px;
  background-color: #e1e8ea;
  cursor: pointer;
}

.opcoesDisplay span {
  width: 50%;
  padding-top: 8px;
  text-align: center;
  font-size: 80%;
  line-height: 2;
}

.opcoesExport {
  width: 60px;
  text-align: center;
  margin-right: 0;
}

.opcoesExport.csv:before {
  border-left: 1px solid #b7b9b8;
  content: '';
  left: -15px;
  position: relative;
}

.opcoesExport-peding.csv:before {
  border-left: none;
  content: '';
  left: -15px;
  position: relative;
}

.opcoesExport .fa {
  margin-right: 3px;
}

.opcoesExport span {
  display: block;
  margin: 7px auto 0;
}

/*.opcoesDisplay:hover{
  background-color: rgba(183, 185, 184, .7);
}
verificar como implementar somente no span individual
*/
.opcoesDisplay .active,
.opcoesExport:hover {
  background-color: rgb(132, 156, 157);
  color: #fff;
}

.opcoesDisplay .active,
.opcoesExport:hover span img,
.opcoesDisplay .active,
.opcoesExport:hover span {
  filter: brightness(0) invert(1);
  color: #fff;
}

.opcoesDisplay .active.tipo {
  background-color: #95ca31;
}
.totalizadores {
  min-width: 230px;
  display: flex;
  font-size: 13px;
  flex-grow: 1;
}

.totalizadores:nth-of-type(2) {
  min-width: 250px;
}

.totalizadores span {
  font-size: 40px;
  color: #95ca31;
  font-weight: 600;
}

.totalizadores p {
  margin-top: 10px;
  margin-left: 8px;
}

.main-content .spanOcultar,
.main-content .spanMostrar {
  position: absolute;
  left: calc(100% - 105px);
  color: #4f4f4f !important;
  font-weight: bold;
  font-size: 12px;
  margin-top: 3px;
}

.main-content .spanMostrar {
  display: none;
}

.modal-body .novoRelatorio.modalHtmlDinamico.ng-scope {
  padding: 15px;
}

.imgEquipComandoCap {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  box-shadow: none;
  border: none;
}

.imgEquipComandoCap:hover,
.imgEquipComandoCap:focus,
.imgEquipComandoActiveCap,
.checkBall:hover,
.checkBall:focus {
  border: solid 3px #34495e;
}

.clearAcc .pull-right .imgEquipComandoCap {
  width: 60px;
  height: 60px;
  position: relative;
  left: 90%;
  top: -160px;
  background-color: #fff;
  border: solid 3px #e0e0e0;
  padding-top: 7px;
}

.imgEquipComandoCap img {
  max-width: 80%;
}

.stepwizard-mmis-comando {
  display: table;
  width: 70%;
  position: relative;
  margin-bottom: 20px;
  top: 0px;
  padding-top: 20px;
  left: 15%;
}

.passo-1-cadastro-comando {
  background-color: #fafafa;
}

.passo-2-cadastro-comando {
  background-color: #fafafa;
  padding-left: 30px;
  padding-right: 30px;
}

.janela-priorizacao .container {
  width: 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
  height: 100%;
}

.janela-priorizacao .container .repeat-container {
  max-height: 284px;
  overflow-y: auto;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.janela-priorizacao .container .repeat-container .dndPlaceholder {
  flex: 1;
}

.janela-priorizacao .container .repeat-container .column-name {
  flex: 1;
  margin: 0 10px 0 0;
}

.janela-priorizacao .container .footer {
  display: flex;
  justify-content: flex-end;
  border-top: solid 1px #d9d9d9;
  padding: 5px 0 10px 0;
}

.janela-priorizacao .container .btn {
  /* margin-right: 25px; */
  margin-top: 5px;
}

/*PONTO DE INTERESSE UPLOAD DE IMAGEM */
.inputsrc_pontoInterese .imagePreview {
  margin-top: 60px;
}

.inputsrc_pontoInterese .imagePreview img {
  width: 100%;
  height: 100%;
}

.align-btns-despacho,
.btn-viagem {
  z-index: 1;
}

/* END PONTO DE INTERESSE UPLOAD DE IMAGEM */
/* CSS das novas informações da Tela de Despacho */
.informacoesDespacho__col {
  position: relative;
}

.informacoesDespacho__col::after {
  z-index: 0;
  position: absolute;
  content: '';
  background-color: #ebf0f1;
  width: 1897px;
  height: 81px;
  top: 89px;
  left: -16px;
}

.informacoesDespacho {
  z-index: 1;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 15px;
}

.inforRegresso {
  margin-top: 5px;
}

.inforIda {
  padding-top: 5px;
}

.informacoesDespacho .informacoesDespacho__container {
  width: 100%;
  display: flex;
  gap: 25px;
}

.informacoesDespacho .informacoesDespacho__container .informacoesDespacho__container--interno {
  display: flex;
  align-items: center;
}

.informacoesDespacho .informacoesDespacho__container .informacoesDespacho__container--interno .frequenciaSugerida--container {
  display: flex;
  align-items: center;
}

.informacoesDespacho .informacoesDespacho__titulo {
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 0;
  font-size: 13px;
}

.informacoesDespacho__tiuloPrincipal {
  width: 82px;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 13px;
}

.informacoesDespacho .informacoesDespacho__resultado {
  margin: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 26px;
  background-color: white;
  margin-bottom: 0;
  font-size: 13px;
}

.informacoesDespacho .informacoesDespacho__resultado--sucess {
  margin: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 26px;
  background-color: #6cca31;
  margin-bottom: 0;
  font-size: 13px;
}

.informacoesDespacho .informacoesDespacho__resultado--warning {
  margin: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 26px;
  background-color: #f5c113;
  margin-bottom: 0;
  font-size: 13px;
}

.informacoesDespacho .informacoesDespacho__resultado--danger {
  margin: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 26px;
  background-color: #de6a5b;
  margin-bottom: 0;
  font-size: 13px;
}

.informacoesDespacho .informacoesDespacho__unidade {
  font-weight: 600;
  margin-bottom: 0;
  font-size: 13px;
}

.rowBtnCadastroVeiculo {
  display: flex;
  gap: 5px;
  margin-top: 20px;
  margin-left: 19px;
}

.rowBtnCadastroVeiculo a {
  display: inline-block;
  padding: 8px 15px;
  background: transparent;
  border: 2px solid #98A8AD;
  border-radius: 6px;
  color: #98A8AD;
  text-transform: uppercase;
  font-weight: 700;
  transition: .5s all;
}

.rowBtnCadastroVeiculo a:hover {
  background: #2484C6;
  border: 2px solid #2484C6;
  color: white;
  text-transform: uppercase;
  transition: .5s all;
  text-decoration: none;
}

.rowBtnCadastroVeiculo a.active {
  background: #2484C6;
  border: 2px solid #2484C6;
  color: white;
  text-transform: uppercase;
  transition: .5s all;
  text-decoration: none;
}

#formCadastroVeiculo .active {
  display: block;
}

#formCadastroVeiculo .disable {
  display: none;
}

#formCadastroVeiculo .rowFormularioVeiculo {
  display: flex;
  flex-wrap: wrap;
}

#formCadastroVeiculo .rowFormularioVeiculo__titulo {
  margin: 10px 0 20px 0;
  color: #000000;
  font-weight: 700;
  font-size: 14px;
  width: 100%;
  display: inline-block;
}

#formCadastroVeiculo .rowFullWidth {
  width: 100%;
  display: flex;
  gap: 15px;
  align-items: flex-end;
}

#formCadastroVeiculo .rowFullWidth .azul-btn {
  width: 120px;
  height: 30px;
  line-height: 1;
}

#formCadastroVeiculo .rowFullWidth .input__veiculo {
  width: 245px;
}

#formCadastroVeiculo .rowFullWidth .input__veiculo input {
  width: 100% !important;
}

#formCadastroVeiculo .flex-wrap--wrap {
  flex-wrap: wrap;
}

#formCadastroVeiculo .w-100 {
  width: 100%;
}

#formCadastroVeiculo .pd-20 {
  padding-right: 20px;
}

#formCadastroVeiculo .mg-top {
  margin-top: 10px;
}

#formCadastroVeiculo .mg-bottom {
  margin-bottom: 19px;
}

#formCadastroVeiculo .m-left100 {
  margin-left: 100px;
}

#formCadastroVeiculo .dFlex-gap15 {
  display: flex;
  gap: 15px;
  align-items: flex-end;
}

#formCadastroVeiculo .dFlex-gap15 .rowFormularioVeiculo__titulo--select {
  width: 245px;
}

#formCadastroVeiculo .dFlex-gap15 .azul-btn {
  width: 120px;
  height: 30px;
  line-height: 1;
}

#formCadastroVeiculo .rowCamara__provedor {
  width: 538px;
  max-width: 538px;
}

#formCadastroVeiculo .rowCamara__url {
  width: 663px;
  max-width: 663px;
}

#formCadastroVeiculo .rowCamara__acao {
  text-align: center;
  width: 98px;
  max-width: 98px;
}

#formCadastroVeiculo .cadastro-inline-veiculo .initial-3 .checkRadioSimples {
  padding-top: 0;
}

#container #formCadastroVeiculo .checkbox label:before {
  bottom: 8px !important;
}

#formCadastroVeiculo .rowCamara__acao a {
  padding-right: 0 !important;
}

#formCadastroVeiculo .doubleCombo {
  width: 100%;
  display: flex;
  align-items: center;
  max-width: unset;
}

#formCadastroVeiculo .cadastro-inline-veiculo .initial-3 .checkRadioSimples {
  width: 103px;
  margin-right: 31px;
  margin-top: 20px;
}

#formCadastroVeiculo .comboDatas {
  width: 256px;
}


#formCadastroVeiculo .comboCobrador {
  width: 109px;
}


#formCadastroVeiculo .fa-calendar:before {
  font-weight: 700;
}

#formCadastroVeiculo #selectCadastroVeiculo {
  color: #555555 !important;
  border: none;
  width: 228px;
  height: 30px;
  line-height: 30px;
  display: block;
  padding: 0 0 0 8px;
  overflow: visible !important;
  position: relative;
  white-space: nowrap;
  color: #444;
  text-decoration: none;
  border-radius: 0px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  font-size: 11px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/select_drop_pq.png) 100% / 30px no-repeat #fff;
}

#formCadastroVeiculo #selectCadastroVeiculo:focus-visible {
  border: none;
  outline: none;
}

#formCadastroVeiculo .mr-35 {
  margin-right: 35px;
}

#formCadastroVeiculo .comboDocumentacao .input-group {
  display: flex;
}

#formCadastroVeiculo .comboDocumentacao .input-group-addon {
  width: 37px;
}

#formCadastroVeiculo .w-200 {
  width: 221px;
}

#formCadastroVeiculo .rowUnica {
  width: 100%;
  height: 55px;
  display: flex;
  margin-top: 7px;
}

#formCadastroVeiculo .datepickernovo {
  display: flex;
}

#formCadastroVeiculo .datepickernovo .input-group-addon {
  width: 37px;
  height: 30px;
}

#formCadastroVeiculo .radioVeiculo {
  margin-top: 0;
}

#formConsultaVeiculo .filter-bar .row-buttons {
  justify-content: flex-start;
}

#formCadastroVeiculo .rowDocumentacao__box {
  display: flex;
  flex-wrap: wrap;
}

#formCadastroVeiculo .w-unset {
  width: auto;
  max-width: unset;
}

#formCadastroVeiculo .w-auto {
  width: auto;
}

#formCadastroVeiculo .mr-25 {
  margin-right: 25px;
}

#formCadastroVeiculo .mb-20 {
  margin-bottom: 20px;
  display: inline-block;
}

#formCadastroVeiculo .mg-top-20 {
  margin-top: 20px
}

#formCadastroVeiculo .mt-0 {
  margin-top: 0 !important;
}

#formCadastroVeiculo .ml-35 {
  margin-left: 35px;
}

#formCadastroVeiculo .comboConceitoBaixa {
  width: 275px;
  max-width: unset;
  margin-left: -8px;
}

#formCadastroVeiculo .rowUpload {
  display: flex;
  gap: 26px;
}

#formCadastroVeiculo .rowUpload__container {
  display: flex;
}

#formCadastroVeiculo .rowUpload>span {
  background-color: #FFFFFF;
  color: #606060;
  font-size: 10px;
  padding: 8px 59px 8px 8px;
}

#formCadastroVeiculo .rowUpload__container>span {
  display: inline-block;
  background-color: #FFFFFF;
  color: #606060;
  font-size: 10px;
  padding: 8px 78px 8px 8px;
}

#formCadastroVeiculo .rowUpload .file-labelFormVeiculo {
  margin-bottom: 0;
  cursor: pointer;
  background-color: #3598DB;
  color: white;
  font-size: 12px;
  font-weight: 700;
  padding: 7px 12px;
  transition: opacity .5s;
  opacity: 1;
}

#formCadastroVeiculo .rowUpload .file-labelFormVeiculo:hover {
  opacity: .5;
}

#formCadastroVeiculo .rowUpload .file-inputFormVeiculo {
  display: none;
}

#rowIntegracaoAdicionar .row-fields {
  padding-left: 0;
}

#rowIntegracaoAdicionar .row-fields__container {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#rowIntegracaoAdicionar .row-fields__container>label {
  width: 100%;
}

#rowIntegracaoAdicionar .row-fields__container>.azul-btn {
  margin-left: 15px;
  display: inline-block;
  width: 120px;
  height: 30px;
  line-height: 1;
  margin-top: 22px;
}

#rowIntegracaoAdicionar .right-trash {
  right: -53px;
}

#rowIntegracaoAdicionar .w-inputs-hidder {
  width: 354px;
  padding-right: 0;
}

#rowIntegracaoAdicionar .pl-0 {
  padding-left: 0;
}

#rowIntegracaoAdicionar .selectContainerfocusFuncionario {
  width: 245px;
  margin-top: 20px;
}

#rowIntegracaoAdicionar .btn-acordion {
  margin-left: 9px;
  display: inline-block;
  width: 120px;
  height: 30px;
  line-height: 1;
}

#rowMetricasIntegracao .row-fields {
  padding-left: 0;
  margin-top: 20px;
}

#rowMetricasIntegracao .btn-acordion {
  margin-left: 9px;
  display: inline-block;
  width: 120px;
  height: 30px;
  line-height: 1;
}

#rowMetricasIntegracao .row-fields .row-buttons {
  display: flex;
  justify-content: center;
}

#rowMetricasIntegracao .row-fields .row-buttons .buttons-filter {
  padding-bottom: 0;
  min-height: 30px;
}

#rowMetricasIntegracao .cadastro-table .title {
  color: #000000;
  font-size: 11px;
  font-weight: 700;

}

#rowMetricasIntegracao .cadastro-table .title>span {
  color: #6CCA31;
  font-size: 11px;
  font-weight: 700;
}

.tdAcao {
  width: 98px;
  text-align: center;
}

.acao-icones {
  text-align: center;
}

#rowMetricasIntegracao .acao-icones a {
  padding-right: 0;
}

#rowEquipamento .row-field {
  padding-left: 0;
}

#rowEquipamento>.row-fields {
  padding-left: 0;
}

#consultaModeloVeiculo .acao-icones a+a {
  padding-left: 5px;
}

#consultaModeloVeiculo .acao-icones a {
  padding-right: 0;
}

#consultaModeloVeiculo .ml-30 {
  margin-left: 30px;
}

#consultaModeloVeiculo .consultaModeloVeiculo__container {
  display: flex;
  flex-direction: column;
}

#consultaModeloVeiculo .consultaModeloVeiculo__box {
  display: flex;
  gap: 8px;
}

#consultaModeloVeiculo .consultaModeloVeiculo__box .checkbox {
  margin: 0 !important;
}

#consultaModeloVeiculo .boxModal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 47%;
}

#consultaModeloVeiculo .ml-29 {
  margin-left: 29px;
}

#formConsultaVeiculo .acao-icones:nth-child(1) {
  padding-right: 0;
}

#rowDocumentacao .mt-20 {
  margin-top: 20px;
}

#rowDocumentacao .w-228 {
  width: 240px;
}

#rowDocumentacao .w-120 {
  width: 120px;
}

#rowDocumentacao .mr-0 {
  margin-right: 0;
}

#rowEquipamento .w-120 {
  width: 120px;
}

#rowMetricasIntegracao .cadastro-table {
  padding-right: 20px;
}

#formConsultaVeiculo .exportar-csv {
  background: #F4F6F6;
  color: #849C9D;
  font-weight: 600;
}

#formConsultaVeiculo .exportar-csv:hover {
  background-color: #95ca31;
  color: #fff;
}

#formConsultaVeiculo .opcoesExport:hover img {
  filter: brightness(0) invert(1);
}

#formConsultaVeiculo .opcoesDisplay .active,
.opcoesExport:hover {
  background-color: #95ca31;
  color: #fff;
}

#formConsultaVeiculo .opcoesExport span>span {
  display: contents;
  margin: 7px auto 0;
}

#formConsultaVeiculo .opcoesExport span img {
  margin-top: -3px;
}

#consultaModeloVeiculo .exportar-csv {
  background: #F4F6F6;
  color: #849C9D;
  font-weight: 600;
}

#consultaModeloVeiculo .exportar-csv:hover {
  background-color: #95ca31;
  color: #fff;
}

#consultaModeloVeiculo .opcoesExport:hover img {
  filter: brightness(0) invert(1);
}

#consultaModeloVeiculo .opcoesDisplay .active,
.opcoesExport:hover {
  background-color: #95ca31;
  color: #fff;
}

#consultaModeloVeiculo .opcoesExport span>span {
  display: contents;
  margin: 7px auto 0;
}

#consultaModeloVeiculo .opcoesExport span img {
  margin-top: -3px;
}

@media (max-width: 1367px) {
  .informacoesDespacho .informacoesDespacho__container {
    gap: 20px;
  }

  .informacoesDespacho .informacoesDespacho__titulo {
    width: 121px;
    font-size: 11.5px;
  }

  .informacoesDespacho .informacoesDespacho__unidade {
    font-size: 11.5px;
  }
}

/* FIM CSS das novas informações da Tela de Despacho */

/* Falhas do Motorista */
#falhasDoMotorista .campoObrigartoio {
  display: inline-block;
  color: #6CCA31;
  margin-left: 5px;
}

#falhasDoMotorista .w-dateTime {
  width: 517px;
  max-width: unset;
}

#falhasDoMotorista .datepickernovo+.datepickernovo {
  margin-left: 20px;
}

#falhasDoMotorista .datepickernovo_wrap .inputDateTime {
  display: flex;
  flex-wrap: wrap;
}

#falhasDoMotorista .datepickernovo_wrap .inputDateTime .input-group {
  display: flex;
  width: 100px;
}

#falhasDoMotorista .datepickernovo_wrap .inputDateTime label {
  width: 100%;
}

#falhasDoMotorista .input-group-addon {
  background: #EFEFEF;
  width: 30px;
  padding-left: 9px;
}

#falhasDoMotorista .fa-calendar {
  font-weight: 700;
}

#falhasDoMotorista {
  font-weight: 700;
}

.exportar-csv {
  background: #F4F6F6;
  color: #849C9D;
  font-weight: 600;
}

.exportar-csv:hover {
  background-color: #95ca31;
  color: #fff;
}

.opcoesExport:hover img {
  filter: brightness(0) invert(1);
}

.opcoesDisplay .active,
.opcoesExport:hover {
  background-color: #95ca31;
  color: #fff;
}

.opcoesExport span>span {
  display: contents;
  margin: 7px auto 0;
}

.opcoesExport span img {
  margin-top: -3px;
}

.exportar-csv {
  background: #F4F6F6;
  color: #849C9D;
  font-weight: 600;
}

.exportar-csv:hover {
  background-color: #95ca31;
  color: #fff;
}

.opcoesExport:hover img {
  filter: brightness(0) invert(1);
}

.opcoesDisplay .active,
.opcoesExport:hover {
  background-color: #95ca31;
  color: #fff;
}

.opcoesExport span>span {
  display: contents;
  margin: 7px auto 0;
}

.opcoesExport span img {
  margin-top: -3px;
}

.row-relatorioDoMotorista {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#falhasDoMotorista .row-btns {
  display: flex;
  align-items: center;
  gap: 10px;
}

#falhasDoMotorista .filter-bar .row-buttons {
  justify-content: center;
}

#falhasDoMotorista .select-exibicao-itens {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

#falhasDoMotorista .novo-criar-ux .combobox select {
  width: 60px;
  min-width: unset;
  margin-left: 10px;
}

#falhasDoMotorista .combobox select.dropdown {
  background: url(../img/select_drop_pq.png) 100% / 30px no-repeat #F4F6F6;
  font-size: 11px !important;
  height: 29px;
}

#falhasDoMotorista td {
  vertical-align: inherit;
}

#falhasDoMotorista .container-pagination {
  padding: 0 25px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#falhasDoMotorista .paginationBtn {
  display: flex;
  align-items: center;
}

#falhasDoMotorista .pagination {
  margin: 0 10px;
}

#falhasDoMotorista ul.pagination.ng-isolate-scope.ng-valid {
  float: unset;
}

#falhasDoMotorista .linkPagination {
  color: #4F4F4F;
  font-size: 11px;
  text-decoration: none;
}

#falhasDoMotorista .pagination>li:first-child>a,
.pagination>li:first-child>span {
  background-color: #F4F6F6;
  color: #4F4F4F;
  margin-right: 10px;
  border: none;
}

#falhasDoMotorista .pagination>li:last-child>a,
.pagination>li:last-child>span {
  background-color: #F4F6F6;
  color: #4F4F4F;
  margin-left: 10px;
  border: none;
}

a #falhasDoMotorista .pagination>.active>a {
  color: #4F4F4F;
}

#falhasDoMotorista .select2-container .select2-choice>.select2-chosen,
#falhasDoMotorista input {
  font-weight: 400 !important;
}

#modalIncluirFalhasDoMotorista {
  //width: 566px;
  width: 1000px;
  /*height: 597px;*/
  height: auto;
  padding: 20px;
  font-size: 10px;
  border-radius: 0 !important;
  border: none;
  box-shadow: none;

}


#modalIncluirFalhasDoMotorista h3 {
  text-transform: uppercase;
  color: #000000;
  font-weight: 700;
  font-size: inherit;
  margin-bottom: 20px;
}

#modalIncluirFalhasDoMotorista .size50 {
  width: 218px;
}

#modalIncluirFalhasDoMotorista .select2-container {
  width: 100%;
}

#modalIncluirFalhasDoMotorista div[data-clear] {
  display: none;
}

#modalIncluirFalhasDoMotorista .pl-0 {
  padding-left: 0;
}

#modalIncluirFalhasDoMotorista .form-group--container {
  width: 116px;
  display: flex;
  flex-direction: column;
}

#modalIncluirFalhasDoMotorista .mr-10 {
  margin-right: 10px;
}

#modalIncluirFalhasDoMotorista .dFlex-15 {
  display: flex;
}

.pdl-5 {
  padding-left: 3px;
}

/*
#modalIncluirFalhasDoMotorista .inputDataTime {
  width: 79px;
  background-color: #D7E2E2;
}

#modalIncluirFalhasDoMotorista .newBG {
  background-color: #D7E2E2;
}
*/
#modalIncluirFalhasDoMotorista .fa-clock-o,
#modalIncluirFalhasDoMotorista .fa-calendar {
  color: #777777;
}

#modalIncluirFalhasDoMotorista .campoObrigartoio {
  display: inline-block;
  color: #6CCA31;
  margin-left: 5px;
}

#modalIncluirFalhasDoMotorista .dFlex-13 {
  display: flex;
  gap: 13px;
}

#modalIncluirFalhasDoMotorista .select2-container .select2-choice>.select2-chosen {
  widtH: 100% !important
}

#modalIncluirFalhasDoMotorista .dFlex-js {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 60px;
}

#modalIncluirFalhasDoMotorista .container-form {
  width: 50%;
}


#modalIncluirFalhasDoMotorista .newRow {
  display: flex;
  margin: 0;
}

#modalIncluirFalhasDoMotorista .mr-15 {
  margin-right: 10px;
}

.tdCenter {
  text-align: center;
  vertical-align: inherit;
}

.td100 {
  width: 100px;
}

#modalIncluirFalhasDoMotorista #inputID,
#inputcredencial,
#modal-incluirFalhasDoMotorista textarea {
  background-color: #D7E2E2;
  border: solid 1px #e1e8ea;
}

#modal-incluirFalhasDoMotorista textarea line {
  background-color: #D7E2E2;
}

@media (max-width: 1367px) {
  #falhasDoMotorista .filter-bar .row-buttons {
    min-width: 284px;
  }

  #falhasDoMotorista .acao-icones {
    display: flex;
  }

  #falhasDoMotorista td {
    vertical-align: inherit;
    font-size: 10px;
  }

  #falhasDoMotorista .ui-dialog .ui-dialog-content {
    left: 0;
    width: 100vw;
  }

  .pdr-2 {
    padding-right: 2px;
  }

  .pdl-2 {
    padding-left: 2px;
  }
}

/* Fim do Falhas do Motorista */
/* inicio falhas do motorista */
#container .falhasDoVeiculo input,
select,
.select2-container .select2-choice,
.ui-select-container.select2.select2-container.ng-untouched.ng-pristine.ng-invalid.ng-invalid-required {
  border: none !important;
}

.falhasDoVeiculo .results-wrap .title {
  margin-bottom: 0 !important;
}

.falhasDoVeiculo .falhasDoVeiculoBox {
  width: 111px !important;
}

.falhasDoVeiculoContainer {
  margin-right: 10px;
}

.falhasDoVeiculoContainerSelect {
  width: 192px;
}

.falhasDoVeiculo .dFlexFuncionarios {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.falhasDoVeiculo .qtdResultados_select {
  top: 0 !important;
}

.falhasDoVeiculo .dFlexCombo {
  display: flex;
}

.falhasDoVeiculo .dFlexCombo__text {
  margin-right: 10px;
  font-size: 12px;
}

.falhasDoVeiculo .btn-csv {
  height: 30px;
  display: flex;
  align-items: center;
  padding: 3px 12px;
  margin: 0 15px;
  gap: 10px;
  background-color: #f4f6f6;
  color: #849c9d;
  border: none;
  font-weight: 700;
}

.falhasDoVeiculo .btn-csv .hideBarraNovaSmall i {
  background-color: none !important;
}

.falhasDoVeiculo .hideBarraNovaSmall {
  padding-top: 0;
  padding-left: 0;
}

.falhasDoVeiculo th {
  vertical-align: inherit;
  font-size: 10px;
}

#container .falhasDoVeiculo .table>tbody>tr>td {
  vertical-align: inherit;
}

#container .falhasDoVeiculo .falhasDoVeiculo__data {
  background: #efefef !important;
}

#container .falhasDoVeiculo .falhasDoVeiculo__data .fa {
  font-weight: 700;
}

.falhasDoVeiculo .rowFalhasDoVeiculo {
  display: flex;
  gap: 10px;
}

.falhasDoVeiculo .rowFalhasDoVeiculo button {
  width: 17px;
  height: 17px;
  border: none;
  background: none;
  padding: 0;
  transition: 0.5s all;
}

.falhasDoVeiculo .rowFalhasDoVeiculo button:hover {
  opacity: 0.9;
}

.falhasDoVeiculo .rowFalhasDoVeiculo button img {
  width: 100%;
  object-fit: cover;
}

.falhasDoVeiculo .dFlex-gap15 {
  display: flex;
  margin-bottom: 0;
  height: 68px;
}

.falhasDoVeiculo .w-large {
  width: 217px;
}

#container .falhasDoVeiculo .w-large div[data-clear] {
  display: none;
}

.falhasDoVeiculo .w-large .select2-container {
  width: 217px !important;
}

.falhasDoVeiculo .w-small {
  width: 87px;
}

.falhasDoVeiculo .w-full{
  width:100px !important;
}

#container .falhasDoVeiculo .w-small .datepickernovo_wrap .datepickernovo {
  width: 100%;
  font-size: 9px;
}

.falhasDoVeiculo .w-medium {
  width: 115px;
}

.falhasDoVeiculo .w-medium .select2-container {
  width: 115px !important;
}

.falhasDoVeiculo .w-medium .select2-container .select2-drop {
  width: 115px;
}

.falhasDoVeiculo .w-medium .select2-container .select2-choice {
  width: 115px;
}

.falhasDoVeiculo .w-medium .select2-container .select2-search input {
  width: 115px;
}

#container .falhasDoVeiculo .w-medium .select2-container .select2-choice>.select2-chosen {
  width: 100% !important;
  font-size: 11px;
}

.falhasDoVeiculo .w-small input {
  font-size: 11px !important;
  letter-spacing: -0.8px;
  padding-left: 3px;
}

.falhasDoVeiculo .input-group-addon {
  background: #aec90b;
  padding: 8px;
  border-radius: 0;
}

.falhaDoVeiculoArquivos {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-bottom: 3px;
}

.falhaDoVeiculoArquivos__titulo {
  color: #000000;
  font-size: 11px;
}

.falhaDoVeiculoArquivos__subTitulo {
  letter-spacing: -.6px;
  font-size: 9px;
  color: #343434;
  font-weight: 300;
}

.falhaDoVeiculoSelecionarArquivos {
  display: flex;
  align-items: flex-start;
}

.falhaDoVeiculoSelecionarArquivos__text {
  background-color: #ffffff;
  width: 151px;
  color: #606060;
  font-size: 10px;
  padding: 8px 7px;
  height: 31px;
}

.falhaDoVeiculoSelecionarArquivos__label {
  padding: 8px;
  background-color: #3598db;
  color: white;
  font-size: 12px;
  font-weight: 700;
  height: 31px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

#container .falhasDoVeiculo .falhaDoVeiculoSelecionarArquivos__file {
  display: none;
}

#container .falhasDoVeiculo .falhaDoVeiculoArquivos__evidenciasAnexadas {
  display: inline-block;
  font-size: 12px;
  color: #000000;
  font-weight: 700;
  margin-bottom: 15px;
}

#container .falhasDoVeiculo .novo-modal .modal-content {
  width: 489px;
}

#container .falhasDoVeiculo .modal.in .modal-dialog {
  width: 859px;
  left: 10%;
}

#container .falhasDoVeiculo textarea {
  width: 217px;
  resize: none;
}

.flex-end {
  justify-content: flex-end;
}

.margin-top--30 {
  margin-top: 30px;
}

.falhasDoVeiculo__arquivosUpload {
  width: 350px;
  height: 393px;
  background: white;
  margin-left: 20px;
  padding: 20px 15px;
}

.display-flex--flex-end {
  display: flex;
  align-items: flex-end;
}

.arquivosUpload__box {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.arquivosUpload__header {
  display: flex;
}

.arquivosUpload__header .arquivosUpload__header__titulo {
  font-size: 12px;
  font-weight: 700;
  color: #000000;
  margin-right: 5px;
}

.arquivosUpload__header .arquivosUpload__header__valor {
  font-size: 12px;
  font-weight: 700;
  color: #6cca31;
}

.arquivosUpload__main {
  margin-top: 30px;
  height: 238px;
  overflow: auto;
}

.arquivosUpload__file {
  display: flex;
  gap: 10px;
}

.arquivosUpload__file img {
  width: 18px;
  height: 18px;
}

.arquivosUpload__btns {
  display: flex;
  gap: 12px;
}

.arquivosUpload__btns button {
  border: none !important;
  background: none !important;
}


.margin-bottom--30 {
  margin-bottom: 30px;
  padding-right: 10px;
}

.arquivosUpload__box--traco {
  position: relative;
}

#container .falhasDoVeiculo .modalFalhasDoVeiculo {
  font-size: 12px;
  font-weight: 700;
  color: #000000 !important;
  margin-right: 5px;
}

.arquivosUpload__box--traco::after {
  position: absolute;
  content: '';
  background-color: #0000001f;
  bottom: -16px;
  left: 48%;
  transform: translateX(-50%);
  width: 300px;
  height: 1px;
}

.falhasDoVeiculo__btnUpload {
  text-align: center;
  margin-top: 22px;
}

.falhasDoVeiculo__btnUpload--label {
  background-color: #3598db;
  padding: 10px;
  font-size: 12px;
  font-weight: 700;
  color: white;
  cursor: pointer;
}

.falhasDoVeiculo__btnUpload--file {
  display: none;
}


#container .falhasDoVeiculo .x-none .fa-times {
  display: none !important;
}

#container .falhasDoVeiculo .m-right-15 {
  margin-right: 15px;
}

#container .falhasDoVeiculo .requiredFlag {
  color: #6cca31;
}

#container .falhasDoVeiculo .mLEft-5 {
  margin-left: -5px;
}

#container .falhasDoVeiculo .m-top-10 {
  margin-top: -10px;
}

#container .falhasDoVeiculo .align-right {
  margin-left: auto;
  padding-left: 18px;
}

.falhasDoVeiculo .dFlex-gap15-between {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  height: 68px;
}

#container .falhasDoVeiculo .falhaDoVeiculoLocalizacao {
  width: 105px !important;
  min-width: 105px !important;
  max-width: unset !important;
}

#container .falhasDoVeiculo .falhasDoVeiculoLabelArquivos {
  margin-bottom: 0 !important;
}

@media (max-width: 1367px) {
  .falhasDoVeiculo .filter-bar .row-buttons {
    justify-content: center !important;
  }

  .falhasDoVeiculo .hEdicaoViagensNovo .row-fields {
    padding-right: 92px !important;
  }

  .falhasDoVeiculo th {
    font-size: 11px;
    vertical-align: inherit !important;
    width: 100%;
    min-width: 97px;
    max-width: 200px;
  }

  .falhaDoVeiculoArquivos__titulo {
    font-size: 11px;
  }

  .tFalhasDoVeiculo th {
    cursor: pointer;
  }

  #container .falhasDoVeiculo .stick-table {
    position: sticky !important;
    top: 0px !important;
    right: 0 !important;
  }

  #container .falhasDoVeiculo .last-td {
    background: white;
  }

  #container .falhasDoVeiculo .falhaDoVeiculoDefeitoCompleto {
    width: 200px !important;
    min-width: 200px !important;
    max-width: unset !important;
  }

  .tFalhasDoVeiculo tr:hover .last-td {
    background-color: #dbeff4 !important;
  }

  .falhaDoVeiculoArquivos__subTitulo {
    letter-spacing: -.4px;
  }
}

/* fim falhas do motorista */

.pd-15 {
  padding: 15px;
}

.justify-content--center {
  justify-content: center !important;
}

.pd-top-15 {
  padding-top: 14px;
}

.rowUpload-arquivos--container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

.rowUpload-arquivos--container span {
  font-size: 9px;
  font-weight: 600;
}

#formCadastroVeiculo {
  height: auto;
}

#formCadastroVeiculo .novoRelatorio {
  height: 100%;
}

#formCadastroVeiculo .filter-bar {
  height: 100%;
}

#formCadastroVeiculo .clearfix {
  background: #e1e8ea;
}

#formCadastroVeiculo .select-novo-padrao {
  width: 229px;
  margin-right: 27px;
  flex: none !important;
}

#formCadastroVeiculo .select-novo-padrao .ui-select-container,
#formCadastroVeiculo .select-novo-padrao-2 .ui-select-container {
  width: 95% !important;
}

#formCadastroVeiculo .input-novo-padrao {
  width: 229px !important;
}

#formCadastroVeiculo .mr-28 {
  margin-right: 28px;
  width: 256px;
}

#formCadastroVeiculo .mr-30 {
  margin-right: 30px;
}

#formCadastroVeiculo .mr-20 {
  margin-right: 19px;
}

#formCadastroVeiculo .select-novo-padrao-2 {
  width: 258px;
  margin-right: 27px;
  flex: none !important;
}

#formCadastroVeiculo .mt-10- {
  margin-top: 0 !important;
}

#formCadastroVeiculo .w-ajuste {
  width: 257px;
}

#formCadastroVeiculo .radio-ajustes {
  margin-left: -5px !important;
  margin-top: 0 !important;
  margin-right: 18px !important;
}

#formCadastroVeiculo .reset-radio {
  margin-right: 0 !important;
  margin-top: 0 !important;
}

#formCadastroVeiculo .mt-10 {
  margin-top: 10px;
}

#formCadastroVeiculo .select-novo-padrao-3 {
  width: 262px !important;
  margin-right: 0 !important;
}

#formCadastroVeiculo .select-novo-padrao-3 .ui-select-container {
  width: 94.8% !important;
}

#formCadastroVeiculo .lastcomboDatas {
  width: 281px;
}

.h-70 {
  height: 60px;
}

.no-h {
  height: 0;
}

#formCadastroVeiculo .mb-10 {
  margin-bottom: 10px;
}

#formCadastroVeiculo .mt-15 {
  margin-top: 15px;
}

.modalEdicaoViagem .sweet-alert {
  left: 50%;
  transform: translateX(-50%);
}

.dFlexFstart {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.tdRight {
  text-align: right;
  padding-right: 10px !important;
}

.tAlignRight {
  text-align: right;
}

.ui-dialog-titlebar .fa-map-pin {
  margin-right: 5px;
}

.mt-22 {
  margin-top: -22px;
}

.w-100 {
  width: 100%;
}

.pd-0 {
  padding-top: 0 !important;
}

.pd-15 {
  padding-left: 15px !important;
}

.pontosEncontrados {
  margin-right: 5px;
}

.mf-35 {
  margin-left: 35px !important;
}

.previsaoTextArea .filter-chosen {
  height: 70px;
  border: solid 1px #e1e8ea;
  background-color: #ffffff;
  padding-left: 5px;
}

.previsaoTextArea .filter-chosen .labelFiltro {
  background-color: #c3d4d5;
  color: #000000;
  font-weight: bold;
  margin-top: 4px;
}

.vtBaseline {
  vertical-align: baseline !important;
}

.gap-37 {
  gap: 37px;
}

.bt-10 {
  bottom: -10px;
}

.selectFuncionario .select2>.select2-choice.ui-select-match {
  height: 50px;
  display: flex;
  align-items: center;
}

/* body .selectFuncionarioBox #selectFuncionarioTheme .select2-container .select2-choice > .select2-chosen {
  width: 100% !important;
  margin-right: 0;
} */

.selectFuncionario .select2-container .select2-choice .select2-arrow b {
  background-position-y: center;
}

.selectFuncionario .ui-select-container.select2.select2-container.ng-untouched.ng-pristine.ng-invalid.ng-invalid-required {
  border: none !important;
}

.inputFuncionarios input,
select,
.select2-choice {
  height: 30px !important;
  border: none !important;
}

.funcionarios__selecioneImagens {
  font-weight: 700;
  margin-left: 10px;
  margin-right: 5px;
  font-size: 12px;
  color: #343434;
}

.funcionarios__formatos {
  font-weight: 300;
  font-size: 12px;
  color: #343434;
  font-weight: bold;
}

.funcionarios__iconeArquivos {
  width: 18px;
  height: 18px;
}

.funcionariosContainer {
  display: flex;
  width: 100%;
}

.funcionariosArquivosBox {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.funcionariosArquivos {
  margin-top: 15px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.funcionariosArquivosTop {
  display: flex;
  align-items: flex-start;
}

.funcionariosArquivos span {
  margin-right: 35px;
  line-height: 1.1;
}

.funcionariosArquivos input[type="file"] {
  display: none;
}

.funcionariosArquivos label {
  cursor: pointer;
  display: block;
  position: relative;
  padding: 7px 12px;
  text-transform: uppercase;
  color: white;
  font-size: 11px;
  font-weight: 700;
  background-color: #849C9D;
  margin-right: 41px;
}


.funcionariosArquivos .labelUm::before {
  position: absolute;
  content: "";
  background-color: #849C9D;
  width: 1px;
  height: 35px;
  top: 0;
  right: -21px;
}

.funcionariosArquivos .labelDois::before {
  position: absolute;
  content: "";
  background-color: #849C9D;
  width: 1px;
  height: 35px;
  top: 0;
  right: -21px;
}

.funcionariosArquivos .labelTres::before {
  position: absolute;
  content: "";
  background-color: #849C9D;
  width: 1px;
  height: 35px;
  top: 0;
  right: -21px;
}

.funcionariosArquivos .labelQuatro::before {
  position: absolute;
  content: "";
  background-color: #849C9D;
  width: 1px;
  height: 35px;
  top: 0;
  right: -21px;
}

.funcionariosDocumentos {
  font-size: 10px;
  font-weight: 700;
  margin-top: 15px;
}

.funcionariosDocumentos span {
  margin-right: 0 !important;
}

.funcionariosDocumentos button {
  border: none;
  border-radius: 50%;
}

.funcionariosDocumentos button:nth-child(1) {
  margin-left: 22px;
  margin-right: 11px;
  margin-top: 15px;
}

.funcionariosDocumentos .btn-excluir {
  background-color: transparent;
  margin-right: 35px;
}

.funcionariosDocumentos .btn-download {
  margin-left: 20px;
  background-color: transparent;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

#mainContainer .bottom-butons {
  background-color: #f7f7f7 !important;
}

.cverdem2m {
  margin-left: 5px;
}

.w-17 {
  width: 17.6% !important;
}

.padding-15 {
  padding: 0 15px;
}

.w-10 {
  width: 10% !important;
}

.w-28 {
  width: 28.2% !important;
}

.novoRelatorio #mainContainer {
  padding-top: 20px !important;
}

#mainContainer form {
  background-color: #f7f7f7;
}

#container #registroFuncionariosCadastro .w-18 {
  width: 18% !important;
}

#container #registroFuncionariosCadastro .w-18 label {
  margin-right: 0;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

#container #registroFuncionariosCadastro .btn-mostrarHistorico,
#container #registroFuncionariosCadastro .btn-mostrarReprocessarCartao {
  padding: 6px 18px !important;
}

#container #incluirHistoricoEmpresa .modal-dialog {
  width: 489px;

}

#container #incluirHistoricoEmpresa .modal-dialog .mostrarHistoricoEmpresa {
  max-height: 500px;
}

#container #incluirHistoricoEmpresa .modal-dialog .mostrarHistoricoEmpresa__box {
  overflow: auto;
  height: 340px;
  max-height: 340px;
}

#container #incluirHistoricoEmpresa .modal-dialog .mostrarHistoricoEmpresa__box::-webkit-scrollbar-corner {
  display: none;
}

#container #incluirHistoricoEmpresa .modal-dialog .mostrarHistoricoEmpresa__box .mostrarHistoricoEmpresa__container {
  position: relative;
}

#container #mostrarHistoricoEmpresa .modal-dialog .mostrarHistoricoEmpresa__box .mostrarHistoricoEmpresa__container::before {
  position: absolute;
  content: "";
  background: #00000021;
  width: 96%;
  height: 1px;
  bottom: 11px;
  left: 0;
}

#container #mostrarHistoricoEmpresa .modal-dialog ,#container #mostrarreprocessarcartao .modal-dialog{
  width: 489px;

}

#container #mostrarHistoricoEmpresa .modal-dialog .mostrarHistoricoEmpresa,
#container #mostrarreprocessarcartao .modal-dialog .mostrarreprocessarcartao {
  max-height: 500px;
}

#container #registroFuncionariosCadastro .mostrarHistoricoEmpresa__date {
  width: 153px;
}

#container #mostrarHistoricoEmpresa .modal-dialog .mostrarHistoricoEmpresa__box,
#container #mostrarreprocessarcartao .modal-dialog .mostrarreprocessarcartao__box {
  overflow: auto;
  height: 340px;
  max-height: 340px;
}

#container #mostrarHistoricoEmpresa .modal-dialog .mostrarHistoricoEmpresa__box::-webkit-scrollbar-corner {
  display: none;
}

#container #mostrarHistoricoEmpresa .modal-dialog .mostrarHistoricoEmpresa__box .mostrarHistoricoEmpresa__container {
  position: relative;
}

#container #mostrarHistoricoEmpresa .modal-dialog .mostrarHistoricoEmpresa__box .mostrarHistoricoEmpresa__container::before {
  position: absolute;
  content: "";
  background: #00000021;
  width: 96%;
  height: 1px;
  bottom: 11px;
  left: 0;
}

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

#container #registroFuncionariosCadastro .datepickernovo_wrap .datepickernovo .input-group-addon {
  background: #EFEFEF;
}

#container #registroFuncionariosCadastro .datepickernovo_wrap .datepickernovo .input-group-addon .fa-calendar {
  font-weight: 700;
}

@media (max-width: 1367px) {
  #registroFuncionarios .filter-bar {
    height: 171px;
  }

  #registroFuncionarios .filter-bar .row-buttons {
    width: 100%;
    min-width: unset;
    justify-content: center;
    flex: unset;
    margin-top: 10px;
  }

  #registroFuncionariosCadastro .w-17,
  .w-1366,
  .w-10 {
    width: 25% !important;
  }

  .funcionariosArquivos span {
    font-size: 10px;
    margin-right: 10px;
  }

  .funcionariosArquivos label:last-child {
    margin-right: 0;
  }

  .funcionariosDocumentos .btn-download {
    margin-left: 5px;
  }

  .funcionariosDocumentos .btn-excluir {
    margin-right: 0;
  }

  #container #registroFuncionariosCadastro .btn-mostrarReprocessarCartao {
    margin-left: 57px;
  }
}



#selectStatusIdoneidade {
  color: #555555 !important;
  border: none;
  width: 228px;
  height: 30px;
  line-height: 30px;
  display: block;
  padding: 0 0 0 8px;
  overflow: visible !important;
  position: relative;
  white-space: nowrap;
  color: #444;
  text-decoration: none;
  border-radius: 0px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  font-size: 11px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

}



.rowPrevisao {
  display: flex;
  flex-wrap: wrap;
}

.dFlex {
  display: flex !important;
}

.dFlexGap {
  display: flex;
  gap: 16px;
}

.dFlexBt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.selectPrevisao {
  width: 280px !important;
}

.selectPrevisao__select {
  width: 280px;
}

.containerPrevisao {
  width: 280px;
  height: 30px;
  margin-left: 15px;
}

.containerPrevisao__input label {
  padding: 0 7px;
}

.bg-branco-claro {
  background-color: #F4F4F4;
}

.backgroundUnset {
  background-color: #F8F8F8 !important;
  padding-top: 0 !important;
  height: 99px;
}

.containerPrevisao input {
  width: 280px;
}

.containerPrevisao__input input {
  width: 280px;
}

.containerPrevisao__input {
  width: 280px;
  height: 30px;
  margin: 0 7px;
}

.containerPrevisao__input label {
  padding: 0 7px;
}

.containerPrevisao__input {
  width: 280px;
}

.mtop-16 {
  margin-top: 16px;
}

.radioPlanejamento {
  display: inline-block;
  margin-left: 35px;
}

.radioPlanejamento label:before {
  border-radius: 0;
}

.padleft-15 {
  padding-left: 15px;
}

.previsaoTextArea {
  display: inline-block;
  padding: 0 30px;
  padding-right: 17px;
  width: 345px;
  height: 90px;
}

.previsaoTextArea textarea {
  max-width: unset !important;
  width: 345px;
  height: 52px;
}

.dFlexFstart {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.tdRight {
  text-align: right;
  padding-right: 10px !important;
}

.tAlignRight {
  text-align: right;
}

.ui-dialog-titlebar .fa-map-pin {
  margin-right: 5px;
}

.mt-22 {
  margin-top: -22px;
}

.w-100 {
  width: 100%;
}

.pd-0 {
  padding-top: 0 !important;
}

.pd-15 {
  padding-left: 15px !important;
}

.pontosEncontrados {
  margin-right: 5px;
}

.mf-35 {
  margin-left: 35px !important;
}

.previsaoTextArea .filter-chosen {
  height: 70px;
  border: solid 1px #e1e8ea;
  background-color: #ffffff;
  padding-left: 5px;
}

.previsaoTextArea .filter-chosen .labelFiltro {
  background-color: #C3D4D5;
  color: #000000;
  font-weight: bold;
  margin-top: 4px;
}

/* Ocultar atalhos Mapa */
#map-canvas .leaflet-control-zoom:nth-child(1) {
  display: none !important;
}

#map-canvas .leaflet-control-container .leaflet-top > .leaflet-control-fullscreen:nth-child(2) {
  display: none !important;
}
/* fim Ocultar */

#linkAlterarSenha {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  padding-left: 10px !important;
}