﻿
body, body.body {
  padding: 0;
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
}

  body.body.scrollfijo {
    overflow: scroll;
  }

  body.body.no-scroll {
    overflow: hidden;
  }

    body.body.no-scroll.login {
      overflow: hidden;
      background-color: #000;
    }

  body .main-app {
    width: 100%;
    height: 100%;
  }


/*fix estilos*/
.fa-regular {
  font-family: 'Fontawesome webfont', 'Fa 300', 'Fontawesome', 'sans-serif';
}

.marca {
  height: 150px;
}

.logosider {
  display: block;
  width: 275px;
  height: 60px;
  width: 230px;
  height: 50px;
  margin: 10px auto 25px;
  background-color: transparent;
  background-image: url('../images/logoriginal.png');
  background-image: url('../images/logoriginal-blanco.png');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  /*ajustes amsted*/
  background-color: rgb(0,0,0,.5);
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
  height: 70px;
}




.sideddlink.w--current {
  overflow: hidden;
  border-radius: 5px;
  background-color: #003DA6;
  background-color: #2E60CC;
  background-color: #002A75;
  background-color: #ED2B2F;
  color: #fff;
  text-decoration: none;
}


.slide-action-button {
  border: 1px solid #002A75;
  color: #002A75;
  border: 1px solid #003DA6;
  color: #003DA6;
}

  .slide-action-button:hover {
    border-color: #002A75;
    color: #002A75;
    border-color: #003DA6;
    color: #003DA6;
    box-shadow: 4px 4px 3px 0 #000;
  }


.fr-btnconsultar {
  border-color: #003DA6;
  color: #003DA6;
}

  .maquila-cliente .fr-btnconsultar:hover,
  .fr-btnconsultar:hover {
    background-color: #003DA6;
    color: #fff;
  }


.maquila-cliente .fa-dvmenumovilinterior,
.fa-dvmenumovilinterior {
  background-color: #003DA6;
}

.maquila-cliente .fr-wactualp,
.fr-wactualp {
  background-color: #003DA6;
}

.fr-wtmenu.rojo-activo {
  color: #003DA6;
}


.fr-aplicarfiltros.plano:hover {
  background-color: #003DA6;
  color: #fff;
}


.fr-aplicarfiltros.plano.btnusuarios.fr-btn-filtrar {
  border-color: #003DA6;
  color: #003DA6;
}

  .fr-aplicarfiltros.plano.btnusuarios.fr-btn-filtrar:hover {
    background-color: #003DA6;
    color: #fff;
  }


.maquila-cliente .fr-wbtnnav,
.fr-wbtnnav {
  border-color: #003DA6;
  color: #003DA6;
}

  .maquila-cliente .fr-wbtnnav,
  .fr-wbtnnav:hover {
    background-color: #003DA6;
  }


.maquila-cliente .dviconobadge,
.dviconobadge {
  background-color: #003DA6;
}

.btn.btn-rojo {
  background-color: #003DA6;
  cursor: pointer;
}

.noticia-titulo-movil {
  background-color: #003DA6;
}



.maquila-cliente .fr-wbtnnav {
  background-color: #ffffff;
}


  .maquila-cliente
  .fr-wbtnnav:hover {
    background-color: #003DA6;
  }



.maincontent.login {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0.35))), url('../images/home-background.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)), url('../images/home-background.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/home-background.jpg');
}



/*ajuste imagen del panel de navegación*/

/*ajuste imagen del panel de navegación*/

.sidebar {
  padding-left: 0;
  padding-right: 0;
}

  .sidebar .marca {
    flex: 0 auto;
    background-color: rgba(255, 255, 255, 1);
    background-color: #fff;
    height: 160px;
  }


  .sidebar .heading.sidebarmarca {
    display: block;
    color: #003DA6;
    font-size: 1.4em;
  }

  .sidebar .logosider.logosider-xl {
    display: flex;
    width: 100%;
    justify-content: center;
  }

  .sidebar .logosider {
    width: 180px;
    height: 120px;
    margin: 10px auto 25px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
  }

    .sidebar .logosider.logosider-xl img {
      width: 280px;
      max-width: 320px;
      max-height: 40px;
      width: auto;
      max-height: 60px;
    }



  .sidebar .menusidebar {
    padding-left: 10px;
    padding-right: 10px;
  }
