/* ESTILOS PARA VECTIO HINO, (OVERRIDE) */
/* NOTA: Este CSS se genero a partir de sass/hino.scss. Debe editarse desde ese archivo */
/* ------------------------------------------GENERALES */
* {
  font-family: "Arial", "Helvetica", sans-serif;
  color: #000; }

.masterContainer {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  background: #fff; }

@media screen and (min-width: 768px) {
  body {
    background-color: #fff;
    background-image: url(../Imagenes/mainBg_hino.png);
    background-position: center top;
    background-size: auto; } }

/* ---------------------------------------------NAVBAR */
.navbar {
  background-color: #fff !important;
  color: #000 !important;
  border-bottom: 4px solid #ed1b2a !important;
  box-shadow: black 0px -53px 35px 54px !important; }

.navbar-right li {
  margin: 0px; }
  .navbar-right li .dropdown-toggle img {
    filter: brightness(0.5); }
  .navbar-right li .dropdown-toggle .imgPanel {
    background: url("../Imagenes/navbarUserHino.png"); }
  .navbar-right li .dropdown-toggle:hover {
    background: none !important; }
    .navbar-right li .dropdown-toggle:hover .imgPanel {
      background: url("../Imagenes/navbarUserHino_hover.png"); }
  .navbar-right li .dropdown-toggle #lblPanel {
    color: #666666; }
  .navbar-right li .dropdown-toggle:hover #lblPanel {
    color: #fff; }
  .navbar-right li:hover .dropdown-toggle, .navbar-right li:focus .dropdown-toggle {
    background: #ed1b2a !important; }
    .navbar-right li:hover .dropdown-toggle img, .navbar-right li:focus .dropdown-toggle img {
      filter: brightness(1); }
    .navbar-right li:hover .dropdown-toggle .mobileTag, .navbar-right li:focus .dropdown-toggle .mobileTag {
      color: #fff; }

.homeSubt {
  background: #cccccc; }

.dropdown.dropdownIdioma .dropdown-menu .divIdioma.idiomaSelected {
  background-color: #ed1b2a;
  color: #fff; }

@media (min-width: 768px) {
  .header-dropdown.dropdown-menu {
    background-color: #dcdddd !important; }
    .header-dropdown.dropdown-menu li:not(:last-child) {
      border-bottom-color: #666666; }
    .header-dropdown.dropdown-menu a {
      color: #000 !important; }
      .header-dropdown.dropdown-menu a:hover, .header-dropdown.dropdown-menu a:focus {
        background-color: #ed1b2a !important; } }

.mobileTag {
  color: #666666; }

#ctl00_Header1_btnCerrarSess {
  color: #000; }
  #ctl00_Header1_btnCerrarSess:hover {
    background-color: #ed1b2a;
    color: #fff; }

/* -----------------------------------------------HOME */
.h5, h5 {
    font-size: 12px;
    color: #ed1b2a;
    animation: h5-animation 1s steps(5, start) 14;
    -webkit-animation: h5-animation 2s steps(5, start) 14;
    text-decoration: underline;
}

.homeBox {
  background: #cccccc; }

@media (min-width: 1200px) {
  .PasaImagenes {
    background: #cccccc; } }

/* ---------------------------------------------BOTONES */
.btn-form, .buttonbuscar, .buttoGuardarySalir, .buttoGuardar, .btn-cargar-chk, .btn-form-sm {
  background-color: #ed1b2a;
  border-color: #960c16 !important;
  box-shadow: 0px 2px 0px #960c16;
  color: #fff; }
  .btn-form:hover, .buttonbuscar:hover, .buttoGuardarySalir:hover, .buttoGuardar:hover, .btn-cargar-chk:hover, .btn-form-sm:hover {
    background-color: #c5101d;
    color: #fff; }
  .btn-form span, .buttonbuscar span, .buttoGuardarySalir span, .buttoGuardar span, .btn-cargar-chk span, .btn-form-sm span {
    color: #fff !important; }

.buttonbuscar {
  background-image: url("../Imagenes/boton.buscar.w.png"); }

.buttoGuardar {
  background-image: url(../Imagenes/botonGuardar.w.png); }

.buttoGuardarySalir {
  background-image: url(../Imagenes/botonSalvarGuardar.w.png); }

/* -----------------------------------------------LOGIN */
.masterContainerLogin {
  box-shadow: none; }

.imageBg {
  background-image: url("../Imagenes/mainBg_hino.jpg");
  background-position: center center;
  filter: none;
  -webkit-filter: none; }

.panelLogin {
  background: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  border-radius: 0;
  padding: 10px; }

.panelLogin .conjLoginSup {
  display: inline-block;
  margin: 0 10px; }

input[type="text"].cajaTexto.loginUsuario, input[type="text"].cajaTexto.loginPass, .loginPass {
  width: 250px !important;
  display: block; }

input[type="text"].cajaTexto.loginUsuario, .loginPass {
  background-color: #fff;
  color: #000; }
  input[type="text"].cajaTexto.loginUsuario:-webkit-autofill, .loginPass:-webkit-autofill {
    -webkit-box-shadow: none;
    -webkit-text-fill-color: #000; }

.verPassBtn img {
  filter: brightness(0); }

.errorcito {
  color: #fff !important;
  background: #ed1b2a;
  outline: none; }

/* ------------------------------------------DATEPICKER */
div.ui-datepicker {
  border-radius: 0px !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-bottom: 5px solid #ed1b2a;
  background: #fff;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);
  padding: 0px;
  margin-top: 20px !important;
  width: 175px !important; }
  div.ui-datepicker * {
    font-size: 10px; }
  div.ui-datepicker:after {
    content: ' ';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ed1b2a;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px; }
  div.ui-datepicker table {
    width: 94%;
    margin-left: 5px;
    table-layout: fixed;
    font-size: .8em; }
    div.ui-datepicker table .ui-state-default {
      background-color: #f3f3f3;
      border: none;
      color: #333;
      text-align: center; }
      div.ui-datepicker table .ui-state-default.ui-state-hover {
        background-color: #e8e8e8; }
      div.ui-datepicker table .ui-state-default.ui-state-highlight {
        border: 1px solid #7cb0e6; }
      div.ui-datepicker table .ui-state-default.ui-state-active, div.ui-datepicker table .ui-state-default.ui-state-active-ui-state-highlight {
        background: #ed1b2a !important;
        color: #fff !important; }
  div.ui-datepicker .ui-datepicker-header.ui-widget-header {
    border-radius: 0px;
    border: none;
    background-color: #ed1b2a; }
    div.ui-datepicker .ui-datepicker-header.ui-widget-header .ui-icon {
      background-image: url("../Imagenes/chevron.png");
      background-position: 0px 0px;
      width: 8px !important;
      height: 20px;
      left: 50% !important;
      top: 0px !important;
      right: 0px !important;
      margin: 0px !important;
      margin-left: -4px !important; }
    div.ui-datepicker .ui-datepicker-header.ui-widget-header .ui-datepicker-next .ui-icon {
      background-position: -9px 0px; }
    div.ui-datepicker .ui-datepicker-header.ui-widget-header .ui-datepicker-next, div.ui-datepicker .ui-datepicker-header.ui-widget-header .ui-datepicker-prev {
      border-radius: 0px;
      background-color: transparent;
      border: none;
      margin: 7px 0px;
      width: 20px;
      height: 20px; }
    div.ui-datepicker .ui-datepicker-header.ui-widget-header .ui-datepicker-next-hover, div.ui-datepicker .ui-datepicker-header.ui-widget-header .ui-datepicker-prev-hover {
      background-color: #960c16;
      top: 2px; }
    div.ui-datepicker .ui-datepicker-header.ui-widget-header .ui-datepicker-prev-hover {
      left: 2px; }
    div.ui-datepicker .ui-datepicker-header.ui-widget-header .ui-datepicker-next-hover {
      right: 2px; }
  div.ui-datepicker .ui-datepicker-title {
    padding: 10px 0px; }
    div.ui-datepicker .ui-datepicker-title select {
      background: transparent;
      color: #fff;
      border: 1px solid #fff;
      margin: 0px 5px;
      width: 42%; }
      div.ui-datepicker .ui-datepicker-title select option {
        color: #000; }

/* --------------------------------------ELEMENTOS FORM */
.formTitle, .formTitle span {
  text-transform: none;
  text-shadow: none;
  letter-spacing: 0px;
  font-family: 'Tahoma', 'Geneva', sans-serif;
  font-size: 1.8rem; }

.formSubtitle {
  display: block;
  font-size: 14px;
  font-weight: bold;
  background: #4f4f4f;
  padding: 5px 15px;
  color: #fff; }

.formCombobox, .cajaTexto, .comboTexto, .selDistribuidor, .dpFecha, .ui-widget-content {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #bbbbbb !important;
  transition: border .2s; }
  .formCombobox a, .cajaTexto a, .comboTexto a, .selDistribuidor a, .dpFecha a, .ui-widget-content a {
    color: #000 !important; }
  .formCombobox:hover, .formCombobox:focus, .cajaTexto:hover, .cajaTexto:focus, .comboTexto:hover, .comboTexto:focus, .selDistribuidor:hover, .selDistribuidor:focus, .dpFecha:hover, .dpFecha:focus, .ui-widget-content:hover, .ui-widget-content:focus {
    border-color: #666666 !important; }
  .formCombobox.error, .cajaTexto.error, .comboTexto.error, .selDistribuidor.error, .dpFecha.error, .ui-widget-content.error {
    border-color: #ed1b2a !important; }
    .formCombobox.error + .ui-button.botonDropDown, .cajaTexto.error + .ui-button.botonDropDown, .comboTexto.error + .ui-button.botonDropDown, .selDistribuidor.error + .ui-button.botonDropDown, .dpFecha.error + .ui-button.botonDropDown, .ui-widget-content.error + .ui-button.botonDropDown {
      background-color: #ed1b2a !important; }

.formCombobox + .ui-button {
  transform: translateY(1px); }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background-color: #bbbbbb !important;
  color: #000 !important; }

.ui-button.botonDropDown {
  background-color: #666666 !important;
  transition: all .4s; }
  .ui-button.botonDropDown.ui-state-hover {
    background-color: #bbbbbb !important; }
  .ui-button.botonDropDown:hover + .cajaTexto {
    border-color: #666666 !important; }

select {
  background-color: #fff;
  color: #000; }

.formCombobox.ui-autocomplete-loading {
  background: #fff url("../Imagenes/preloader.gif") right center no-repeat !important; }

img[src="../Imagenes/calendarioPiola.png"] {
  filter: hue-rotate(522deg) saturate(260%); }

.chkContainer {
  border-color: #666666;
  background: #cccccc; }

.subtVineta {
  background: #cccccc; }
  .subtVineta:before {
    color: #ed1b2a; }

.panelCoordenadas.contCoordenadasShow * {
  color: #fff; }

#chkRequisito label {
  color: #000; }

.listadoRequisitosDb label {
  color: #000 !important; }

textarea.cajaTextoComentarios#ctl00_contenidoMaster_txtObservaciones {
  color: #000 !important; }

/* ----------------------------------------------GRILLA */
.ui-corner-tr, .ui-corner-br {
  background-color: #666666 !important; }

.dataTables_filter label input {
  background-color: #fff !important;
  color: #000 !important; }

tr.even td, tr.odd td {
  border-color: #cccccc !important;
  color: #000 !important; }
  tr.even td:first-child, tr.odd td:first-child {
    filter: saturate(800%) brightness(70%) hue-rotate(148deg); }

.dataTables_filter label, .dataTables_length label, .dataTables_info {
  color: #fff; }

.dataTables_paginate .fg-button.ui-button.ui-state-default, .dataTables_paginate .fg-button.ui-button.ui-state-default.last {
  background-color: #ed1b2a !important; }

.JsonGrid .seleccion {
  background-color: #808080 !important; }
  .JsonGrid .seleccion td {
    color: #fff !important; }

/* ------------------------------------------------TABS */
.nav-tabs {
  border-bottom: 2px solid #666666 !important; }
  .nav-tabs.nav-tabs-alternativas {
    border-bottom-color: #ed1b2a !important; }
    .nav-tabs.nav-tabs-alternativas > li.active > a {
      border-bottom-color: #ed1b2a !important;
      background-color: #ed1b2a !important; }

.nav-tabs > li > a {
  border-radius: 0px;
  border-top: none;
  color: #666666; }
  .nav-tabs > li > a img {
    filter: brightness(0); }
  .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    border-top: none !important;
    background-color: #bbbbbb;
    color: #666666; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:visited {
  background-color: #666666 !important;
  border-top: none; }
  .nav-tabs > li.active > a img, .nav-tabs > li.active > a:visited img {
    filter: brightness(1); }
  .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:visited:hover, .nav-tabs > li.active > a:visited:focus {
    border-top: none !important; }
  .nav-tabs > li.active > a span, .nav-tabs > li.active > a:visited span {
    color: #fff !important; }

/* -------------------------------------------CHECKLIST */
#ctl00_contenidoMaster_ucCheckList_CheckList tr:first-child {
  background: #ed1b2a;
  color: #fff; }

td.grupo, .trGrupo td.grupo {
  background-color: #c5101d !important;
  color: #fff !important; }

.contBotones {
  background-color: #bbbbbb; }

/* -----------------------------------------SEGUIMIENTO */
.botoneraSeguimiento, .botoneraSeguimiento2 {
  border-color: #ed1b2a;
  background: rgba(0, 0, 0, 0.2); }
  .botoneraSeguimiento img, .botoneraSeguimiento2 img {
    background: #ed1b2a;
    border-color: #ed1b2a; }

.barraColapsar {
  background: #ed1b2a; }
  .barraColapsar .botonColapsar {
    background: #ed1b2a;
    border-color: rgba(237, 27, 42, 0.4); }

.panelCombos {
  background: #cccccc; }

/* --------------------------------------SEGUIMIENTO v2 */
#containerNav {
  background-color: #fff; }

#divDominio .cajaTexto {
  background: #fff !important; }

/* --------------------------------------------TACOCHAT */
.chatP {
  color: #000 !important; }

.columnaChat {
  background-color: #dcdddd;
  border-top-color: #dcdddd; }

.columnaInputChat input[type=text].cajaTexto, .contBoxMensaje input[type=text].cajaTexto {
  background: #fff !important;
  color: #000 !important; }

.btnEnviar:hover {
  border-color: #ed1b2a;
  background-color: #ed1b2a; }

/* --------------------------------------------GRAFICOS */
#divChar #defs + rect {
  fill: #666666; }

/* --------------------------------------REEMPLAZAR CHK */
.reemplazarChk label {
  color: #000; }
  .reemplazarChk label:before {
    border: 2px solid #666666; }

.reemplazarChk input[type="checkbox"]:checked + label:before {
  background-color: #666666; }

/* -------------------------------------------SORTABLES */
.arrastrablePadre li {
  background-color: rgba(0, 0, 0, 0.1); }

/* -----------------------------------------------MODAL */
.modal-content {
  background: #fff; }

/* ----------------------------------------------FOOTER */

footer {
    background: linear-gradient(55deg, #c2c1c1, #c2c1c1);
}

.imgFulmar/*, .imgTarget*/ {
  display: none; }
  .imgFulmar.anim, .imgTarget.anim {
    display: block;
    opacity: 1; }
    .imgFulmar.anim:hover, .imgTarget.anim:hover {
      opacity: .8; }

.etiquetaVersion {
  color: #666666; }

.solapaEmpresasChk {
  background: #cccccc; }

#ctl00_contenidoMaster_CheckEmpresas, #ctl00_contenidoMaster_cblPerfiles {
  background-color: #dcdddd; }

a.footer-mail-link {
  color: #ed1b2a;
  border-color: #ed1b2a; }
  a.footer-mail-link span {
    color: #ed1b2a; }
  a.footer-mail-link:hover {
    background-color: #ed1b2a;
    color: #fff; }
    a.footer-mail-link:hover span {
      color: #fff; }

/* ---------------------------------------------- BIBLIOTECA */
.filaDoc {
  border-color: #dcdddd; }
  .filaDoc:hover {
    background: #dcdddd; }
  .filaDoc:last-child {
    border-color: #dcdddd; }

.tipoDoc {
  background: #666666; }

.plusMinusButton {
  background: #ed1b2a;
  color: #fff; }

/* ---------------------------------------------- BIBLIOTECA */
.helpDeskSelect {
  border: 1px solid darkgrey; }

/* ---------------------------------------------- GRAFICOS ECODRIVE */
.tagConsumo {
  font-size: 14px;
  color: #ae101b;
  position: absolute;
  right: 0px;
  background: linear-gradient(to right, rgba(201, 201, 201, 0) 1%, rgba(201, 201, 201, 0.14) 35%, rgba(201, 201, 201, 0.4) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  top: 0;
  display: block;
  height: 50px;
  width: 18%;
  text-align: right;
  padding: 5px 40px 5px 0; }
  .tagConsumo span {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    display: block; }

.tagRpm {
  font-size: 14px;
  color: #ae101b;
  position: absolute;
  right: 0px;
  background: linear-gradient(to right, rgba(201, 201, 201, 0) 1%, rgba(201, 201, 201, 0.14) 35%, rgba(201, 201, 201, 0.4) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  bottom: 40px;
  display: block;
  height: 50px;
  width: 18%;
  text-align: right;
  padding: 5px 40px 5px 0; }
  .tagRpm span {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    display: block; }

.graficoComplejo {
  position: relative;
  height: 300px; }
  .graficoComplejo .graficoBase {
    width: 80%;
    height: 300px; }
  .graficoComplejo img.loader {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px; }
  .graficoComplejo .zona {
    position: absolute;
    left: 0;
    right: 0; }
    .graficoComplejo .zona img {
      position: absolute;
      top: 50%;
      margin-top: -12px;
      opacity: .6;
      right: 50px; }
    .graficoComplejo .zona.verde {
      background: rgba(0, 255, 0, 0.4);
      border-top: 2px dashed red; }
    .graficoComplejo .zona.roja {
      background: rgba(255, 0, 0, 0.4); }

/* ---------------------------------------------- DASHBOARD */
.menuAccesos .homeBox {
  background: #cccccc; }
  .menuAccesos .homeBox:hover {
    background: #bbbbbb; }

.dashboard .dashboardItem {
    background: #dcdddd;
}
  .dashboard .dashboardItem.topInfo .topInfoTag {
    color: #666666; }
  .dashboard .dashboardItem.topInfo .topInfoIcon {
    filter: brightness(0); }
  .dashboard .dashboardItem.topInfo .topInfoData {
    color: #666666; }
    .dashboard .dashboardItem.topInfo .topInfoData .unidad {
      color: #666666; }
  .dashboard .dashboardItem .chartTag {
    color: #666666; }
  .dashboard .dashboardItem.bottomInfo .bottomInfoTag {
    color: #666666; }
  .dashboard .dashboardItem.bottomInfo .bottomInfoData {
    color: #666666; }
    .dashboard .dashboardItem.bottomInfo .bottomInfoData .unidad {
      color: #666666; }
  .dashboard .dashboardItem.extension.positivo {
    background-color: #0d9b5a; }
  .dashboard .dashboardItem.extension span {
    color: #fff; }
  .dashboard .dashboardItem .position-map-title {
    color: #666666;
    background: -moz-linear-gradient(50% 100% 90deg, rgba(220, 221, 221, 0) 0%, #dcdddd 71.79%);
    background: -webkit-linear-gradient(90deg, rgba(220, 221, 221, 0) 0%, #dcdddd 71.79%);
    background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0, rgba(220, 221, 221, 0)), color-stop(0.7179, #dcdddd));
    background: -o-linear-gradient(90deg, rgba(220, 221, 221, 0) 0%, #dcdddd 71.79%);
    background: -ms-linear-gradient(90deg, rgba(220, 221, 221, 0) 0%, #dcdddd 71.79%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCDDDD', endColorstr='#DCDDDD' ,GradientType=0)";
    background: linear-gradient(0deg, rgba(220, 221, 221, 0) 0%, #dcdddd 71.79%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DCDDDD',endColorstr='#DCDDDD' , GradientType=0); }
  .dashboard .dashboardItem .map-stats {
    background-color: #dcdddd; }
    .dashboard .dashboardItem .map-stats .vehicle-chart {
      background-color: #dcdddd; }
      .dashboard .dashboardItem .map-stats .vehicle-chart .pie-chart-data {
        background-color: #dcdddd; }
    .dashboard .dashboardItem .map-stats .vehicle-stats .vehicle-stats-row span {
      color: #666666; }
    .dashboard .dashboardItem .map-stats .vehicle-stats .vehicle-stats-row .vehicle-stat-number {
      color: #fff; }
  .dashboard .dashboardItem .slick-modulos .slick-modulo {
    background-color: #cccccc; }
    .dashboard .dashboardItem .slick-modulos .slick-modulo:before {
      background-color: rgba(204, 204, 204, 0.8); }
    .dashboard .dashboardItem .slick-modulos .slick-modulo a {
      color: #000;
      border-color: #000;
      font-weight: bold; }
      .dashboard .dashboardItem .slick-modulos .slick-modulo a:last-child, .dashboard .dashboardItem .slick-modulos .slick-modulo a:last-child span {
        color: #ed1b2a;
        border-color: #ed1b2a; }
  .dashboard .dashboardItem.news-panel .news-body {
    background-color: #dcdddd; }