/*.tab-panel{
  position: absolute;
  width: -webkit-calc((100% - 35%) - 50px);
  width: -moz-calc((100% - 35%) - 50px);
  width: -ms-calc((100% - 35%) - 50px);
  width: -o-calc((100% - 35%) - 50px);
  width: calc((100% - 35%) - 50px);

}
*/
/*[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: 17px;
top: 16px;
background: #f2dede !important;
z-index: 9;
white-space: nowrap;
font-size: 12.5px;
padding: 2px 10px;
opacity: 0;
color: #a94442;
}*/

/*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;
background-color: #f9fafb;
border: solid 1px #ccc;
cursor: pointer;
color: #a4cc00!important;
height: 30px;
width: 30px;
margin-left: 5px;
}*/

/*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: #a4cc00;
border: 0;
display: inline-block;
text-align: center;
font-size: 10px;
line-height: 29px;
}*/
/*div[data-clear] > span:hover{
  color: #535353;
}

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

.inline {
  display: inline-block;
}

/*.hConsultarPlanej div[data-clear],
.relatorioHeader div[data-clear],
.hControleP div[data-clear],
.hConsultarEscala div[data-clear],
.hIndiceEficiencia div[data-clear] {
  display: inline-block;
  position: relative;
  float: right;
  left: initial;
}

.hConsultarPlanej div[data-clear],
.relatorioHeader div[data-clear],
.hIndiceEficiencia div[data-clear] {
  top: -40px;
  right: 45px;
}

.hControleP div[data-clear] {
  top: 11px;
  right: 138px;
}

.hConsultarEscala div[data-clear]{
  top: 11px;
  right: 102px;
}




.formularios .has-error select {
  border-color: #a94442;
  background-color: #f7ebeb;
}*/

[data-drop=true] {
  transition: background-color .3s ease-out;
  background-color: #fff;
}

#container .highlight-droppable {
  background-color: #f9f9f9 !important;
  box-shadow: #f9f9f9 0px 0px 2px 2px !important;
}

#conteudoCriarPlanej2 .panel-collapse.collapse {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.NhArrastoVigente thead td.highlight-droppable:after {
  content: url(../img/hover-box-equipamento.png);
  position: absolute;
  top: 45%;
  left: 36%;
}

.panel-collapse.collapse .panel-body[rn-carousel] {
  /*max-height: 245px;
  min-height: 115px;*/
  height: 255px;
}

.novoEscala .panel-collapse.collapse .panel-body[rn-carousel] {
  width: 100% !important;
}

.carousel-pool-panel {
  overflow: visible;
}

.carousel-pool-panel > div {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  flex-direction: row;
  align-items: flex-start;
  padding: 17px;
}

.carousel-pool-panel > div > div {
  width: 24% !important;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}

[rn-carousel-indicators] {
  -webkit-filter: invert(1) hue-rotate(169deg);
  -moz-filter: invert(1) hue-rotate(169deg);
  -ms-filter: invert(1) hue-rotate(169deg);
  o-filter: invert(1) hue-rotate(169deg);
  text-align: center;
}

.exact-shadow {
  -webkit-filter: drop-shadow(-2px 2px 2px #ccc);
  -moz-filter: drop-shadow(-2px 2px 2px #ccc);
  -ms-filter: drop-shadow(-2px 2px 2px #ccc);
  -o-filter: drop-shadow(-2px 2px 2px #ccc);
  filter: drop-shadow(-2px 2px 2px #ccc);
}

.msg_container_base {
  background: #FFF;

}

.chat-window {
  position: initial !important;
  float: initial !important;
}

.floatting-chat-window {
  position: fixed;
  bottom: 0;
  z-index: 99;
  right: 35px;
  width: 25%;
  min-width: 400px;
}

.badge.bNlidas {
  background-color: #F1C40F !important;
}

a {
  cursor: pointer;
}

.sinotico-container[role*=column-container] {
  display: flex;
  flex-direction: column;
  /*height: calc(100% - 49px);*/
  margin-top: 0px;
}

.sinotico-container[role*=row-container] {
  display: flex;
  flex-direction: row;
  height: 100%;
}


.conteudoSinoticoCanvas {
  border: solid 1px #ccc;
  margin: 0 40px;
}

.wrapconteudoSinotico {
  background: #ecf0f1;
  /* height: 200px !important; */
  width: 100% !important;
  /* min-height: 230px; */
  overflow: visible;

}

.wrapconteudoSinoticoZindex {
  z-index: 1 !important;
}

.sinoticoMainContainer .painel-btn {
  border: none;
  outline: none;
  background-color: #e2e7ea;
  margin-right: 10px;
  top: -5px;
  position: relative;
}

.sinoticoMainContainer .painel-btn i {
  color: #535353;
  font-size: 11px;
}

.sinoticoMainContainer button.minimize.right {
  border-right: #ccc 1px solid;
  border-left: none !important;
}

.sinoticoMainContainer .minimize {
  float: initial !important;
}


.barraFiltros.barraSinotico {
  position: relative;
  top: -20px;
  transition: all 0.3s ease-out;
  margin-bottom: -40px;
}

#container .filtroSinotico .select2-container {
  width: 95% !important;
  font-size: 11px !important;
}

.collapseTerminalSinotico {
  width: 0% !important;
}

.terminalSinotico {
  height: initial !important;
  text-align: left;
  transition: width 0.3s ease-out;
  white-space: nowrap;
  /*position: relative;*/
  margin: -2px;
  background-color: #ecf0f1;
}

.terminalSinotico.sinoticoMultilinha {
  width: 20%;
}

.terminalSinotico .minTerminal {
  text-align: right;
  box-sizing: content-box;
  margin: auto;
  background-color: #e2e7ea;
  position: absolute;
  width: 100%;
  display: flex;
  padding-top: 5px;
}

.terminalSinotico .minTerminal span {
  flex: 1;
  align-self: center;
  text-align: left;
  color: #5b5b5b;
  font-size: 14px;
  font-weight: 600;
  padding-left: 20px;
  text-align: left;
  color: #5b5b5b;
  font-size: 14px;
  font-weight: 600;
}

.terminalSinotico:first-of-type {
  left: 20px;
}

.terminalSinotico .contentTerminal {
  overflow-x: hidden;
  margin-top: 37px;
}

.terminalSinotico .minTerminal.right {
  text-align: left !important;
  right: 0px;
  /*flex-direction: row-reverse;*/
}


.collapseTerminalSinotico .contentTerminal, .collapseTerminalSinotico .minTerminal span {
  display: none;
}

.controlesAlertasSinotico_replay {
  /*position: absolute;
  border-left: solid 1px #fff;
  border-right: solid 1px #fff;
  padding: 3px;
  top: 5px;
  z-index: 1;
  left: 590px;
  text-align: center;*/
  position: absolute;
  border-left: solid 1px #fff;
  border-right: solid 1px #fff;
  padding: 3px;
  top: 5px;
  z-index: 1;
  left: 520px;
  text-align: center;
}

.barraFiltros.barraSinotico.hideFilter, .metricasBox.resultadoGridMetricas.hideGrid {
  display: none;
}

.controlesAlertasSinotico_replay div > button,
.controlesAlertasSinotico_replay div > button:hover,
.controlesAlertasSinotico_replay div > button:focus {
  background-color: #AEC90B;
  color: #fff;
  font-weight: bold;
}

.filtrosBuscaSinotico {
  line-height: 16px;
  float: right;
  padding-right: 20px;
  width: 75px;
}

.sinoticoMainContainer {
  position: absolute;
  transition: all .3s ease-out;
  width: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
}

.barraFiltros.barraSinotico.hideFilter, .metricasBox.resultadoGridMetricas.hideGrid {
  transform: translateY(50px);
}

.sinoticoTitle {
  margin: 0 10px;
  margin-bottom: 20px;
  font-family: 'Open Sans Regular', 'Open Sans';
  font-weight: 400;
  font-style: normal;
  color: #666666;
  font-size: 1.3em;
}

.sinoticoTitle .bgporlinha {
  background: #66C4D5;
  border-radius: 50%;
  color: #fff;
  margin-top: 3px;
  display: inline-block;
  text-align: center;
  padding: 0px 5px;
}

.sinoticoTitle .bgporlinha img {
  vertical-align: initial;
}

.sinoticoTitle span {
  font-family: 'Open Sans Bold Italic', 'Open Sans';
  font-weight: 700;
  font-style: italic;
  color: #66C4D5;
}

.wrap.wrapsb {
  /*height: 100%;*/
  /*gerou scroll vertical em todas as telas, inclusive mapa. Deixei comentado. Não sei quem colocou*/
}

.containerVeiculos {
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 10px;
}

[data-id=containerDeSinoticos] {
  transition: all 0.1s ease-out;
}


[data-id=containerDeSinoticos]::-webkit-scrollbar-thumb,
.containerVeiculos::-webkit-scrollbar-thumb {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #eeeeee;
}

[data-id=containerDeSinoticos]::-webkit-scrollbar,
.containerVeiculos::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}

[data-id=containerDeSinoticos]::-webkit-scrollbar-track,
.containerVeiculos::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 0px;
  background-color: #F5F5F5;
}

.canvas-frame {
  margin-bottom: 20px;
}

.canvas-frame > * {
  border-bottom: none;
}

.canvas-frame > footer {
  border-bottom: #E4E4E4 solid 1px;
}

.canvas-frame > footer > header {
  border-bottom: #E4E4E4 solid 1px;
}

.canvas-frame > footer > header > span {
  flex: 1;
  font-size: 0.8em;
  line-height: 25px;
  text-indent: 1em;
  font-weight: bold;
  text-transform: uppercase;
}

.canvas-frame > footer > section {
  padding: 20px 10px;
  overflow: hidden;
}


.canvas-frame > .moldura {
  background-color: #e2e7ea;
}

.canvas-frame > section {
  height: 225px;
  overflow: hidden;
  transition: all 0.3s ease-out;
  background-color: #ecf0f1;
}

.canvas-frame header {
  display: flex;
}

.canvas-frame > header > span {
  flex: 1;
  line-height: 28px;
  text-indent: 0.3em;
  font-weight: bold;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 80%;
}

.canvas-frame > header > button,
.canvas-frame > header > button:hover,
.canvas-frame > header > button:active,
.canvas-frame > header > button:focus {
  border-radius: 0;
  text-align: center;
  height: 100%;
  background-color: transparent;
  border-left: #E4E4E4 1px solid;
  color: #535353;
}


.terminalSinotico > div > .panel-group {
  margin-top: 23px !important;
}

.terminalSinotico .wrapLinhaMulti {
  display: flex;
}

.terminalSinotico .wrapLinhaMulti .LinhaMultiLeft {
  flex: 1;
  float: initial !important;
  width: 80%;
  border-right: none !important;
  height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  display: flex;
}

.terminalSinotico .wrapLinhaMulti .LinhaMultiRight > div,
.terminalSinotico .wrapLinhaMulti .LinhaMultiRight > button {
  flex: 1;
  top: initial !important;
  left: initial !important;
  margin: 0 4px;
  border-left: #ccc 1px solid;
}

.terminalSinotico .wrapLinhaMulti .LinhaMultiRight {
  float: initial !important;
  width: 80px !important;
  display: flex !important;
  margin-top: 0 !important;
}


.wrapcarrosUniMulti {
  text-align: left;
}

.LinhaMultiLeft .mNum {
  width: 25px;
}

.terminalSinotico .panel-group .panel + .panel {
  margin-top: 0px !important;
}

.janelaControlePlotagem.sinotico {
  position: absolute;
  z-index: 10;
  top: initial;
}


/* .alertasNavBar {
  width: initial;
  min-width: 50px;
  float: right;
  margin-right: initial;
  position: relative;
  top: -20px;
  height: 54px;
  border-left: none;
  padding: 15px 10px;
  border-right: solid 1px #ccc;
} */

.fa.volumebutton {
  color: #a4cc00;
  font-size: 1.5em;
}

.middle-table-item {
  display: table-cell;
  vertical-align: middle;
  margin: 0 2px;
}


.canvas-frame.floated-frame {
  flex: .5;
  width: 100%;
  margin: 2px;
  overflow: hidden;
  position: absolute !important;
  z-index: 0;
  display: block;
  background: rgb(255, 255, 255);
  height: auto;
  top: -2px;
  left: -2px;
}

.canvas-frame.floated-frame > section {
  height: 110px;
}

.canvas-frame.floated-frame > section canvas {
  height: 110px !important;
}

.canvas-frame.floated-frame .terminalSinotico {
  width: 150px;
}

.controle-suspenso .canvas-frame.floated-frame {
  /*min-width: 440px!important;*/
  width: 100%;
  min-width: 413px;
}

.canvas-frame.floated-frame .terminalSinotico span {
  font-size: 0.8em !important;
}

.canvas-frame.floated-frame table.container-full {
  font-size: 80%;
}

.menu-hidden-for-only-content {
  padding: 0 !important;
}

.container-full {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.zero-margin {
  margin: 0 !important;
}

.terminalSinotico.zero-margin {
  border: 0;
}

.terminalSinotico.zero-margin table th,
.terminalSinotico.zero-margin table td {
  padding: 0 3px;
}

.background-dark {
  background: #DCE0E2;
  background-image: url("../img/logo_marca_dagua.jpg");
  background-repeat: no-repeat;
  background-position: 96% 96%;
}

.botoes-de-controle-sinotico-framed {
  display: flex;
  zoom: 0.6;
  left: calc(50% - 40px);
  bottom: -50px;
  top: initial;
  box-shadow: rgba(0, 0, 0, 0.3) 0 -2px 8px 1px;
  transition: all 0.2s ease-out;
}


.canvas-frame.floated-frame > section:hover .controlesAlertasMapa,
.canvas-frame.floated-frame > section:focus .controlesAlertasMapa {
  bottom: 2px;
}


.canvas-frame.floated-frame button:focus {
  outline: none;
}

.wrapTerminal_uni {
  overflow: hidden;
}

div[rn-stepper] button[disabled] {
  opacity: 0.3;
}

.giroWrap ul[dnd-list] {
  height: 300px;
  overflow: hidden;
  overflow-y: auto;
}

.giroWrap ul[dnd-list], ul[dnd-list] > li {
  position: relative;
}

.tflexPassagem {
  font-size: 90% !important;
  font-family: 'Roboto Condensed', sans-serif;
  color: #000;
}

.linhaHeadPonto {
  background-color: #f9f9f9;
}

.tflexPassagem .linha {
  background-color: #fff;
  padding: 5px;
  padding-left: 0px;
  padding-right: 0px;
}

.tflexPassagem .linha:nth-child(odd) {
  background-color: #f9f9f9;
}

.tflexPassagem .linhaCorpo .linha:hover,
.tflexPassagem .linhaCorpo .linha:focus {
  background-color: #dbeff4 !important;
}


.bs-example-modal-tipo-operacao .modal-content {
  padding: 6px 20px 20px;
  overflow-y: hidden;
}

.modal-buttons-bottom-right {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.dndPlaceholder {
  list-style: none;
  min-height: 3px;
  background-color: #404040;
}

.btn-veiculos-proximos {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  background-color: #95ca31;
  text-transform: uppercase;
  font-weight: bold !important;
  text-shadow: none !important;
  border: none !important;
  color: #fff;
}

.btn.btn-veiculos-proximos:hover {
  text-transform: uppercase;
  font-weight: bold !important;
  text-shadow: none !important;
  border: none !important;
  color: #fff;
}

.btn.btn-veiculos-proximos:focus {
  background-color: #95ca31;
  text-transform: uppercase;
  font-weight: bold !important;
  text-shadow: none !important;
  border: none !important;
  color: #fff;
}

.badge-address {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  text-align: center;
  border-radius: 3px;
  background-color: #3598db !important;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 5px !important;
}

.select-tipo-raio {
  margin-right: 10px;
  border: 1px solid #9a9c9a !important;
  border-radius: 3px
}

.input-valor-raio {
  margin-right: 10px;
  max-width: 20%;
  width: 20%;
  border: 1px solid #9a9c9a !important;
  border-radius: 3px
}