html, body, .ng-scope {
    height: 100%;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

.itemMenuMobi7 {
    transition: 0.3s ease-out all;
    left: 0;
}

.rastreadosListaToggle {
    left: -460px;
}

.rastreadosGridToggle {
    left: -460px;
}

.marker-with-label-circulo {
    height: 23px;
    width: 23px;
    z-index: -1 !important;
}

.icon-direction-route {
    background-image: url(https://mobi7-static-images.s3.amazonaws.com/platform-assets/seta_direcao.png);
    width: 23px;
    height: 23px;
    background-size: 100%;
    position: absolute;
}

.circulo-verde,
.circulo-vermelho{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    height: 23px;
    width: 23px;
    transition: all 0.5s ease;
}

.circulo-verde {
    background-image: url("https://mobi7-static-images.s3.amazonaws.com/platform-assets/circulo-verde.png");
}

.circulo-vermelho {
    background-image: url("https://mobi7-static-images.s3.amazonaws.com/platform-assets/circulo-vermelho.png");
    height: 30px;
    width: 30px;
}

.appLoading {
    background-color: #121820;
    width: 100%;
    height: 100%;
    position: relative;
}

.appLoadingMeio {
    color: #FFF;
    position: absolute;
    top: 45%;
    text-align: center;
    width: 100%;
    height: 100%
}

.appLoadingLine {
    display: inline-block;
    height: auto;
    margin-top: 10px;
}

.appLoadingTitle {
    font-weight: bold;
    font-size: 2em;
}

.appLoadingDescription {
    font-size: 1.5em;
}

.appLoadingLine {
     display: inline-block;
     height: auto;
     margin-top: 20px;
 }

.grey-ball-marker {
    background-color: #999999
}

.car-marker.car-marker-grey .car-marker-plate {
    background: #999999
}

.car-marker.car-marker-grey .car-marker-avatar img {
    border-color: #999999
}

.car-marker.car-marker-grey .car-marker-arrow {
    border-top-color: #999999
}

.cropArea {
    overflow: hidden;
    height: 350px;
}

.simplebar-content {
    margin-bottom: 0 !important;
}

.window-alertas {
    height: calc(100% - 228px) !important;
}

.window-pontos {
    height: calc(100% - 200px) !important;
}

.window-rastreados {
    /* height: calc(100% - 156px) !important; */
}

.window-relatorio-distancia {
    height: calc(100% - 160px) !important;
}

.opcoesMenuUsuario {
    top: 52px;
}

.opcoesMenuUsuarioUltimo {
    top: 5px !important;
    right: 50px !important;
    bottom: 0 !important;
}

#map.mapaMenor {
    left: 460px;
    width: calc(100% - 460px) !important;
    transition: 0.3s ease-out all;
}

#map.mapaMenorPoi {
    left: 480px;
    width: calc(100% - 480px) !important;
    transition: 0.3s ease-out all;
}

#map.mapaMenorCadastroPois {
    left: 280px;
    width: calc(100% - 280px) !important;
    transition: 0.3s ease-out all;
}

#map.mapaMenorAlertas {
    left: 660px;
    width: calc(100% - 660px) !important;
    transition: 0.3s ease-out all;
}

#map.mapaMenorCadastroAlertas {
    left: 280px;
    width: calc(100% - 280px) !important;
    transition: 0.3s ease-out all;
}

#map.mapaMenorRelatorios {
    left: 280px;
    width: calc(100% - 280px) !important;
    transition: 0.3s ease-out all;
}

#map.mapaMaior {
    left: 0;
    width: 100% !important;
    transition: 0.3s ease-out all;
}

#map.mapaHereMenor {
    position: relative;
    left: 460px;
    width: calc(100% - 460px) !important;
    transition: 0.3s ease-out all;
}

#map.mapaHereMenorPoi {
    position: relative;
    left: 480px;
    width: calc(100% - 480px) !important;
    transition: 0.3s ease-out all;
}

#map.mapaHereMenorCadastroPois {
    position: relative;
    left: 280px;
    width: calc(100% - 280px) !important;
    transition: 0.3s ease-out all;
}

#map.mapaHereMenorAlertas {
    position: relative;
    left: 660px;
    width: calc(100% - 660px) !important;
    transition: 0.3s ease-out all;
}

#map.mapaHereMenorCadastroAlertas {
    position: relative;
    left: 280px;
    width: calc(100% - 280px) !important;
    transition: 0.3s ease-out all;
}

#map.mapaHereMenorRelatorios {
    position: relative;
    left: 265px;
    width: calc(100% - 265px) !important;
    transition: 0.3s ease-out all;
}

#map.mapaHereMaior {
    position: relative;
    left: 0;
    width: 100% !important;
    transition: 0.3s ease-out all;
}

@media (max-width: 1100px) {
    .cadastro-usuario-right {
        left: 10% !important;
        position: relative;
    }
}

@media (max-width: 1100px) {
    .col-sm-5 {
        width: 50%;
    }
}

.poiSelecionado {
    color: #f00 !important;
}

.poiNaoEditavel {
    position: relative;
    left: -64px;
}

.pac-container {
    width: 500px !important;
}

.grupo-horario-slider {
    padding-top: 30px !important;
    min-height: 70px;
}

.itemRegraLinhaCima {
    position: relative;
    top: -85px;
}

.ctn-hours-of-service {
    display: flex;
    align-items: center;
    line-height: 1;
    white-space: normal;
}

.itemRegraLinhaBaixo {
    position: relative;
    top: -140px;
}

.botao_usuario {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #fff;
    padding: 0 7px;
}

.infoWindowEsconder {
    visibility: hidden;
}

.car-marker-popover .label-grey {
    background-color: #999999
}

.modal-height {
    height: 333px;
}

.icon-bateria-0:before {
    content: '\f244'
}

.icon-bateria-1:before {
    content: '\f243'
}

.icon-bateria-2:before {
    content: '\f242'
}

.icon-bateria-3:before {
    content: '\f241'
}

.icon-bateria-4:before {
    content: '\f240'
}

.mapaComCabecalho {
    height: calc(100% - 62px);
}

.mapaSemCabecalho {
    /* height: calc(100% - 70px); */
}

/*hack para desabilitar o bot?o de retorno do street view*/
.gm-iv-container {
    display: none;
}

.botao-fechar-streetview {
    position: absolute;
    z-index: 1000;
    color: black;
    font-size: 20px;
    right: 15px;
    top: 70px;
    background-color: white;
    box-shadow: 0 0 4px grey;
    cursor: pointer;
}

.btn-streetview {
    color: #0097a4;
    background-color: #07111a;
    border: 1px solid;
    cursor: pointer;
    right: 10px;
}

.btn-streetview:hover {
    color: white;
}

.marker-with-label-percurso {
    height: 23px;
    width: 23px;
    z-index: -1 !important;
    overflow: visible !important;
}

.botao-pesquisar {
    color: white !important;
    border-color: white !important;
}

.botao-pesquisar:hover {
    color: #0097a4 !important;
    background-color: white !important;
}

.hodometroTooltip {
    text-transform: none;
    font-size: 12px;
    margin-left: 6px;
    border-radius: 50%;
    border: 1px solid #00b8ce;
    padding-left: 6px;
    padding-right: 7px;
    color: #00b8ce;
    cursor: pointer;
}

.label-grey {
    background-color: #999999;
}

.bootstrap-tagsinput {
    width: 100% !important;
}

.itemNota {
    width: 23% !important;
}

.itemNota a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.itemNotaTipo {
    width: 50% !important;
    margin: 1px !important;
    padding: 5px -10px 0 8px !important;
    margin-left: 20px !important;
    font-size: 20px !important;
    border-left: 0 !important;
    border-top: 0 !important;
}

.itemNotaGrave {
    border-top: 0 !important;
}

.veiculoSomenteLeitra {
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

.usuarioSomenteLeitra {
    padding-left: 40px !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

.itemDashboardDesabilidato {
    color: #828282 !important;
}

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

.label-cinza {
    background-color: #999999 !important;
}

.label-verde {
    background-color: #22b66f !important;
}

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

.selecaoDataMes {
    background-color: #1f2d43;
    border: 1px solid #2b384c;
    padding: 20px;
    position: absolute;
    width: 255px;
    z-index: 100;
}

.label-cadastro-veiculo {
    padding-top: 5px;
    font-weight: 100;
}

.switchPoiSelecionado {
    background-color: #ffffff !important;
}

.clockpicker-tick:hover {
    background-color: rgba(0, 149, 221, .25) !important;
    background-color: #00b8ce !important
}

.clockpicker-canvas-bg {
    stroke: none;
    fill: #00b8ce !important
}

.clockpicker-popover .popover-title {
    background-color: #00b8ce !important;
    color: #fff !important;
    font-size: 24px;
    font-weight: normal !important;
    line-height: 30px;
    text-align: center;
    font-family: Roboto, Arial, sans-serif !important;
}

.clockpicker-span-hours text-primary {
    color: #fff !important;
}

.clockpicker-popover .popover-title {
    background-color: #00b8ce !important;
    color: #fff;
    font-size: 24px;
    font-weight: normal !important;
    line-height: 30px;
    text-align: center;
}

.clockpicker-popover .popover-content {
    background-color: #333 !important;
    padding: 12px;
    font-weight: normal !important;
}

.clockpicker-tick {
    font-family: Roboto, Arial, sans-serif !important;
    color: #fff !important;
    font-weight: 400 !important;
    font-style: normal;
    font-size: 13px !important;
}

.clockpicker-dial .clockpicker-hours {
    background-color: #333 !important;
}

.clockpicker-plate {
    background-color: #333 !important;
    border: 0 !important;
}

.clockpicker-tick:hover {
    background-color: rgba(0, 149, 221, .25) !important;
    background-color: #00b8ce !important
}

.clockpicker-canvas-bg {
    stroke: none;
    fill: #00b8ce !important
}

.clockpicker-popover {
    font-family: "Source Sans Pro", sans-serif !important;
    border: 1px !important;
}

.clockpicker-popover.popover.right {
    margin-left: 60px !important;
}

.clockpicker-popover .popover-title {
    background-color: #0097a4 !important;
    color: #fff !important;
    font-size: 24px;
    font-weight: normal !important;
    line-height: 30px;
    text-align: center;
}

.clockpicker-span-hours {
    color: #2b384c !important;
}

.clockpicker-span-minutes {
    color: #2b384c !important;
}

.clockpicker-span-hours.text-primary {
    color: #fff !important;
}

.clockpicker-span-minutes.text-primary {
    color: #fff !important;
}

.clockpicker-popover .popover-content {
    background-color: #333 !important;
    padding: 12px;
    font-weight: normal !important;
}

.clockpicker-tick {
    color: #fff !important;
    font-weight: 400 !important;
    font-style: normal;
    font-size: 13px !important;
}

.clockpicker-dial .clockpicker-hours {
    background-color: #333 !important;
}

.clockpicker-plate {
    background-color: #333 !important;
    border: 0 !important;
}

.popover > .arrow {
    border-width: 7px !important;
    bottom: -14px !important;
}

.popover > .arrow:after {
    border-width: 7px !important;
    top: -8px !important;
    left: 3px !important;
}

.plateDiv {
    position: relative;
    width: 150px;
    left: -105%;
}

.vs-repeat-before-content {
    margin: 0 !important;
}

.vs-repeat-after-content {
    margin: 0 !important;
}

.window-close-button {
    z-index: 10000;
}