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

@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700&display=swap);

*,
*: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:  'Rubik' !important;
  /*font-weight: 300;*/

  font-size: 100%;

}

a, a:hover, a:active, a:visited, a:focus{
  border:none;
  outline: none;
}
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;
}
#container{
  height: 100%;
  /*overflow-y: scroll;*/
  overflow-y: visible;
  overflow-x: hidden;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}
#container input{
  border-radius:0px;
}
.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: #aec90c;
}
.loadingG i{
  text-align: center;
  font-size: 450%;
  color: #aec90c;
}
.loadingM i{
  text-align: center;
  font-size: 300%;
  color: #aec90c;
}
.loadingP, .loadingG, .loadingM{
  text-align: center;
}
#container .navbar-default{
  background-color: #ecf0f1;
}
/*ICONS*/
#container .fa-list {
  font-size: 32px;
  padding: 10px;
  color: #aec90c;
  font-weight: 300;
}

#container .fa-list:hover,
#container .fa-list:focus,
#container .fa-list:active{
  color: white;
  background: #aec90c;
  text-decoration: none;
  border: none!important;
  outline: 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: 20px;
  font-weight: 400;
  padding-top: 20px;
  padding-bottom: 20px;
}
.titulosPagina i{
  color: #999999;
  font-size: 24px;
}
.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{
   -webkit-box-shadow: 2px -2px 3px 0px rgba(50, 50, 50, 0.09);
  -moz-box-shadow: 2px -2px 3px 0px rgba(50, 50, 50, 0.09);
  box-shadow: 2px -2px 3px 0px rgba(50, 50, 50, 0.09);
  background: #f6f7f8; /* Old browsers */
  background: -moz-linear-gradient(top,  #f6f7f8 0%, #f6f7f8 44%, #ffffff 90%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f7f8), color-stop(44%,#f6f7f8), color-stop(90%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f6f7f8 0%,#f6f7f8 44%,#ffffff 90%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f6f7f8 0%,#f6f7f8 44%,#ffffff 90%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f6f7f8 0%,#f6f7f8 44%,#ffffff 90%); /* IE10+ */
  background: linear-gradient(to bottom,  #f6f7f8 0%,#f6f7f8 44%,#ffffff 90%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  border-bottom: none!important;
  color: #535353;
  border-right: solid 2px #dcdedf;
  font-size: 12px;
}
#container .nav-tabs > li > a{
  -webkit-box-shadow: 2px -2px 3px 0px rgba(50, 50, 50, 0.09);
  -moz-box-shadow: 2px -2px 3px 0px rgba(50, 50, 50, 0.09);
  box-shadow: 2px -2px 3px 0px rgba(50, 50, 50, 0.09);
  background: #ecebeb;
  color: #535353;
  border-right: solid 2px #c4c4c4;
  border-bottom: none!important;
  font-size: 12px;
}
.btnNormal{
  width: 210px;
  height: 44px;
  margin-left: 20px;
}
.btnPq{
  width: 100px;
  height: 44px;
}
.btnMedio{
  width: 150px;
  height: 44px;
}
.btnXPq{
  width: 80px;
  height: 44px;
  font-size: 95%!important;
}
.fright{
  float: right;
}
.botoesplanej{
  width: 95%;
  margin-left: 2.5%;
}
.btn-azul{
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #2d8dd6;
  border: solid 1px #3a93d7;
  border-bottom: 2px solid #2974ae!important;
  cursor: pointer;
  border-radius: 0px!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;
}
.btn-links{
  background: transparent;
  color: #9ABB28!important;
  text-shadow: none;
  border: 0px;
  cursor: pointer;
  border-radius: 0px!important;
  font-size: 12.5px!important;
}
.btn-links:hover,.btn-links:active,
.btn-links:focus{
  color: #C5D97F!important;
}
/*#container .btnNormal:hover,
#container .btnNormal:focus,
#container .btnNormal:active{
  background-color: #b6ce24;
  border: 1px solid #aec90c;
}
#container .btnPq{
  font-size: 16px;
  color:#535353;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  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: 100px;
  height: 44px;
  font-weight: 300;
}
#container .btnPq:hover,
#container .btnPq:focus,
#container .btnPq:active{
   background-color: #edf1f2;
    border: 1px solid #ecf0f1;
    color: #535353;

}
#container .btnCinza{
  font-size: 120%;
  color:#535353;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  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: 120px;
  height: 44px;
  font-weight: 300;
}
#container .btnCinza:hover,
#container .btnCinza:focus,
#container .btnCinza:active{
  background-color: #edf1f2;
  border: 1px solid #ecf0f1;
  color: #535353;
}*/

a.logo-gpv {
  position: relative;
  font-size: 20px;
  color: #555;
  display: block;
  left: 72px;
  top: -40px;
  background-image: url(../img/logom2m2x.png);
  background-repeat: no-repeat;
  background-size: 120px 25px;
  width: 120px;
  height: 25px;
  text-indent: -90000px;
}
/* DIVS & SECTIONS */
.wrap {
  width: 100%;
}
.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: bold;
}
.userinfo a{
  color:#869b09;
  font-size: 14px;
  padding-left: 10px;
  text-decoration: none;
}
.userinfo a:hover, a:active, a:focus{
  text-decoration: underline;
  color:#869b09;
}
.resultadosbusca{
  width: 95%;
  border: solid 1px #ccc;
  background-color: #aec90c;
  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: #aec90c;
  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*/
.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;
}
.custom-file-input2::before {
  font-family: FontAwesome;
  content: '\f093 \00a0 Importar 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;
}
/*BOTAO UPLOAD*/

/*LABELS/CHECKBOX/FORM*/
#container label{
  font-weight: 300;
}
.form-1{/*Formulario central LOGIN*/
  margin-left: 10%;
  width: 80%;
}
.form-2{/*Formulario full width internas*/
  width: 100%;
  overflow: hidden;
  padding-bottom: 20px;
}
.formularios label{
  font-weight: 300;
  font-size: 97%;
}
.formularios input[type="text"], input[type="email"], input[type="password"], input[type="date"], input[type="number"],input[type="search"]{
  border-radius: 0px;
  height: 50px;
}
.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-color: #a94442;
  background-color: #f7ebeb;
}
.formularios .has-error .select2-container .select2-choice{
  border-color: #a94442;
  background-color: #f7ebeb;
}
.formularios .has-error .form-control {
  border-color: #a94442;
  box-shadow: none;
}
.formularios .has-error .form-control:focus {
  border-color: #843534;
  box-shadow: none;
}
.formularios .checkbox-inline{
  font-size: 18px;
}
.formularios p{
  padding: 10px;
}
.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: 0px;
  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;
}
#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: #737373;
  padding: 0px;
  font-size: 12px;
}
.combobox .dropdown li{
  font-size: 120%;
}
.radioCheckbox .radio label,
.radioCheckbox .checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  left: 15px;
  padding-left: 28px;
  margin-right: 20px;
  font-size: 17px;
}
.checkSenha .radio label,
.checkSenha .checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  left: 15px;
  padding-left: 28px;
  margin-right: 20px;
  color:#404040;
  font-weight: 500;
  margin-left:11px;

}
input[type=radio],
input[type=checkbox] {
  display: none;
}
.radio label:before,
.checkbox label:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: #f8f8f8;
  border: 1px solid #aaa;
}
.radio label:before {
  border-radius: 10px;
}
.checkbox label {
  margin-bottom: 10px;
}
.checkbox label:before {
  border-radius: 0px;
}
input[type=radio]:checked + label:before {
  content: "\2022";
  color: #666;
  font-size: 46px;
  text-align: center;
  line-height: 16px;
}
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 {
  /*text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);*/
  font-family: FontAwesome;
  content: '\f00c';
  font-size: 15px;
  color: #666;
  text-align: center;
  line-height: 15px;
}
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: 52px;
}
.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;/*aqui*/
  -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;
  /*border-bottom: solid 1px #ccc;*/
  color: #333333;
  font-size: 18px;
  font-weight: 300;
  /*box-shadow: inset 0 -1px rgba(0,0,0,0.2);*/
  /*text-shadow: 0 0 1px rgba(255,255,255,0.1);*/
  -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 {/*aqui*/
  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 {
  /*right: 10px;*/
  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;
  border-bottom: solid 1px #e7e7e7;
  height: 85px;
}
.menuTitulo p{
  color: #B6D054;
  padding-left: 15px;
  /*font-size: 22px;*/
  font-size: 18px;
  font-weight: 400;
  margin-top: 15px;
}
/* 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: solid 1px #bdc3c7;

  -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;
}

/*.dropdown.focus:after{
  background: #aec90b;
}*/

/* CARAT */

.dropdown .carat,
.dropdown .carat:after{
  /*content: '';
    position: absolute;
    right: 2%;
    top: 50%;
    margin-top: -4px;
    border: 8px solid #aec90b;
    border-top: 8px solid #fff;
    z-index: 2;*/
  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;
  /*
    -webkit-transform-origin: 50% 20%;
    -moz-transform-origin: 50% 20%;
    -ms-transform-origin: 50% 20%;
    transform-origin: 50% 20%;*/

}

/*.dropdown .carat:after{
  margin-top: -10px;
  right: -8px;
  border-top-color: #f8f8f8;
}*/

.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*/
/*TELA HOME - AREA*/
/*#map-canvas {
  width:100%;
    height:calc(100% - 0);
    position:absolute;
    right:0;
    top:54px;
    bottom:0;
    left:0;
    overflow:hidden;
    border-top: solid 1px #bdc3c7;
}*/
.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;
}
.headerMap{
  background-color: #fff;
  width: 99.2%;
  height: 48px;
  position: absolute;
  top: 54px;
  left: 0;
}
.headerMap h2{
  text-align: left;
  margin-left: -35px;
}
.totalCarros{
  background-color: #7f8c8d;
  min-width: 200px;
  height: 69px;
  color: #fff;
  position: absolute;
  left: 17.2%;
  top:0;
  z-index: 2;
  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;
}
.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;
}
/*TELA visualizar - AREA*/

/*TELA detalhamento - AREA*/
#conteudoDivido{
  width:46.5%;
  /*height:calc(100% - 0);*/
  position:absolute;
  right:0;
  top: 102px;
  bottom:0;
  right:0;
  padding-left: 5px;
  overflow-x: hidden;
  border-top: solid 1px #bdc3c7;
  background-color: #fff;
  /*overflow-y:scroll; */
     -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 .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;
}
.divididoverde span,
.divididoverde i,
.averde span,
.averde i,
.avermelho span,
.avermelho i{
  color: #798586;
  font-size: 120%;
  font-weight: bold;
  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;
}
.divididovermelho span,
.divididovermelho i,
.averde span,
.averde i,
.avermelho span,
.avermelho i{
  color: #798586;
  font-size: 120%;
  font-weight: bold;
  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: #aec90c;
  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{/*pos homologacao*/
  /*margin-bottom: 20px;*/
  /*pos homologacao*/
  min-height: 260px;
}
#Scroll{
  overflow-y: scroll;
  height: 500px;
}
#wrapMapDividoG{/*pos homologacao*/
  width: 75%;
  height: calc(100% - 0);
  position: absolute;
  left: 0;
  top: 123px;
  bottom: 0;
  left: 0;
  overflow: hidden;
  /*padding-left: 250px;*/
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#conteudoDividoP{/*pos homologacao*/
  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;
}

#conteudoDividoP .colunaCarros{/*pos homologacao*/
  float: right;
  width: 80%;/*06/03*/
}
/*TELA detalhamento - AREA*/

/*TELA criar mapa - AREA*/
#conteudoDividoCriar{
  border-top: solid 1px #bdc3c7;
  background-color: #fff;
  padding-bottom: 20px;
  position: absolute;
  top: 53px;
  right: 0px;
  bottom: 0px;
  overflow-x:hidden;
  width: 46.5%;
  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;
}
#conteudoDividoCriar form{
  width: 95%;
  margin-left: 2.5%;
}
#conteudoDividoCriar label{
  margin-bottom: 8px;
  margin-top: 20px;
}
#conteudoDividoCriar label:first-child{
  margin-top: 0px;
}
#conteudoDividoCriar h4{
  margin-left: 2.5%;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
}
#container #conteudoDividoCriar .btnXG{
  width: 165px!important;
}
#wrapMapDividoCriar{
  width: 53.5%;
  height: calc(100% - 0);
  position: absolute;
  left: 0;
  top: 54px;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
  /*padding-left: 250px;*/
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.opcoesCores{
  margin-top: 40px;
}
.opcoesCores .carea{
  display: block;
  margin-top: 10px;
  cursor: pointer!important;
}
.opcoesCores .col-md-1{
  width: 30px;
  height: 30px;
  margin-left: 15px;
}
.opcoesCores .col-md-1:hover,
.opcoesCores .col-md-1:active,
.opcoesCores .col-md-1.active,
.opcoesCores .col-md-1:focus{
  outline: 4px #bdc3c7 solid;
}
.controlesMapa .col-md-1:hover,
.controlesMapa .col-md-1:active,
.controlesMapa .col-md-1.active,
.controlesMapa .col-md-1:focus{
  outline: 4px #bdc3c7 solid;
}
.verde{
  background-color: #27AE60!important;
}
.azul{
  background-color: #3498DB!important;
}
.vermelho{
  background-color: #E74C3C!important;
}
.laranja{
  background-color: #E67E22!important;
}
.amarelo{
  background-color: #F1C40F!important;
}
.roxo{
  background-color: #9B59B6!important;
}
.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: 40px;*/
  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
#container .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #555555;
background-color: transparent;
border: 0px;
border-bottom-color: transparent;
cursor: default;
border-radius: 0px;
}
#container .nav-tabs > li > a:hover{
  border: 0px;
  background-color: transparent;
}
#container .nav-tabs > li > a:hover{
  border: 0px;
}
#container .nav > li > a:hover, .nav > li > a:focus{
  background-color: transparent;
  text-decoration: none;
}
#container .nav-tabs > li > a{
  margin-right: 0px;
  line-height: 1.42857143;
  border: 0px;
  border-radius: 0px;
}*/
.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);
}
/*#abaDados ul {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  width: 100%;
  height: 60px;
  display: block;
  vertical-align: middle;
}
#abaDados li {
  cursor: crosshair;
  position: relative;
  float: left;
  background: #f5f7f8;
  line-height: 20px;
  margin-right: 22px;
}
#abaDados a {
  display: block;
  text-decoration: none;
  color: #535353;
  text-transform: capitalize;
}
#abaDados li:first-of-type {
  margin-left: 30px;
}
#abaDados li:last-of-type {
  margin-right: 0px;
}
#abaDados li:before {
    content: "";
    position: absolute;
    background: none;
    border-left: 20px solid transparent;
    border-right: 0px solid transparent;
    border-top: 40px solid #f5f7f8;
    left: -20px;
    top: 0;
}
#abaDados li:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 40px solid #f5f7f8;
    right: -20px;
    top: 0;

}
#abaDados li:first-of-type:before {
    border: none;
    width: 10px;
    height: 40px;
    background: #f5f7f8;
    left: -10px;
}

#abaDados li:hover {
  cursor: pointer;
  background: #aec90c;
}
#abaDados a:hover{
  color: #fff;
}
#abaDados a:first-of-type:hover:before {
  color: #fff;
}
#abaDados li:hover:before {
  border-top: 40px solid #aec90c;
}
#abaDados li:hover:after {
  border-bottom: 40px solid #aec90c;
}
#abaDados li:first-of-type:hover:before {
  background: white;
  width: 10px;
    height: 0px;
}*/
.panel-body #d2{/* 06/03*/
  padding: 10px;
  width: 95%;
  margin-left: 2.5%;
  margin-top: 10px;
  font-size: 100%;
  padding-left: 0px;
}
#d2 .bordacontent {
  padding: 10px;/*06/03*/
  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: bold;
  float: left;
  margin-left: -15px;
  margin-top: -10px;/* 06/03*/
}
.tab-content{
  margin-top: -20px
}
.outroBox{
  display: none;
  max-width: 500px;/* 06/03*/
  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;/* 06/03*/
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 18px;/*pos homologacao*/
  font-size: 95%;
}
.boxCarros{
  width: 519px;/* 06/03*/
}

.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;
}
/*#conteudoDivido::-webkit-scrollbar { width: 0 !important; display: none; } /*retira barra de rolagem*/
.averde{
  /*background-color: #ededed;
    height: 635px;
    overflow-y: scroll;
    padding-top: 5px;*/ /*mudança 25/02*/
  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;
}


/*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{
  width: 99%;
  margin-left: 5px!important;
  height: 98%;
  margin-top: -5px;
  overflow-x:hidden;
}
.areasCarros_frota .col-md-1{
  height: 635px;/*pos homologacao*/
  width: 12.5%;
}
.areasCarros_frota .tituloCarros_f h4{
  color: #535353;
  font-size: 13px;
  text-align: left;
  line-height: normal;
  font-weight: 400;
  height: 36px;
}
.areasCarros_frota .tituloCarros_f{
  width: 100%;
  display: inline-block;
  font-size: 14px;
  color: #535353;
  background-color: #f5f5f5;
  outline: solid 1px #ccc;
  border-top: 0px;
  padding-left: 8px;
  border-bottom: 2px solid #dadedf;
  clear: both;
  padding-bottom: 6px;
  height: 85px;
}
.areasCarros_frota .azulBox{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 6px;
    font-size: 10.5px!important;
    min-width: 70px!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: -23px;
    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: 50%;
  margin-left: 0px;
  padding-left: 0px;
}
.areasCarros_frota .igni{
  position: relative;
  top: -15px;
  font-size: 9px;
  left: 20px;
}
.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;
}
/* TELA FROTA*/


.areasCarros .col-md-1{
  height: 635px;/*pos homologacao*/
  width: 25%;
}
.averde p{
  margin-bottom: 25px;
}
.conteudoverde{
  width: 100%;
  padding-left: 10%;
  height: 550px;/*pos homologacao*/
  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;/*POS HOMOLOGAÇÃO*/
}
.tituloCarros h4{
  color: #535353;
  font-size: 18px;/*POS HOMOLOGAÇÃO*/
  text-align: left;
  line-height: normal;
  font-weight: 400;
}
.nomeArea{
  width: 64%;
  display: inline-block;
  padding: 10px;
  font-weight: bold;
  /*line-height: 36px;*/
  /*border-right: 1px #ccc solid;*/
}
.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: 180%;
  color: #666666;
  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;
  outline: 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;/*POS HOMOLOGAÇÃO*/
  text-align: center;
  line-height: normal;
  font-weight: 400;
  width: 85%;
}
.dashboard .tituloapendice a{
  width: 7%;
  position: absolute;
  right: 20px;
  top: 20px;
}
.dashboard .tituloapendice .fa-map-marker{
  color: #666666;
}
.dashboard .tituloapendice .fa-circle{
  color: #afca0a;
  font-size: 130%;
  width: 7%;
  position: absolute;
  left: 20px;
  top: 20px;
}
.dashboard .tituloapendice .fa-warning{
  color: #E74C3C;
  font-size: 130%;
  width: 7%;
  position: absolute;
  left: 20px;
  top: 20px;
}
.dashboard .verdeok{
  background-color: #afca0a;
  color: #fff;
  border-radius: 10px;
}
.dashboard .grande{
  font-size: 190%;
  font-weight: bold;
}
.dashboard .medio{
  font-size: 130%;
  font-weight: bold;
  text-align: right;
}
.dashboard .vermelhook{
  background-color: #E74C3C;
  color: #fff;
  border-radius: 10px;
}
.dashboard .row{
  height: 50%;
}
.realizado,
.planejado{
  margin-top: 13px;
}
.semplj{
  width: 40%;
}
/*TELA DASHBOARD*/

/*TELA RELATORIO*/
.titulosPagina span{
  font-size: 70%;
  padding-left: 15px;
}
.relatorioHeader{
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  height: 315px;
  background-color: #ecf0f1;
  /*position:fixed;
    z-index: 1000;*/
}
.relatorioHeader .formularios{
  padding-top: 10px;
  padding: 10px;
  width: 99%;
  margin-left: 0.5%;
}
.relatorioHeader .col-md-1{
  width: 20%;
}
/*.relatorioHeader .nomeGrupo{
  background-color: #1ABC9C;
}*/
.relatorioHeader .nomeGrupo .inputSearch{
  width: 98%;
}
/*.relatorioHeader .datetimepicker{
  background-color: #2ECC71;
}*/
.relatorioHeader .datetimepicker .inputFaixadata{
  width: 98%;
}
/*.relatorioHeader .timePicker{
  background-color: #D35400;
}*/
.relatorioHeader .timePicker .inputTime{
  width: 98%;
}
/*.relatorioHeader .nomeEmpresas{
  background-color: #34495E;
}*/
.relatorioHeader .nomeEmpresas .inputSearch{
  width: 98%;
}
/*.relatorioHeader .nomeCarros{
  background-color: #F1C40F;
}*/
.relatorioHeader .nomeCarros .inputSearch{
  width: 98%;
}
/*.relatorioHeader .nomeDuracao .combobox,
.relatorioHeader .nomePercorrido .combobox{
  display: inline-block;
  width: 50%;
  padding-top: 5px;
}*/
/*.relatorioHeader .inputminutos{
  height: 35px;
  display: inline-block;
  width: 49%;
  float: right;
  margin-top: 5px;
  padding-left: 5px;
}*/
.relatorioHeader .nomeDuracao input,
.relatorioHeader .nomePercorrido input{
  display: inline-block;
  width: 49%;
  height: 50px;
}
.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{
  width: 40%;
  margin-left: 19px;
}
/*.relatorioHeader .nomePercorrido{
  width: 23%;
  margin-left: -57px;
}*/
.topoBotoesRight{
  position: relative;
  float: right;
  top: 4.5px;
  right: -30px;
}
.relatorioHeader .btnNormal {
  margin-top: -20px;
  position: absolute;
  right: 3px;
}
.headerMapRelatorio{
  background-color: #fff;
  width: 100%;
  padding-left: 15px;
  /*margin-top: 82px;*/
}
.headerMapRelatorio h2{
  text-align: left;
  margin-top: -20px;
  margin-left: -22px;
}
.resultadosFiltro{
  width: 100%;
  display: inline-block;
  margin-top: 26px;
  padding-left: 10px;
  padding-top: 15px;
  border-top: solid 1px #ccc;
  max-height: 68px;
  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;
}
.labelFiltro{
   background: #ADC94A;
  text-transform: uppercase;
  color: #fff;
  font-size: 11px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  display: inline-block;
  margin-bottom: 5px;
  height: 28px;
}
.tabelaRelatorio{
  width: 60%;
  margin-top: 10px;
  margin-left: 20%;
}
.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%;
}
.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: bold;
}
.tabelaRelatorio .tdNumero{
  background-color: #d2dadb;
}
.headerMenor{
  height: 232px;
}
#container #example_filter{
  display: none;
}
.trCinza i{
  color: #aec90c;
  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;
}
/*.tituloRelatoriopdf i{
  color: #aec90b;
}*/
/*TELA RELATORIO PDF*/

/* ACERTOS POS HOMOLOGAÇÃO*/
.pstopo1{
  top: 102px!important;
}
.pstopo2{
  top: 53px!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;
}
.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 .dropdown{
  height: 50px;
}
#container .combobox select{
  border-radius: 0px!important;
  background: url(../img/select_drop.png) 102% / 54px no-repeat #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 10px;
  color: #999;
  height: 50px;
}
.editarp{
  margin-top: -10px;
  margin-bottom: 10px;
}
.apagarLinha{
  text-shadow: none!important;
  font-size: 14px;
  color: #869b09;
  text-decoration: none;
}
/* ACERTOS POS HOMOLOGAÇÃO*/


/* 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;
}
.configLinha .combobox {
  padding-top: 5px;
}
.sentidocombo .combobox,
.pontouni .combobox {
  padding-top: 0px!important;
}
.sentidocombo .dropdown{
  width: 50%;
  margin-top: -15px;
}
.pontouni h5 i{
  color: #23475e;
  font-size: 120%;
}
.sentidocombo{
  margin-bottom: 20px;
}
.configLinha .col-md-4{
  width: 45%;
}
.configLinha .col-md-8{
  width: 55%;
}
.trajetos{
  margin-bottom: 20px;
  margin-top: 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;/*POS DEV*/
  overflow-y:scroll;
  border: solid 1px #ccc;
  padding: 10px;
}
.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;
}
.pontouni{
  background-color: #fff;
  padding: 0px;
  border: solid 1px #ccc;
  padding-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  width: 330px;/*POS DEV*/
  font-size: 12px;
}
.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 {
  background: transparent;
  color: #96B032;
  border: 0px!important;
  display: block;
  margin-top: 20px;
}
.btGerarEditar .col-md-1 .editarp:hover {
  background: transparent;
  color: #96B032;
  border: 0px!important;
  text-decoration: underline;
  cursor: pointer;
}
.btGerarEditar .col-md-1:first-child{
  width: 33%;
  margin-top: 12px;
}
.btGerarEditar .col-md-1:nth-child(2){
  width: 28%;
  margin-top: 13px;
}
.btGerarEditar .col-md-1:nth-child(3){
  width: 39%!important;
}
.cercagroup .editarp {
  background: transparent;
  color: #96B032;
  border: 0px!important;
  display: block;
  margin-top: 20px;
}
.cercagroup .editarp:hover {
  background: transparent;
  color: #96B032;
  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;
  margin-top: -34px;
}
.cercagroup{
  margin-top: 20px;
}
.cercagroup .row{
  width: 100%;
}
.cercagroup .col-md-1:first-child{
  width: 25%;
}
.cercagroup .col-md-1:nth-child(2){
  width: 8%;
  margin-left: -20px;
  margin-top: 13px;
}
.cercagroup .col-md-1:nth-child(3){
  width: 67%;
  /*float: right;*/
}
.transmissaogroup label{
  font-size: 90%;
}
.transmissaogroup:nth-of-type(2) input{
  width: 48%;
}
.pFinal{
  width: 98%!important;
}

#colbig{
  width: 80%;
}
.contTrajetos{
  width: 100%;
}
.trajUni{
  outline: solid 1px #ccc;
  padding: 10px;
  margin-bottom: 5px;
}
#colsmall{
  border-right: solid 1px #ccc;
  width: 7%!important;
}
.tazul{
  border-left: solid 5px #3498DB;
  border-radius: 0px;
}
.tvermelho{
  border-left: solid 5px #E74C3C;
  border-radius: 0px;
}
.tverde{
  border-left: solid 5px #27AE60;
  border-radius: 0px;
}
.tlaranja{
  border-left: solid 5px #E67E22;
  border-radius: 0px;
}
.tamarelo{
  border-left: solid 5px #F1C40F;
  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: 130%;
}
.titTraj{
  font-size: 110%;
  font-weight: 300;
  margin: 0 auto;
  text-shadow: 1px 1px 1px #ccc;
}
.criarlinha{
  position: absolute;
  right: 175px;
  top: 74px;
  z-index: 1000;
  display: inline-block;
}
.criarlinha button{
  float: right;
  margin-left: 20px;
  height: 50px!important;
}
.criarlinha input{
  float: left;
  margin-right: -60px;
}
.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%;
}
.limparPonto{
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
  cursor: pointer;
}
.importarPonto,
.planejconsul{
  padding-left: 15px;
}
.importarupload{
  border-bottom: 1px solid #ccc;
}
.btsimportar{
  margin-top:25px;
  width: 98%;
  margin-left: 1%;
}

.btsimportar .help-import{
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
  padding: 0px;
  font-size: 14px;
  float: right;
  font-style: italic;
}
.help-import span{
  font-size: 20px;
}
.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{
  width: 98%;
  margin-left: 1%;
}
#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: center;
  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;
  /*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;
}
.hpainelEventos{
  width: 100%;
  margin: 0px;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding-top: 10px;
  margin-bottom: 10px;
  margin-top: 15px;
  padding-left: 9px;
  background-color: #F0F0F0;
  overflow-x: hidden;
  overflow: visible;
}
.hConsultarPlanej .resultadosFiltroViagem .button.close{
  position: relative;
  top: 16px;
}
.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;
  background-color: #ecf0f1;
  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{
  /*float: right;
  margin-top: -60px;
  margin-right: 0.5%;
  display: inline-block;*/
  display: inline-block;
  position: relative;
  top: -82px;
  margin-bottom: -151px;
  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;
}
/*.PlanejHide{
  top: 36px!important;
}*/
.linhaC{
  margin-bottom: 20px;
}
.linhaC .combobox{
  padding-top: 0px!important;
}
.linhaC .dropdown{
  height: 50px!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;
  /*padding-left: 250px;*/
  -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: 35%;
  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: -25px;
}
#conteudoCriarPlanej2{
  background-color: #fff;
  width: 65%;
  height: 100%;
  float: right;
  display: inline-block;
  overflow-y: scroll;
  overflow-x: hidden;
}
#conteudoCriarPlanej2 .col-md-4{
  width: 40%;
}
#conteudoCriarPlanej2 .col-md-8{
  width: 60%;
}
.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;
}
/*.hConsultarPlanej .col-md-1:first-child{
  background-color: beige;
}
.hConsultarPlanej .col-md-1:nth-child(2){
  background: linen;
}
.hConsultarPlanej .col-md-1:nth-child(3){
  background: lightsteelblue;
}
.hConsultarPlanej .col-md-1:nth-child(4){
  background: lavender;
}*/
.Clinha .combobox{
  padding-top: 0px!important;
}
.Clinha .dropdown{
  height: 50px!important;
}
.tabsPlanejCriar{
  width: 95%;
  margin-left: 2.5%;
  margin-top: 10px;
}
.tabsPlanejCriar .panel-body{
  /*border: solid 1px #ccc;*/
  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: 385px;
}
.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{
  /*margin-top: 72px;*/
  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-4{
  width: 19%!important;
}
.quesTooltip{
  margin-left: 5px;
  cursor: pointer;
}
.quesTooltip_white{
  margin-left: 5px;
  color: #fff!important;
}
.raiogroup .tooltip {
  font-size: 11.5px;
}
#btimportbig{
  width: 220px!important;
  padding-left: 5px;
}
.boxPartidas{
  display: none;
  margin-top: 15px;
  margin-bottom: 15px;
  border: solid 1px #ccc;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 0px;
}
.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: #E74C3C;
}
.glyamarelo{
  color: #F1C40F;
}
.glyazul{
  color: #3498DB;
}
.glycinza{
  color: #535353;
}
.vandamento{
  color: #fff!important;
  padding: 3px;
  /*text-shadow: 1px 1px 1px #609200;*/
  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: 35%;
  display: inline-block;
  font-size: 14px;
  border-right: solid 1px #ccc;
}
.col1-icones .totlegenda{
  font-size: 15px!important;
  font-weight: bold;
}
.col2-outrainfo {
  width: 60%;
  float: right;
}
.col2-outrainfo .totaberto {
  font-size: 20px;
  font-weight: bold;
}
.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: 16px;
  display: inline-block;
}
.controleTabela .col2-outrainfo .boxTotal{
  width: 180px;
  background: #dfe4e4;
  padding: 10px;
  padding-bottom: 5px;
  text-align: center;
  font-size: 16px;
  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 .fa-road{
  font-size: 24px;
}
.tcontrolepartida .fa-check-square{
  margin-left: 15px;
  font-size: 13px;
}
.labelMini{
  font-size: 12px;
  font-style: italic;
}
.dadosmenores div{
  width: 40px;
  display: inline-block;
}
#spaceDiv{
  width: 5px!important;
}
.hControleP.toggled{
  display: none;
}
.select2-container{
  font-size: 12px!important;
}

.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: #F1C40F;
}
.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);
}
.sideTabelas{
  display: inline-block;
  width: 100%;
}
.DadosAlocacao{
  margin-top: 20px;
  width: 60%;
  margin-left: 1%!important;
  margin-right: 2%!important;
  display: inline-block;
}
.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%
}
.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: 320px;
}
.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{
  position: relative;
  bottom: 0px;
  height: 65px;
  padding: 10px;
  float: right;
  top: 40px;
}
.btnalocviagem button{
  margin-left: 20px;
}
.smin{
  position: absolute;
  right: 2px;
  margin-top: -30px;
}
.btcalcular {
  padding: 10px;
  border: solid 1px #ccc;
  display: inline-block;
  height: 50px;
  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: 110%!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%;
  border-top: solid 1px #ccc;
  padding-top: 20px;
  padding-bottom: 20px;
}
.circlewrap .col-md-8{
  width: 50%;
}
.circlewrap .col-md-4{
  width: 50%;
  margin-top: -17px;
}
.titpie{
  font-size: 170%;
  color: #535353;
  font-weight: 400;
}
.dadosPie{
  width: 65%;
  display: inline-block;
  margin-left: 5%;
  height: 100%;
  color: #7f7f7f;
}
.idaspercent{
  font-size: 14px;
  line-height: 24px;
}
.idaspercent span{
  color: #96b032;
  font-weight: 400;
  font-size: 21px;
}
.pieAtualizacao{
  color: #737373;
  font-size: 12px;
  padding-left: 10px;
  /*float: right;*/
  margin-top: -10px;
  margin-bottom: 10px;
}
.tituloTotal:first-child span{
  font-size: 150%;
}
.titulothead{
  font-size: 20px!important;
}
.diariainicial span{
  font-size: 17px;
  color: #a9a9a9;
  font-weight: 400;
}
.totalconcluidas{
  color: #96b032;
  font-weight: 400;
  font-size: 21px;
  padding-top: 25px;
}
.bordaextra {
  border-bottom: dashed 1px #ccc;
  height: 5px;
}
.spacetr td{
  padding-top: 5px;
}
.dadosPie thead,
.piewrap thead{
  border-bottom: 1px dashed #ccc;
  font-size: 14px;
}
.dadosPie thead td,
.piewrap thead td{
  padding-bottom: 5px;
}
.titulohighcharts{
  border-bottom: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  width: 95%;
  margin-left: 2%;
  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-left: 35px;
  margin-top: -5px;
  margin-bottom: 15px;
}
#filtroHighcharts .btn{
  border-radius: 0px;
  background-color: #F3F3F3;
  border: solid 1px #ccc;
  font-weight: 300;
  margin-left: 5px;
}
#filtroHighcharts .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-chart {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  width: 30%;
  display: inline-block;
}
.progress-pie-chart {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #E5E5E5;
  position: relative;
}
.progress-pie-chart.gt-50 {
  background: #d5dfad; /* Old browsers */
  background: -moz-linear-gradient(top,  #d5dfad 0%, #cad798 17%, #c0cf84 31%, #b5c76f 44%, #abbf5a 65%, #a0b746 82%, #96b032 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5dfad), color-stop(17%,#cad798), color-stop(31%,#c0cf84), color-stop(44%,#b5c76f), color-stop(65%,#abbf5a), color-stop(82%,#a0b746), color-stop(99%,#96b032)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #d5dfad 0%,#cad798 17%,#c0cf84 31%,#b5c76f 44%,#abbf5a 65%,#a0b746 82%,#96b032 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #d5dfad 0%,#cad798 17%,#c0cf84 31%,#b5c76f 44%,#abbf5a 65%,#a0b746 82%,#96b032 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #d5dfad 0%,#cad798 17%,#c0cf84 31%,#b5c76f 44%,#abbf5a 65%,#a0b746 82%,#96b032 99%); /* IE10+ */
  background: linear-gradient(to bottom,  #d5dfad 0%,#cad798 17%,#c0cf84 31%,#b5c76f 44%,#abbf5a 65%,#a0b746 82%,#96b032 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5dfad', endColorstr='#96b032',GradientType=0 ); /* IE6-9 */

}

.ppc-progress {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 100px);
  top: calc(50% - 100px);
  width: 200px;
  height: 200px;
  clip: rect(0, 200px, 200px, 100px);
}
.ppc-progress .ppc-progress-fill {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 100px);
  top: calc(50% - 100px);
  width: 200px;
  height: 200px;
  clip: rect(0, 100px, 200px, 0);
  background: #d5dfad; /* Old browsers */
  background: -moz-linear-gradient(top,  #d5dfad 0%, #cad798 17%, #c0cf84 31%, #b5c76f 44%, #abbf5a 65%, #a0b746 82%, #96b032 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5dfad), color-stop(17%,#cad798), color-stop(31%,#c0cf84), color-stop(44%,#b5c76f), color-stop(65%,#abbf5a), color-stop(82%,#a0b746), color-stop(99%,#96b032)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #d5dfad 0%,#cad798 17%,#c0cf84 31%,#b5c76f 44%,#abbf5a 65%,#a0b746 82%,#96b032 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #d5dfad 0%,#cad798 17%,#c0cf84 31%,#b5c76f 44%,#abbf5a 65%,#a0b746 82%,#96b032 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #d5dfad 0%,#cad798 17%,#c0cf84 31%,#b5c76f 44%,#abbf5a 65%,#a0b746 82%,#96b032 99%); /* IE10+ */
  background: linear-gradient(to bottom,  #d5dfad 0%,#cad798 17%,#c0cf84 31%,#b5c76f 44%,#abbf5a 65%,#a0b746 82%,#96b032 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5dfad', endColorstr='#96b032',GradientType=0 ); /* IE6-9 */
  transform: rotate(60deg);
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;

}
.gt-50 .ppc-progress {
  clip: rect(0, 100px, 200px, 0);
}
.gt-50 .ppc-progress .ppc-progress-fill {
  clip: rect(0, 200px, 200px, 100px);
  background: #E5E5E5;
}

.ppc-percents {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 173.91304px/2);
  top: calc(50% - 173.91304px/2);
  width: 173.91304px;
  height: 173.91304px;
  background: #fff;
  text-align: center;
  display: table;
}
.ppc-percents span {
  display: block;
  font-size: 300%;
  color: #a9a9a9;
}
.legEfi{
  font-size: 120%;
  color: #a9a9a9;
  display: block;
}
.pcc-percents-wrapper {
  display: table-cell;
  vertical-align: middle;
}
/*PRIMEIRO GRÁFICO*/
/*INDICE DE EFICIENCIA*/
#container .nav-tabs > li > a{
  transform: skewx(0deg)!important;
}
/*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*/
  .relatorioHeader .select2-container{
    width: 310px!important;
    font-size: 13px!important;
  }
  .hConsultarPlanej .select2-container{
    width: 300px!important;
    font-size: 13px!important;
  }
  .linhaC .dropdown{
    width: 350px!important;
    font-size: 13px!important;
  }
  .hControleP  .select2-container{
    width: 340px!important;
    font-size: 13px!important;
  }
  .hConsultarEscala  .select2-container{
    width: 360px!important;
    font-size: 13px!important;
  }
  .hConsultarEscala .fgspc{
    margin-left: 30px;
  }
  /*.hIndiceEficiencia  .select2-container{
    width: 300px!important;
    font-size: 13px!important;
  }*/
  .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: -40px;
      -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 div[data-clear]{
      margin-left: 310px;
      top: -40px;
      -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  /*#container .hIndiceEficiencia div[data-clear]{
      margin-left: 311px;
      top: -40px;
      -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;
  }
  .hHistorico .btn-default{
    margin-top: 20px!important;
  }
  .novoCadastro .hConsultarEscala .select2-container{
    width: 300px!important;
    font-size: 13px!important;
  }
  #container .painelEventos .row{
    width: 72.5%!important;
  }
  #container .painelEventos .row:last-of-type{
    width: 99.5%!important;
  }

}
@media (width: 1680px){
/*.consultaFuncionario button{
    margin-right: 300px!important;
  }*/
  .cadastroFuncionario button{
    margin-right: 210px!important;
  }
  .consultaFabricante button{
    margin-right: 240px!important;
  }
  /*.consultaEmpresa button{
    margin-right: 255px!important;
  }*/
  .criarModelo button{
    margin-right: 150px!important;
  }
  #container .btCriarCadastro button{
    margin-right: 20px!important;
  }
  .criarModelo .stepper input{/*BUG DOIDO 1680*/
   margin-left: -146px!important;
  }
  .panelTelefone button{
    margin-right: 20px!important;
  }
  #container .hConsultarPlanej div[data-clear]{
      margin-left: 270px;
      top: -40px;
      -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
/*  #container .hIndiceEficiencia div[data-clear]{
      margin-left: 10px;
      -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: 20%;
  }
  .novoCadastro .hpainelEventos .hreprocessamento .select2-container{
    width: 290px!important;
  }
}
@media (min-width: 1680px){
  .relatorioHeader .select2-container{
    width: 262px;
    font-size: 13px;
  }
  .relatorioHeader .btnNormal{
    right: 3px;
  }
  .hConsultarPlanej .select2-container{
    width: 250px;
    font-size: 13px!important;
  }
  .hConsultarPlanej .linhaC .dropdown{
    width: 295px!important;
  }
  .novoCadastro .hConsultarPlanej .linhaC .dropdown{
    width: 90%!important;
  }
  .hControleP  .select2-container{
    width: 300px!important;
    font-size: 13px!important;
  }
  .hConsultarEscala .select2-container{
    width: 300px!important;
    font-size: 13px!important;
  }
  .linhaC .dropdown{
    width: 250px!important;
    font-size: 13px!important;
  }
/*  .hIndiceEficiencia  .select2-container{
    width: 260px;
    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: 345px!important;
  }
  #container .hpainelEventos .n-consulta-veiculo .select2-container input{
    width: 335px!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{
    width: 300px!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;
  }
  #container .novoCadastro .hHistorico .select2-container{
    width: 320px!important;
  }
}
@media (max-width: 768px){
  .wrap{
    width: 90%;
    margin-left: 5%;
    margin-top: 20px;
    margin-bottom: 50px;
  }
  #container .btn-default{
    width: 55%;
    font-size: 16px;
  }
  #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: 10px;
    text-decoration: none;
  }
  /*#conteudoDividoCriar form{
    width: 95%;
    margin-left: 2.5%;
    }*/
  /*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{/*Formularios full*/
    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;
  }
  #conteudoDividoCriar .btnMedio{
    margin-right: 20px;
  }
}
@media (max-height:650px){
  #conteudoDividoCriar label{
    margin-bottom: 8px;
    margin-top: 20px;
  }
  .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%;
  }
  .relatorioHeader .select2-container{
    width: 218px!important;
         -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;

  }
  .gpmenorbtn{
    width: 160px!important;
  }
  .itensMapa{
    width: 84%!important;
    margin-left: 15%!important;
  }
  #wrapMapDividoCriar{
    width: 56%;
  }
  /*#conteudoDividoCriar{
        width:44%;TIRAR!!!!!
    }*/
  /*.formularios .btn-cinza{
        float: left;
        margin-right: 30px;
        margin-top: -44px;
    }*/
  .formularios .btn-cinza{
    float: right;
    margin-right: 10px;
    margin-top: 20px;
  }
  .btnNormal{
    width: 175px;
    margin-left: 0px;
  }
  #container.toggled #d2 .bordacontent .dropdown{
    width: 345px!important;/*06/03*/
             -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;/*06/03*/
         -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;/*06/03*/
         -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;/*06/03*/
  }
  .boxCarros{
    width: 438px!important;/*06/03*/
  }
   #container.toggled .boxCarros{/*06/03*/
    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 .relatorioHeader .select2-container{
    width: 190px!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 .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;/*06/03*/
    }
    #container.toggled .boxCarrosWrap{
      width: 92%;
    }
    #container.toggled .smin{/*06/03*/
      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{/*06/03*/
      font-size: 12px!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%;
  }
  .hConsultarPlanej .select2-container{
    width: 240px;
    font-size: 11px;
  }
  #conteudoDividoCriar{
    padding-left: 30px;
    width: 44%;
  }
  #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 .Clinha{
    margin-left: -17px;
  }
  #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;
  }
  #container.toggled .hConsultarEscala .select2-container{
    width: 215px!important;
  }
/*  #container.toggled .hIndiceEficiencia .select2-container{
    width: 190px!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 .select2-container{
    width: 220px!important;
    -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  }
  #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;
  }
  /*#container.toggled .hConsultarPlanej .linhaC{
    margin-top: -8px!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 .hConsultarEscala div[data-clear]{
      margin-left: 225px!important;
      top: -40px;
      -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 .relatorioHeader div[data-clear]{
      margin-left: 202px!important;
      top: -40px;
      -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: -40px;
      -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: 230px!important;
      top: -40px;
      -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: -40px;
      -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 .hIndiceEficiencia div[data-clear]{
      margin-left: 201px!important;
      top: -40px;
      -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;
  }
  .criarlinha{
      right: 160px!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 .select2-container{
    width: 202px!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 .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.toggled .hpainelEventos .nomeEvento input{
    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;
  }
}
@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: 80px;
    background-color: #f5f5f5;
    outline: solid 1px #ccc;
    border-top: 0px;
    padding-left: 10px;
    padding-top: 5px;
    border-bottom: 2px solid #dadedf;
    width: 236px;
  }
  .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: left;
            margin-right: 0px;
        }*/
  .formularios .btn-cinza{
    float: right;
    margin-right: 10px;
    margin-top: 20px;
  }
  .btnNormal{
    width: 141px!important;
  }
  #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;
  }
  .relatorioHeader .select2-container{
    width: 200px!important;
    font-size: 9.5px!important;
  }
  .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{
    height: 400px;
  }
  #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%;
  }
  #conteudoDividoCriar{
    width: 42.5%;
  }
  /*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: 74%;
    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%;
  }

}
@media (width: 1305px){
  .gpmenorbtn{
    width: 160px!important;
  }
}
@media (max-width: 1450px){
  .tolmenor{
    font-size: 75%;
  }
}
@media (max-width: 1366px){
  .form-login .btn-login {
    width: 350px !important;
    height: 61px;
    font-size: 14px;
    margin-bottom:10px;
  }
  .relatorioHeader .select2-container{
    font-size: 11px;
    width: 203px;
  }

  .hConsultarPlanej .select2-container{
    width: 203px!important;
    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 .hConsultarPlanej .linhaC .dropdown{
    width: 198px!important;
    font-size: 11px!important;
  }
  #container .novoCadastro .hConsultarPlanej .linhaC .dropdown{
    width: 90%!important;
  }
  #container .hConsultarPlanej input{
    font-size: 11px!important;
  }
  #container .hIndiceEficiencia input{
    font-size: 10px!important;
  }
  .hConsultarEscala .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;
  }
  .hConsultarEscala input{
    font-size: 11px;
  }
  #container .hControleP .select2-container{
    width: 250px;
    font-size: 10.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 .inputFaixadata input{
    font-size: 10.5px!important;
  }
  #container .hControleP input{
    font-size: 10.5px!important;
  }
  .hConsultarEscala .inputFaixadata{
    width: 100%;
  }
  #container.toggled .hConsultarEscala .select2-container{
    width: 280px;
  }
/*  #container .hIndiceEficiencia  .select2-container{
    width: 205px!important;
    font-size: 10px!important;
  }*/
  .linhaC .dropdown{
    width: 245px;
    font-size: 11px!important;
  }
  .itensMapa{
    width: 66%;
    margin-left: 15.5%;
  }
  .btnNormal{
    width: 190px;
    height: 44px;
    margin-left: 0px;
  }
  #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{/*06/03*/
    width: 100%;
    margin-top: 5px;
    font-size: 70%;
  }
  .boxCarros{/*06/03*/
    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{/*06/03*/
      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{/*06/03*/
    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;
  }
  /*#container.toggled #d2 .bordacontent .dropdown{
    margin-left: -103px;
      -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  }*/
  .outroBox{/*06/03*/
    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{/*06/03*/
    width: 87%;
  }
  #container #d2 input,
  #container .relatorioHeader input{
    font-size: 10.5px;
  }
  #container.toggled .outroBox{
    width: 500px;/*06/03*/
  }
  #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 .col-md-1:nth-child(3) .editarp{
    float: right;
    /*margin-top: 6px;*/
    margin-right: -33px;
  }
  .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: 12px;
  }
  .labelMini{
    font-size: 10.5px;
  }
  .hIndiceEficiencia .timePicker {
    padding: 0px;
  }
  .hgridMetricas .select2-container,
  .hreprocessamento .select2-container {
    width: 230px!important;
    font-size: 11px!important;
  }
  .resultadoGridMetricas table{
    font-size: 11px!important;
    font-weight: 400;
  }
  .reproViagem .acoes button{
   width: 90%!important;
    margin-bottom: 5px;
  }
  .reproViagem .acoes button:last-child{
    margin-left: 10px!important;
  }
  /*#container .hControleP div[data-clear]{
    position: relative;
    left: 173px;
    top: -40px;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
  }
  #container.toggled .hControleP div[data-clear]{
    position: relative;
    left: -77px;
    top: -1px;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
  }*/
  #container .hConsultarPlanej div[data-clear]{
      margin-left: 215px;
      top: -40px;
  }
  #container .hConsultarEscala div[data-clear]{
      margin-left: 240px;
      top: -40px;
      -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 div[data-clear]{
      margin-left: 282px;
      top: -40px;
      -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: 211px;
      top: -40px;
      -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: 255px;
      top: -40px;
  }
/*  #container .hIndiceEficiencia div[data-clear]{
      margin-left: 211px;
      top: -40px;
      -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 .select2-container{
    width: 242px!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 .select2-container,
  #container.toggled .hpainelEventos .nomeEvento input{
    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 .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{
    width: 360px!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 .cadastrof1 .hpainelEventos .select2-container{
    width: 224px!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 .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: 242px!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 .hpainelEventos .nomeEvento input{
    width: 242px!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;
  }
  .tPainelEventos{
    font-size: 12px!important
  }
  /*#container .terminalSinotico{
    width: 15%!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 #conteudoCriarPlanej2 .select2-container {
    font-size: 12px!important;
    width: 255px!important;
  }
   #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 #conteudoCriarPlanej2 div[data-clear] {
    margin-left: 260px!important;
    top: -40px!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 .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;
  }
  /*.cadastrof1 div[data-clear]{
    position: relative;
    top: -40px!important;
    left: 170px!important;
  }
  #container.toggled .cadastrof1 div[data-clear]{
    position: relative;
    top: -40px!important;
    left: 170px!important;
  }*/
  #container .novoCadastro .hConsultarPlanej .linhaC .dropdown{
    width: 90%!important;
  }
  #container .novoCadastro .hpainelEventos .hConsultarEscala .select2-container{
    width: 235px!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 .hConsultarEscala .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 .novoCadastro .hpainelEventos .hConsultarPlanej .select2-container{
    width: 255px!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 .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 .novoCadastro .hpainelEventos .hreprocessamento .select2-container{
    width: 225px!important;
  }
  #container.toggled .novoCadastro .hpainelEventos .select2-container{
    width: 260px!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 .novoCadastro .hpainelEventos .select2-container{
    width: 260px!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 .novoCadastro .selecConsultaUsuario .select2-container{
    width: 270px!important;
  }
  #container.toggled .hpainelEventos .selecConsultaUsuario .select2-container{
    width: 310px!important;
  }
  .hreprocessamento .col-md-1{
    padding-left: 2px;
  }
  .spcCombo{
    position: relative;
    left: 20px;
  }
  .novoCadastro .hgridMetricas .col-md-1{
    width: 33.3%!important;
  }
   #container .novoCadastro .hgridMetricas .select2-container{
    width: 280px!important;
  }
  .novoCadastro .select2-container,
  .novoCadastro input{
    font-size: 11px!important;
  }
  #container .novoCadastro .formFuncionario .select2-container{
    width: 223px!important;
  }
}

}
@media (max-width: 1680px){

  .relatorioHeader .select2-container{
    font-size: 11px!important;
    width: 203px;
  }
  .hConsultarPlanej .select2-container{
    font-size: 11px;
    width: 260px;
  }
  .hConsultarPlanej .linhaC .dropdown{
    width: 258px!important;
  }
  #container .novoCadastro .hConsultarPlanej .linhaC .dropdown{
    width: 90%!important;
  }
  .hConsultarEscala .select2-container{
    font-size: 11px;
    width: 240px;
  }
  .hControleP .select2-container{
    font-size: 11px;
    width: 250px;
  }
  .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 .hIndiceEficiencia div[data-clear] {
    margin-left: 230px;
    top: -40px;
    -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 .select2-container{
    width: 256px;
    font-size: 10.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;
  }
  .hpainelEventos .select2-container{
    width: 265px!important;
    font-size: 13px!important;
  }
  .hpainelEventos .datetimepicker input{
    font-size: 13px!important;
  }
  .hpainelEventos .dropdown{
    width: 265px!important;
    font-size: 13px!important;
  }
  .hpainelEventos .nomeEvento input{
    width: 265px!important;
    font-size: 13px!important;
  }
  #container .hpainelEventos .n-consulta-veiculo .select2-container,
  #container .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: 300px!important;
    font-size: 11px;
  }
  #container .form-cadastro-metamodelo .select2-container input{
    width: 304px!important;
  }
  #container .form-cadastro-veiculo{
    padding-left: 20px;
    width: 95%!important;
  }
  #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{
    width: 280px!important;
    font-size: 11px!important;
  }
  .situacaometamodelowrap{
    width: 360px!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*/

}

/*END MEDIA QUERIES*/
/* DROPDOWN COMBO ANGULAR*/

/* STYLE2*/

/*
Version: 3.4.5 Timestamp: Mon Nov  4 08:22:42 PST 2013
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  font-size: 110%;
  min-width: 130px;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -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;

  border: 1px solid #ccc;
  white-space: nowrap;
  line-height: 46px;
  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;
}

.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: 50px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: url('../img/select_grande.png') no-repeat 0 1px #aec90b;
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../img/select_grande.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(0, 0, 0, .3);
  box-shadow: 0 0 5px rgba(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_grande_.png') no-repeat 0 1px #aec90b;
}

/* results */
.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: bold;
}

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  font-size: 13px;

  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: #f3f3f3;
  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, .3);
  box-shadow: 0 0 5px rgba(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: #999 !important;
}

.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;
  }
}

/*!
 * 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: 50px;
}

.selectize-control > .selectize-dropdown {
  top: 36px;
}
/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold;
}

.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: .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;
  left: 0;
  top: 54px;
  bottom: 0;
  left: 0;
  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%;
}
.uisearea2 input     {
  height: 44px!important;
}
#sidebar{
  z-index: 1000;
  position: fixed;
  left: 250px;
  width: 0;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #ecf0f1;
  border-right: solid 1px #ccc;
  -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;
}
#container.toggled{
  padding-left: 250px;

}
#container.toggled #sidebar{
  width: 250px;
}
#container.toggled .wrapsb {
  /*position: absolute;*/
  margin-right: -250px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}


button.minimize{
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.minimize{
  float: right;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #aec90c;
  text-shadow: 0 1px 0 #ffffff;
}
/*TEMPORARIO ATE ALTERAR BOOTSTRAP.CSS*/
.botoesBarraBusca .btn-default,
.btn-novo .btn-default{
  width: 115px!important;
  font-weight: bold;
  text-shadow:none!important;
  height: 40px!important;
  font-size: 14px!important;
}
.botoesBarraBusca .btn-azul{
  width: 172px!important;
  font-weight: bold;
  text-shadow:none!important;
  height: 40px!important;
  font-size: 14px!important;
  float: right;
  margin-top: -35px!important;
  line-height: 23px;
}
.botoesBarraBusca .btn-azul2{
  width: 172px!important;
  font-weight: bold;
  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: bold;
  text-align: center;
  height: 40px!important;
  font-size: 14px!important;
  border-radius: 0px!important;
  width: 115px!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;
}
/*.hpainelEventos .botoesBarraBusca .btn-cinzaEscuro{
  margin-top: -45px!important;
  float: right;
  margin-left: 10px;
}*/
.hpainelEventosform .col-md-4 img:last-of-type{
  margin-right: 13px;
}
/*MODULO NOVO PAINEL EVENTOS*/

/*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: #f2f2f2;
  height:100%!important;
  width: 12%;
  position: relative!important;
  bottom:0px!important;
}
.terminalSinotico:last-of-type{
  float: right;
}
.wrapconteudoSinotico{
  width: 74%!important;
  position: relative;
  z-index: 0!important;
  height: 98%;
  overflow-y:auto;
  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;
}
/*.infoLinhaSinotico{
  position: relative;
  top: -3px;
}*/
.filtrosBuscaSinotico{
  width: 80px;
  border-left: solid 1px #fff;
  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;
  /*display: none;*/
}
.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;
}
.barraSinotico div[data-clear]{
  left: -52px!important;
  top: 0px!important;
}
.minimizeBarra{
  float: right;
  font-size: 11px;
  position: relative;
  right: 10px;
  top: 3px;
}
.controlesAlertasSinotico_replay{
  display: inline-block;
  width: 110px;
  float: right;
  padding-left: 9px;
  cursor: pointer;
  position: relative;
  top: -66px;
  margin-right: 294px;
  margin-left: 5px;
  border-right: solid 1px #E4E4E4;
  border-left: solid 1px #E4E4E4;
}
.headerTerminal{
  margin-bottom: 20px;
}
.headerTerminal h3{
  font-style: italic;
  color: #5b5b5b;
  font-size: 14px;
}
.headerTerminal span{
  color: #8b8b8b;
  font-size: 12px;
  margin-top: -10px;
}
.filtroSinotico .col-md-4:first-child{
  margin-left: -10px;
}
.statusVeiculo{
  display: inline-block;
}
/*.statusVeiculo{
  position: relative;
  left: -103px;
  float: right;
  top: 26px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}*/
.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: #919191;
  font-size: 9px;
  margin-bottom: 5px;
}
.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{
  border-bottom: solid 1px #ccc;
  margin-bottom: 10px;
}
.wrapTerminal_uni:last-of-type{
  border-bottom: 0px;
}
/*.terminalSinotico.toggled{
  height: 30px!important;
  width: -10px!important;
  width: 20px!important;
  padding-left: 0px;
}*/
/*.minTerminal.toggled{
  float: left!important;
  position: relative;
  left: -5px;
}*/
/*.wrapconteudoSinotico.toggled{
  width: 95%!important;
}*/
.wrapconteudoSinotico::-webkit-scrollbar-thumb{
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(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;
}

/*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(1){
  width: 250px;
}
.barraReplay .filtroSinotico .md-1:nth-child(1) input{
  width: 190px;
}
.barraReplay .filtroSinotico .md-1:nth-child(2){
  width: 165px;
}
.barraReplay .filtroSinotico .md-1:nth-child(2) input{
  width: 135px!important;
}
.barraReplay .filtroSinotico .md-1:nth-child(3){
  width: 211px;
  padding-left: 0px;
}
.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 .col-md-1:nth-child(4),
.barraReplay .filtroSinotico .col-md-1:nth-child(5){
  width: 250px;
}
.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{
  width: 100%!important;
  display: inline-block;
  position: relative;
  top: -26px;
  margin-left: 0.5%
}
.barraMultilinha .filtroSinotico .uniselect2{
  display: inline-block;
  width: 260px;
}
.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: bold;
  font-style: italic;
  display: inline-block;
}
.nMultilinha{
  width: 100%;
  /*height: 34px;*/
  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;
  /*background-color: #71c6d3;*/
  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;
}
/*.sep-btn{
  height: 34px;
  border-left: solid 1px #ccc;
  display: inline-block;
  width: 1px;
}*/
.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;
}
/*#container .controleMultilinha {
  width: 330px!important
}*/
.controleSinotico .controlesAlertasMapa_alertas{
  width: 160px!important;
}
.controleSinotico .filtrosBuscaSinotico{
  width: 130px!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*/

/*MODULO NOVO AINDA NAO IMPLEMENTADO*/
.modeloExcel{
  position: relative;
  top: -10px;
  font-size: 12px;
}
/*input number css botao*/
.stepper button {
  background-color: #ecf0f1;
  height: 51px!important;
  border: solid 1px #dadedf;
  border-radius: 0px!important;
  color: #535353;
  width: 30px;
  margin-right: 3px;
  margin-left: 3px;
}
.stepper input{
  width: 60px;
  border: solid 1px #ccc;
  padding-left: 5px;
  height: 50px;
}
/* css para label dos carros no mapa */

.markerLabel {
  white-space: nowrap;
  border: 1px solid rgb(83, 83, 83);
  padding: 3px 3px;
  background-color: rgb(83, 83, 83);
  border-radius: 5px;
  font-weight: bold;
  color: #EEE;
}

/*BT CONSULTAR VEICULOS*/

#btConsultarVeiculos{
    /*position: relative;
    height: 50px;
    margin-top: 10px;
    left: 80px;*/
      height: 50px;
  /* margin-left: 60px!important; */
  margin-top: -50px;
  /* float: right; */
  display: inline-block;
  /* width: 50%; */
  position: relative;
  left: 320px;
  /* padding-left: 30px; */
  margin-left: 20px;
}

/*ALINHAMENTO BOOTSTRAP 17/03*/
#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;
}
/*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);
}

/*MENSAGENS DE ERRO UNIVERSAIS - CAMPO OBRIGATORIO*/

[data-erro-msg] {
  /*position: absolute;
  left: 15px;
  top: 50px;
  background: rgba(199, 124, 122, 1) !important;
  z-index: 9;
  white-space: nowrap;
  font-size: 11px;
  padding: 2px 10px;
  opacity: 0;*/
  position: absolute;
  left: 0px;
  top: 91%;
  z-index: 9;
  white-space: nowrap;
  font-size: 10.5px;
  padding: 5px 5px;
  opacity: 0;
  color: #a94442;
}
.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: 72px!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;
}
/*CRIAR PLANEJAMENTO - AJUSTE*/
table i{
  cursor: pointer;
}
#container div[data-clear] {
  /*display: inline-block;
    width: 25px;
    height: 100%;
    position: relative;
    top: 1px;
    background: #A94442;*/
    display: inline-block;
    height: 100%;
    position: relative;
    top: -1px;
    cursor: pointer;
    color: #aec90c!important;
    height: 10px;
    width: 10px;
    left: -74px;
}


#internalDataSelection .form-group div[data-clear] {
  display: inline-block;
}

#internalDataSelection .form-group div[data-clear] > span{
    font-weight: bold;
    width: 100%;
    background: transparent;
    color: #008da3;
    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;
}

#internalDataSelection .form-group div[data-clear] .fa {
  font-size: 18px;
  text-rendering: auto;
  margin-left: 5px;
  -webkit-font-smoothing: antialiased
}

#internalDataSelection .select2-container .select2-choice .select2-arrow b {
  background-color: #f7ebeb;
  display: block;
  width: 100%;
  height: 100%;
  background: url('../img/select_grande.png') no-repeat 0 1px #008da3;
}

div[data-clear] > span{
  /*font-weight: bold;
    width: 100%;
    background: transparent;
    color: #fff;
    border: 0;
    display: inline-block;
    text-align: center;
    line-height: 50px;*/
    font-weight: bold;
    width: 100%;
    background: transparent;
    color: #aec90c;
    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;
}
/*#container + div[data-clear]{
  position: relative;
  left: -74px;
}
#conteudoCriarPlanej1 + div[data-clear]{
  left: 219px!important;
}*/
/*BT CONSULTAR VEICULOS*/



#btConsultarVeiculos{
      height: 50px;
  /* margin-left: 60px!important; */
  margin-top: -50px;
  /* float: right; */
  display: inline-block;
  /* width: 50%; */
  position: relative;
  left: 320px;
  /* padding-left: 30px; */
  margin-left: 20px;

}

/*ALERTAS NAV BAR - TOPO */
/*.alertasNavBar{
  width: 60px;
  float: right;
  margin-right: 10px;
}*/
.alertasNavBar{
  width: 79px;
  float: right;
  margin-right: 10px;
  position: relative;
  top: -20px;
  height: 54px;
  border-left: solid 1px #ccc;
  padding-left: 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: #aec90c;
  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: #F1C40F;
  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: -39px;
  left: 339px;
  background: #fff;
  border-radius: 5px;
  width: 28px;
  height: 29px;
  font-size: 20px;
  border: solid 1px #ccc;
  margin-bottom: -22px;
}

/*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;
}

#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 .datepicker{
  font-size: 12px!important;
 text-shadow: none!important;
 padding-top:20px!important;
 padding-left:15px!important;
 padding-right:15px!important;
 width: 250px;
 height: 250px;
}
#container .datepickernovo_wrap .datepicker thead th,
#container .datepickernovo_wrap .datepicker thead tr{
  font-size:12px!important;
  padding-bottom:15px!important;
}
#container .datepickernovo_wrap .datepicker thead th .btn-default:hover,
#container .datepickernovo_wrap .datepicker thead tr .btn-default:hover{
  background-color:transparent!important;
  color:#535353!important;
}
#container .datepickernovo_wrap .datepicker .btn-default{
  text-shadow: none!important;
  background: transparent!important;
  border: none!important;
  /*border-bottom: 2px solid #96B032;*/
  cursor: pointer;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  color: #535353;
  font-size: 12px!important;
  text-align: center;
  font-weight: 300;
  border-radius: 0px;
}
#container .datepickernovo_wrap .datepicker .btn-default:hover,
#container .datepickernovo_wrap .datepicker .btn-default:active,
#container .datepickernovo_wrap .datepicker .btn-default:focus{
  color: #fff!important;
  background-color: #aec90c!important;
  font-size: 12px!important;
}
#container .datepickernovo_wrap .datepicker .btn-primary{
  color: #ffffff!important;
  background-color: #aec90c!important;
  border-color: #aec90c!important;
  font-size: 12px!important;
}
#container .datepickernovo_wrap .datepicker .btn-today{
  background-color:#96B032!important;
  color:#fff!important;
  font-size: 12px!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;
}
#container .datepickernovo_wrap .datepickernovo .input-group-addon{
  border-radius: 0px;
  background: #fff;
}

/* NOVO TIMEPICKER*/
#container .datepickernovo_wrap .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{
  font-size: 11px!important;
}
#container .datepickernovo_wrap .timepicker .btn-default{
  text-shadow: none!important;
  background: transparent!important;
  border: none!important;
  /*border-bottom: 2px solid #96B032;*/
  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{
  color: #fff!important;
  background-color: #aec90c!important;
  padding:0px!important;
  font-size: 12px!important;
}
/*#container .datepickernovo_wrap .timepicker .separator-btn{
  margin-top:30px!important;
  margin-right:8px;
  font-size: 8px!important;
  padding:5px!important;
}*/
#container .datepickernovo_wrap .timepicker .input-group-addon{
  border-radius: 0px;
  background: #fff;
}

/*CSS NOVO DATEPICKER*/

/*#container{
  height: 100%;
  overflow-y: scroll;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}*/
#container input{
  border-radius:0px;
}
.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: #aec90c;
}
.loadingG i{
  text-align: center;
  font-size: 450%;
  color: #aec90c;
}
.loadingM i{
  text-align: center;
  font-size: 300%;
  color: #aec90c;
}
.loadingP, .loadingG, .loadingM{
  text-align: center;
}
#container .navbar-default{
  background-color: #ecf0f1;
}
/*ICONS*/
#container .fa-list {
  font-size: 32px;
  padding: 10px;
  color: #aec90c;
  font-weight: 300;
}

#container .fa-list:hover,
#container .fa-list:focus,
#container .fa-list:active{
  color: white;
  background: #aec90c;
  text-decoration: none;
  border: none!important;
  outline: 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;
  text-shadow: 1px 1px 1px #ccc;
  padding: 30px;
}*/
.titulosPagina-2{
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  margin: 0 auto;
  text-shadow: 1px 1px 1px #ccc;
  padding: 30px;
}
/*.tabsDefault{
  border: solid 1px #ccc;
  width: 100%;
  padding: 15px;
  background-color: #ecf0f1;
  margin-top: 20px;
}*/
/*#container .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-bottom-color: transparent;
  cursor: default;
}*/
#container .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
   -webkit-box-shadow: 2px -2px 3px 0px rgba(50, 50, 50, 0.09);
  -moz-box-shadow: 2px -2px 3px 0px rgba(50, 50, 50, 0.09);
  box-shadow: 2px -2px 3px 0px rgba(50, 50, 50, 0.09);
  background: #f6f7f8; /* Old browsers */
  background: -moz-linear-gradient(top,  #f6f7f8 0%, #f6f7f8 44%, #ffffff 90%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f7f8), color-stop(44%,#f6f7f8), color-stop(90%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f6f7f8 0%,#f6f7f8 44%,#ffffff 90%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f6f7f8 0%,#f6f7f8 44%,#ffffff 90%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f6f7f8 0%,#f6f7f8 44%,#ffffff 90%); /* IE10+ */
  background: linear-gradient(to bottom,  #f6f7f8 0%,#f6f7f8 44%,#ffffff 90%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  border-bottom: none!important;
  color: #535353;
  border-right: solid 2px #dcdedf;
  font-size: 12px;
}
#container .nav-tabs > li > a{
  -webkit-box-shadow: 2px -2px 3px 0px rgba(50, 50, 50, 0.09);
  -moz-box-shadow: 2px -2px 3px 0px rgba(50, 50, 50, 0.09);
  box-shadow: 2px -2px 3px 0px rgba(50, 50, 50, 0.09);
  background: #ecebeb;
  color: #535353;
  border-right: solid 2px #c4c4c4;
  border-bottom: none!important;
  font-size: 12px;
}
.btnNormal{
  width: 210px;
  height: 44px;
  margin-left: 10px!important;
}
.btnPq{
  width: 100px;
  height: 44px;
}
.btnMedio{
  width: 150px;
  height: 44px;
}
.btnXPq{
  width: 80px;
  height: 44px;
  font-size: 95%!important;
}
.fright{
  float: right;

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

/*NOVOS ITENS CADASTRO - JUNHO 2015*/
.novoCadastro input{
  width: 90%;
  font-size: 13px;
}
.bs-example-modal-lg-cadastro .modal-content{
  padding-left: 30px;
  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{
  font-size: 16px;
  color: #535353;
  text-shadow:none!important;
  padding: 10px;
  padding-left: 25px;
}
.bs-example-modal-lg-cadastro h3 img{
  position: relative;
  left: -10px;
}
.bs-example-modal-lg-cadastro .close{
  margin-right: 10px;
  margin-top: 10px;
  color: #999!important;
}
.bs-example-modal-lg-cadastro .novoCadastro input{
  width: 370px!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: 56px;
}
.barraCadastro{
  width: 100%;
  margin: 0px;
  border-bottom: solid 2px #E8E8E8;
  padding-top: 10px;
  margin-bottom: 10px;
  margin-top: -5px;
  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;
}
.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;
}
.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;
}
.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{
  padding-left: 20px;
  width: 80%!important;
}
.form-cadastro-veiculo .combobox .dropdown{
  width: 255px;
}
.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{
  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;
}
.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%;
}
.novoCadastro .select2-container input{
  width: 100%!important;
}
.form-cadastro-metamodelo .select2-container,
.form-cadastro-metamodelo input{
  width: 420px!important;
}
.metamodelo-novo{
  border-top: solid 1px #ccc;
  padding-top: 5px;
}
.novoCadastro .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;
}
#container .criarlinha .btn-cinzaEscuro,
#container .criarlinha .btn-default{
  width: 150px!important;
}
.planejNovo .headerMapRelatorio{
  height: 110px!important;
}
.planejNovo .bthconsultar{
  top: -103px!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: bold;
 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{
  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;
}
.novoCadastro .hControleP .filtroViagem{
  margin-top: 0px;
}
/*.novoCadastro .hIndiceEficiencia .col-md-1:first-of-type,
.novoCadastro .hIndiceEficiencia .col-md-1:nth-of-type(2){
  padding-left: 0px!important;
}*/
.novoCadastro .hgridMetricas{
  padding-bottom: 0px!important;
}
.novoCadastro .closeCadastro,
.novoCadastro .iconeAlterar{
  font-size: 16px!important;
}
/*.novoCadastro .hpainelEventos .col-md-1:first-of-type{
    padding-left: 0px;
}*/
.imgPainelMenu{
  background-image: url(../img/icone_painel_full.png);
  background-size: 19px 38px;
  width: 19px;
  height: 19px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: inline-block;
}
.imgPainelMenu:hover,
.imgPainelMenu:active,
.imgPainelMenu:focus{
  background-image: url(../img/icone_painel_full.png);
  background-size: 19px 38px;
  width: 19px;
  height: 19px;
  background-position: 0px -19px;
  background-repeat: no-repeat;
  display: inline-block;
}
.imgMapaMenu{
  background-image: url(../img/icone_mapa_full.png);
  background-size: 24px 36px;
  width: 24px;
  height: 18px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  left: -5px;
}
.imgMapaMenu:hover,
.imgMapaMenu:active,
.imgMapaMenu:focus{
  background-image: url(../img/icone_mapa_full.png);
  background-size: 24px 36px;
  width: 24px;
  height: 18px;
  background-position: 0px -18px;
  background-repeat: no-repeat;
  display: inline-block;
}
.imgSinoticoMenu{
  background-image: url(../img/icone_sinotico_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;
}
.imgSinoticoMenu:hover,
.imgSinoticoMenu:active,
.imgSinoticoMenu:focus{
  background-image: url(../img/icone_sinotico_full.png);
  background-size: 19px 38px;
  width: 19px;
  height: 19px;
  background-position: 0px -19px;
  background-repeat: no-repeat;
  display: inline-block;
}
.imgChatMenu{
  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,
.imgChatMenu:active,
.imgChatMenu:focus{
  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;
}
.hHistorico .botoesBarraBusca .btn-cinzaEscuro{
  margin-right: 0px!important;
}

.telefonesCadastroVeiculo h3{
  font-size: 14px;
  color: #000;
  font-weight: bold;
  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;
}
#wrappermapa{
  overflow: hidden!important;
}
#container #veicuoCriar-accordion .accCamera input{
  width: 280px!important;
}
.hreprocessamento .btn-cinzaEscuro{
  margin-right: 140px;
}
.hControleP .hpainelEventos .combobox{
  padding-top: 33px!important;
}
.btAddTel{
  border-top: solid 1px #ccc;
  margin-top: 20px;
}
.novoCadastro .form-cadastro-equipamento .btAddTel .btincluirModelo{
  float: right!important;
  top: 0px!important;
  text-align: right;
}
.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: 224px!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:
}
.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: bold;
  text-shadow:none;
  margin-top: 10px;
  margin-bottom: 20px;
}
/*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 {
    width: 100%;
    margin: 0 0 20px 0;
    background-color: #fff;
    border: 1px solid #ccc;
}
#mainContainer .image-icon, #mainContainer .exibe-imagem {
    width: 70%;
    height: 160px;
    margin: 10px auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#mainContainer .image-preview img {
    display: block;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    border-radius: 160px;
}
#mainContainer .image-preview p {
    width: 80%;
    margin: 0 auto 15px;
    text-align: center;
}
#mainContainer .foto-upload {
    width: 100%;
    height: 23px;
    color: transparent;
}
#mainContainer .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 {
    display: block;
    margin: 10px 0 0 0;
    color: #333;
    padding: 3px 15px;
    font-size: 11px;
    background-color: #eee;
    text-align: center;
}
#mainContainer .bottom-butons {
    /*margin: 50px -25px 0;*/
    padding: 10px 0 10px 25px;
    background-color: #f8f8f8;
    border-top: 1px solid #e4e4e4;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
#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;
}
/*FUNCIONARIO E EMPRESA NOVOS*/
/*JANELA PLOTAGEM MAPA*/
.janelaControlePlotagem{
  max-height: 220px;
  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: 410px;
  position: relative;
  top: -65px;
  left: 60%;
  overflow-x:hidden;
  overflow-y:auto;
}
.detalhesVeiculo p {
  font-size: 11px;
  font-weight: lighter;
  line-height: 10px;
  color: #999;
}
.detalhesVeiculo span{
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 6px;
  color: #999;
  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;
}
/*JANELA PLOTAGEM MAPA*/

/*EDIÇÃO DE VIAGENS*/
.datepickernovoHorizontal {
  width: 40%!important;
  position: relative;
  top: -5px;
}
.btn-alocacaoEdicao{
  width: 400px!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;
}
/*EDIÇÃO DE VIAGENS*/

#container button:disabled{
  cursor: not-allowed;
}

/*TELA LOGIN*/
.loginBg{
  background: url(../img/bg-login.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
}

.loginBgCamada2{
  background: url(../img/bg-area-login.png);
  /*background-size: 42% 100%;*/
  background-size: 38% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: absolute;
  height: 100%;
  width: 100%;
}

.loginFormulario{
  /*width: 672px;*/
  width: 500px;
  height: 320px;
  position: relative;
  /*margin: 0 auto;*/
  /*top: 35%;*/
  /*top:300px;*/
  z-index: 1;
  top: 18%;


}
.wrapFormLogin{
  /*width: 92%;*/
  /*margin-left: 17%;*/
  width: 82%;
  margin-left: 9%;
}
.wrapFormLogin .form-login .input-group input{
  font-size: 15px;
  color:#404040;
  -webkit-text-fill-color: #404040 !important;
  font-weight: 500;
  background: transparent !important;
  -webkit-background: transparent !important;
}
.wrapFormLogin .form-login .input-group input:-webkit-autofill{
  background-color: transparent !important;
  /*filter: saturate(1);*/
  filter: brightness(110%);
}
.wrapFormLogin .form-login .input-group input:-internal-autofill-selected {
  background-color: transparent !important;
  background-image: none !important;
  -webkit-text-fill-color: #404040 !important;

}
/*.loginLogo{
  background-image: url(../img/logo_frota_login.png);
  width: 375px;
  height: 101px;
  margin-bottom: 60px;
}*/
.loginLogo{
  font-size: 215%;
  text-align: center;
  color: #63625e;
  margin-bottom: 40px;

}
.loginLogo span{
  font-weight: 500;
}
#container-login .form-login {/*  */
  width:115%;
}
#container-login .form-login .first-input {
  border-bottom: 1px solid #b1b1b1 !important;
  box-shadow: none;
}

#container-login .form-login input{
  border-radius: 0px!important;
  border:none!important;
  box-shadow:none;

}
#container-login .form-login input:active{
  border-radius: 0px!important;
  border:none!important;
}
#container-login .form-login .input-group{
  margin-bottom: 3px;
  width: 70%;

}
#container-login .form-login .input-group-addon{
  background-color: transparent;
  color: #a9aaaa!important;
  font-size: 14px;
  border: none;
  border-radius: 0px;
  font-weight: bold;
  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: bold;
  width: 35px!important;
  border: solid 1px #ccc;
  border-right: none!important;
}
#container-login .formSenha input{
  width: 400px;
}
.checkSenha label{
  font-size: 14px!important;
  color: #535353;
  float: left;
  display: inline-block;
}
.checkSenha .checkbox{
  margin-left: -16px;
}
.checkSenha .radio label:before, .checkSenha .checkbox label:before{
  /*background-color: #0082c3;*/
  background-color: #008da3;
  border: 2px solid #008da3;
  border-radius: 3px;
}
.checkSenha input[type=checkbox]:checked + label:before{
  color: #fff !important;
  font-size: 12px!important;
}

.form-login .btn-login{
  /*background:#0082c3;*/
  background:#008da3;
  width:83%;
  height:61px;
  color:#fff;
  border-radius:50px;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-left:0;
  font-weight: 500;
  margin-bottom:20px;
  margin-top:15px;
}
.btn-login:focus{
  color:#fff !important;
  outline: 0;
}
.form-login .btn-login:active,.btn-login:hover,.btn-login:active,.btn-login:active,.btn:focus,.btn:visited{
  /*background:#0395de;*/
  background:#008da3c4;
  transition: all .2s ease-in-out;
  color:#fff !important;
  outline: 0 !important;
}
/*
.form-login .btn-default{
  text-shadow: none!important;
  width: 100%;
  height: 40px!important;
  font-size: 16px!important;
  margin-left: 0px!important;
}*/
.senhaEs{
  text-align:right;
  font-weight: 500;
  color: #404040;
  width: 331px;
  margin: 0 auto;
  display: block;
  margin-top: 5px;
  margin-bottom: 8px;
  cursor: pointer;
  display: inherit;
  font-style: none;
  text-decoration: none;
}
.senhaEs > span{
  color:#0082c3;
  font-weight: 500;
}
.senhaEs > span:hover{
  color:#0997de;
  font-weight: 500;
}
.senhaEs:hover,.senhaEs:active,.senhaEs:focus,.senhaEs:hover{
  color: #404040;
  text-decoration: underline;
  text-decoration: none;
}
/*.loginBlur{
  background: rgb(255,255,255);
  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;
}
#container-login .botoesBarraBusca{
  border: none!important;
  margin-top: 60px;
}
#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;
}



.icon-user{
    /*background-image: url(../img/password.svg);
    width:200px;
    height: 200px;*/
    /*filter: brightness(0.5) sepia(1) saturate(5) hue-rotate(120deg);*/
        /* filter: brightness(0.5) sepia(1) saturate(5) hue-rotate(120deg); */
    /* position: relative; */
    display: inherit;
    float:left;
    margin-top: 10px;
    background-image: url(../img/icon-user.png);
    background-repeat: no-repeat;
    width: 22px;
    height: 20px;
    margin-left: 6%;

}
.icon-lock{
  font-size: 20px;
  display: inherit;
  float:left;
  margin-top: 10px;
  background-image: url(../img/icon-lock.png);
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  margin-left: 6%;
}

#container-login .Camada3 {
  Color:#fff;
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 500;
  width: 380px;
  left: 50%;
  margin-top: 12px;
  margin:28% -84px 0;
  position: absolute;
  font-weight: 500;
  font-style: normal;
}
#container-login .Camada3 p{
line-height: 55px;
}



#container-login .Camada3  p > span{
  color:#76FAFB;
  font-weight: bold;

}
#container-login .Camada3 .logo{
  position: relative;
  font-size: 20px;
  color: #555;
  /*display: block;*
  /* left: 0; */
  top: 32px;
  background-image: url(../img/logo-sonda.png);
  background-repeat: no-repeat;
  background-size: 100%;
  /*width: 107%;*/
  width: 60%;
  height: 100px;
  text-indent: -90000px;
}
#container-login .Camada3 .logo-sonda{
  position: relative;
    font-size: 20px;
    color: #555;
    /* display: block; */
    left: 18px;
    top: 80px;
    background-image: url(../img/logo-sonda.png);
    background-repeat: no-repeat;
    background-size: 105%;
    width: 175px;
    height: 73px;
    text-indent: -90000px;
    background-size: 97% !important;
  width: 250px !important;
  height: 83px !important;
}
/*TELA LOGIN*/


.sinotico{
    background-image: url(../img/bg-sinoptico.png);
    background-repeat: no-repeat;
    width: 66%;
    height: 52%;
    margin: 0 auto;
    margin-bottom: 40px;

}
.language-br .logo{
  display: block;
}
.language-br .logo-sonda{
  display: none;
}
.language-br-form .sinotico{
  display:none;
}
.language-br-form{
  top: 30%;
}
.language-en .loginLogo{
  display:none;
}
.language-en .logo{
  display:none;
}
.language-en .logo-sonda{
  display:block;
}

.language-us{
  width: 417px !important;
}
#container-login .language-us p > span {
  display: inline;
}
.language-us .loginLogo{
  display:none;
}
/*
.language-us span{
  display:block;
}*/

.language-us .logo{
  display: block;
}
.language-us .logo-sonda{
  display: block;
}
.language-us .loginLogo{
  display:none;
}
.language-us .logo{
  display:none;
}
.language-us .logo-sonda{
 /* display:block;
  background-size: 97% !important;
  width: 250px !important;
  height: 83px !important;*/
}

.btnUpperCase {
  text-transform: uppercase;
}