/* ****** */
/* 
  .skin-black .main-header .navbar {
    background-color: #9e5b02;
  }
  .skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side {
    
    background-color:#ffffff !important;
  } 
*/


@keyframes resplandorAnimacion {
  0% {
    box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.7);
  }

  100% {
    box-shadow: 0 0 50px 20px rgba(255, 255, 255, 0);
  }
}

/* .divAplicacionesCard,
.divRenLotes {
  margin-bottom: 30px;
} */

/* .divRenLotes .wrapper-g-bod{
  background-color: #cdcdcd;
} */

.divAplicacionesCard .wrapper-g {
  /* font-family: Ubuntu, "times new roman", times, roman, serif; */
  color: #000;
  height: 305px;
  max-width: 220px;
  padding: 15px;
  background-color: #fefefe;

  /* transform: scale(0); */
  transition: all .4s;

}

.divRenLotes .wrapper-g {
  /* font-family: Ubuntu, "times new roman", times, roman, serif; */
  color: #000;
  height: 305px;
  max-width: 220px;
  padding: 15px;
  background-color: #fefefe;

  transform: scale(0);
  transition: all .4s;

}

.divAplicacionesCard .wrapper-u,
.divRenLotes .wrapper-u {
  height: 190px;
  border-radius: 30px 30px 0px 0px;
  box-shadow: 6px 10px 8px #dadada;
  padding: 10px;
  color: #FFF;
  z-index: 1;
  overflow: hidden;
}

.divAplicacionesCard .bg-apl-aereo {
  /* background: linear-gradient(145deg, #91cb45 , #47ac42); */
  background-image: url('../../../img/aplicaciones/apl_bg_aereo.png');
}

.divAplicacionesCard .bg-apl-canon {
  /* background: linear-gradient(145deg, #91cb45 , #47ac42); */
  background-image: url('../../../img/aplicaciones/apl_bg_canon.png');
}

.divAplicacionesCard .bg-apl-riego {
  /* background: linear-gradient(145deg, #91cb45 , #47ac42); */
  background-image: url('../../../img/aplicaciones/apl_bg_riego.png');
}

.divRenLotes .papa_activee {
  /* background: linear-gradient(145deg, #91cb45 , #47ac42); */
  background-image: url('../../../img/embarques/cccard_papa.png');
}

.divRenLotes .papa_inactivee {
  /* background: linear-gradient(145deg, #b5b9ac , #7e8173); */
  /* background-image:url('../../../img/embarques/card_papa.png');  */
  background-image: url('../../../img/embarques/cccard_papa_fin.png');
}

.divRenLotes .maizdulce_activee {
  background-image: url('../../../img/embarques/ccccard_maizdulce.png');
}

.divRenLotes .maizdulce_inactivee {
  background-image: url('../../../img/embarques/ccccard_maizdulce_fin.png');
}

.divRenLotes .maizblanco_activee {
  background-image: url('../../../img/embarques/ccccard_maizblanco.png');
}

.divRenLotes .maizblanco_inactivee {
  background-image: url('../../../img/embarques/ccccard_maizblanco_fin.png');
}

.divRenLotes .sorgo_activee {
  background-image: url('../../../img/embarques/ccccard_sorgo.png');
}

.divRenLotes .sorgo_inactivee {
  background-image: url('../../../img/embarques/ccccard_sorgo_fin.png');
}

.divAplicacionesCard .img-cultivo,
.divRenLotes .img-cultivo {
  /* background-image:url('../../../img/embarques/cccard_papa.png'); */
  background-repeat: no-repeat;
  background-size: 100%;
  /* background-image:url('../../../img/embarques/hoja.png'); */
}

.divAplicacionesCard .wrapper-u .divCL,
.divRenLotes .wrapper-u .divCL {
  height: 40px;
}

.divAplicacionesCard .wrapper-u .logo-w,
.divRenLotes .wrapper-u .logo-w {
  float: right;
  width: 20px;
  margin-bottom: 15px;
}

.divAplicacionesCard .wrapper-u .spantl,
.divRenLotes .wrapper-u .spantl {
  font-size: 10px;
  font-weight: normal;
  display: block;
}

.divAplicacionesCard .wrapper-u .spancl,
.divRenLotes .wrapper-u .spancl {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bolder;
  display: block;
  line-height: 110%;
  margin-bottom: 10px;
}

.divAplicacionesCard .wrapper-u .spancl2,
.divRenLotes .wrapper-u .spancl2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  display: block;
  line-height: 110%;
  margin-bottom: 10px;
}

.wrapper-u .spancRen {
  font-weight: bolder;
  display: block;
  line-height: 110%;
  margin-bottom: 10px;
}

.divAplicacionesCard .wrapper-u .spancRen {
  font-size: 18px;
}

.divRenLotes .wrapper-u .spancRen {
  font-size: 38px;
}


/* .divRenLotes .wrapper-u .proimg{
  width: 140px;
  height: 140px;
  background: linear-gradient(145deg, #333 , #fff);
  margin-top:-80px;
  margin-left:50%;
  background-image:url('../../../img/embarques/papa.png'); 
  background-repeat: no-repeat;
  background-size: 100%;
} */

.divAplicacionesCard .wrapper-d,
.divRenLotes .wrapper-d {
  height: 165px;
  background-color: #fff;
  margin-top: -5px;
  border-radius: 0px 0px 25px 25px;
  box-shadow: 6px 10px 8px #dadada;
  z-index: 2;
  margin-bottom: 20px;
}

.divAplicacionesCard .wrapper-d .spanttp,
.divRenLotes .wrapper-d .spanttp {
  margin-top: -10px;
  font-size: 9px;
  font-weight: normal;
  display: block;
}

.divAplicacionesCard .wrapper-d .spanctp,
.divRenLotes .wrapper-d .spanctp {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: bolder;
  display: block;
  margin-bottom: 15px;
  line-height: 100%;
}

.divAplicacionesCard .wrapper-d .txt-warning,
.divRenLotes .wrapper-d .txt-warning {
  color: orange;
}

.divAplicacionesCard .wrapper-d .spanctp2,
.divRenLotes .wrapper-d .spanctp2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  display: inline-block;
  /* line-height: 100%; */
}








.divAplicacionesCard .wrapper-glob {
  /* font-family: Ubuntu, "times new roman", times, roman, serif; */
  margin-top: 15px;
  color: #000;
  height: 352px;
  width: 200px;
  /* padding:5px; */
  background-color: #fefefe;

  /* padding-top:15px; */
  border-radius: 30px 30px 30px 30px;
  border: 1px solid #eee;
  box-shadow: 6px 10px 8px #dadada;

  color: #FFF;
  z-index: 1;

  /* overflow-y: auto; */
  overflow-x: hidden;

  /* IE and Edge */
  /* -ms-overflow-style: none;   */
  /* Firefox */
  /* scrollbar-width: none;   */
  scrollbar-color: green !important;
  scrollbar-width: 4px !important;

  /* transform: scale(0); */
  transition: all .4s;
}

.divAplicacionesCard .wrapper-glob::-webkit-scrollbar {
  display: none;
}

.divAplicacionesCard .wrapper-glob .w-t {
  /* padding-top: 8px; */
  text-align: left;
  width: 101%;
  height: 125px;
  border-bottom: 1px solid #cdcdcd;
  /* display: inline-block; */

  background-position-x: center;
  background-size: 110% 100%;
  overflow: hidden;
}

.divAplicacionesCard .wrapper-glob .apl-tipo-aereo {
  background-image: url('../../../img/aplicaciones/aereo.jpg');
}

.divAplicacionesCard .wrapper-glob .apl-tipo-canon {
  background-image: url('../../../img/aplicaciones/canon.jpg');
}

.divAplicacionesCard .wrapper-glob .apl-tipo-terrestre {
  background-image: url('../../../img/aplicaciones/terrestre.jpg');
}

.divAplicacionesCard .wrapper-glob .apl-tipo-riego {
  background-image: url('../../../img/aplicaciones/riego.jpeg');
}

.divAplicacionesCard .wrapper-glob .apl-almacen {
  background-image: url('../../../img/aplicaciones/almacen.png');
}

.divAplicacionesCard .wrapper-glob .apl-bodega {
  background-image: url('../../../img/aplicaciones/apl_bodegas.png');
}


.divAplicacionesCard .wrapper-glob .w-t .blur {
  height: 125px;
  backdrop-filter: blur(1px);
}

.divAplicacionesCard .wrapper-glob .w-t .active-card {
  background-color: rgba(19, 133, 25, 0.4);
}

.divAplicacionesCard .wrapper-glob .inactive-card {
  background-color: rgba(80, 80, 80, 1);
}

.divAplicacionesCard .wrapper-glob .w-t .active-card-alm {
  background-color: rgba(133, 131, 19, 0.4);
}



.divAplicacionesCard .wrapper-glob .w-t .divctL {
  padding-top: 8px;
  width: 100%;
  text-align: center;
}

.divAplicacionesCard .wrapper-glob .w-t .spanctL {
  margin: 0px 0 0 10px;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 700;

  display: inline-block;
  color: #fff;
}

.divAplicacionesCard .wrapper-glob .w-t .spanctLS {
  margin: 5px 0 0 10px;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
  color: #FFF;
}

.divAplicacionesCard .wrapper-glob .w-t .spanctLR {
  margin: 5px 0 0 10px;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 300;
  display: inline-block;
  color: #FFF;
}

.divAplicacionesCard .wrapper-glob .w-t .spanctLX {
  margin: 1px 10px 0 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 17px;
  font-weight: 650;
  /* display: inline-block; */
  float: right;
  color: #FFF;
}

.divAplicacionesCard .wrapper-glob .w-t .spanctLXdate {
  margin: 1px 10px 0 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  font-weight: 300;
  /* display: inline-block; */
  float: right;
  color: #FFF;
}

.divAplicacionesCard .wrapper-glob .w-t .spanctLdate {
  margin: 1px 10px 0 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 300;
  /* display: inline-block; */
  float: right;
  color: #FFF;
}

.divAplicacionesCard .wrapper-glob .w-d {
  padding-top: 0;
  min-width: 100% !important;
  display: inline-block;

  height: 222px !important;
  width: 3px !important;
  overflow-y: scroll;
  overflow-x: hidden;
  /* scrollbar-color: green !important; */
}

.divAplicacionesCard .wrapper-glob .bg {
  background-color: #eee;
}

.divAplicacionesCard .wrapper-glob .w-d::-webkit-scrollbar {
  display: block;

  width: 3px !important;
  overflow-y: scroll;
  /* scrollbar-color: green !important; */
}

.divAplicacionesCard .wrapper-glob .w-d::-webkit-scrollbar-thumb {
  background: #bccdbd;
  border-radius: 10px;
}


.divAplicacionesCard .wrapper-glob .w-d .w-l {
  padding: 3px 0 3px 0;
  width: 110%;
  border-bottom: 1px solid #cdcdcd;
  display: inline-block;
  /* line-height: 100%; */
}

.divAplicacionesCard .wrapper-glob .w-d .w-l .spanctLL {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 800;
  display: inline-block;
  color: #555;
}

.divAplicacionesCard .wrapper-glob .w-d .w-l .faicon {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 800;
  display: inline-block;
}

.almC > *{
  margin-top: 1px;
  margin-bottom: 2px;
}

.divAplicacionesCard .wrapper-glob .w-d .w-l .faicon .lot {
  display: inline-block;
  font-size: 8px;
  color: #666;
  vertical-align: middle;
}

.divAplicacionesCard .wrapper-glob .w-l .w-data {
  width: 100% !important;
  font-size: 12px;
  font-weight: 600;
}

.divAplicacionesCard .wrapper-glob .w-l .spanttp .var {
  padding-left: 10px;
  color: #2c81db;
}

.divAplicacionesCard .wrapper-glob .w-l .spanttp .has {
  padding-right: 20px;
  color: #0f8a48;
  text-align: right;
}


.divAplicacionesCard .wrapper-glob .w-l .spanctL {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  color: #888;
  /* line-height: 100%; */
}

.divAplicacionesCard .wrapper-glob .w-l .spanttp {
  /* margin-top: 2px; */
  font-size: 12px;
  font-weight: normal;
  display: block;
  color: #b3d8ff;
}

.divAplicacionesCard .wrapper-glob .w-l .spanttpBod {
  /* margin-top: 2px; */
  font-size: 12px;
  font-weight: normal;
  display: block;
  color: #555;
}

.divAplicacionesCard .wrapper-glob .w-l .spanttpBod .var {
  /* padding-left: 10px; */
  color: #009ef7;
  font-size: 10px;
  font-weight: 600;
}

.divAplicacionesCard .wrapper-glob .w-l .spanttpBod .has {
  padding-right: 20px;
  color: #f14141;
  text-align: right;
  font-size: 10px;
}

.divAplicacionesCard .wrapper-glob .w-l .spanttpBod .has .labelBodCan {
  --bs-badge-padding-x: 0.5rem;
  --bs-badge-padding-y: 0.325rem;
  --bs-badge-border-radius: 0.55rem;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  border-radius: var(--bs-badge-border-radius);
  background-color: #fdcece;
}

.divAplicacionesCard .wrapper-glob .w-l .spanttpBod .dateapl {
  padding-right: 30px;
  text-align: right;
  font-size: 10px;
  font-weight: 600;
}

.divAplicacionesCard .wrapper-glob .w-l .spanttpBod .var .labelBodName {
  --bs-badge-padding-x: 0.5rem;
  --bs-badge-padding-y: 0.325rem;
  --bs-badge-border-radius: 0.55rem;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  border-radius: var(--bs-badge-border-radius);
  background-color: #d6ebf7;
}

.prodApl > *{
  display: flex;
  margin-bottom: 2px;
}

.divAplicacionesCard .wrapper-glob .w-l .spanttpBod .tipoapl {
  font-size: 10px;
}

.divRenLotes .wrapper-glob {
  /* font-family: Ubuntu, "times new roman", times, roman, serif; */
  margin-top: 15px;
  color: #000;
  height: 345px;
  width: 200px;
  /* padding:5px; */
  background-color: #fefefe;

  /* padding-top:15px; */
  border-radius: 30px 30px 30px 30px;
  border: 1px solid #eee;
  box-shadow: 6px 10px 8px #dadada;

  color: #FFF;
  z-index: 1;

  /* overflow-y: auto; */
  overflow-x: hidden;

  /* IE and Edge */
  /* -ms-overflow-style: none;   */
  /* Firefox */
  /* scrollbar-width: none;   */
  scrollbar-color: green !important;
  scrollbar-width: 4px !important;

  transform: scale(0);
  transition: all .4s;

}

.divRenLotes .wrapper-glob::-webkit-scrollbar {
  display: none;
}



.divRenLotes .wrapper-glob .w-t {
  padding-top: 43px;
  text-align: center;
  width: 101%;
  height: 100px;
  border-bottom: 1px solid #cdcdcd;
  /* display: inline-block; */

  background-image: url('../../../img/plantilla/bnoldback30.jpg');
  background-position-x: center;
  background-size: 210% 310%;

}

.divRenLotes .wrapper-glob .w-t .spanctL {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 550;
  display: inline-block;
  color: #fff;
}




.divRenLotes .wrapper-glob .w-d {
  min-width: 100% !important;
  display: inline-block;

  height: 240px !important;
  width: 3px !important;
  overflow-y: scroll;
  overflow-x: hidden;
  /* scrollbar-color: green !important; */
}

.divRenLotes .wrapper-glob .bg {
  background-color: #eee;
}

.divRenLotes .wrapper-glob .w-d::-webkit-scrollbar {
  display: block;

  width: 3px !important;
  overflow-y: scroll;
  /* scrollbar-color: green !important; */
}

.divRenLotes .wrapper-glob .w-d::-webkit-scrollbar-thumb {
  background: #bccdbd;
  border-radius: 10px;
}




@font-face {
  font-family: Ubuntu;
  src: url(views/bower_components/fonts/ubuntu-font/Ubuntu-Regular.ttf);
}


@font-face {
  font-family: Roboto;
  src: url(views/bower_components/fonts/roboto-font/RobotoFlex-Regular.ttf);
}



.divRenLotes .wrapper-glob .w-d .w-l {
  /* border-top:1px solid #cdcdcd; */
  /* margin:0 -10px 0 -10px; */
  width: 110%;
  border-bottom: 1px solid #cdcdcd;
  display: inline-block;
  /* line-height: 100%; */
}

.divRenLotes .wrapper-glob .w-d .w-l .spanctLL {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 800;
  display: inline-block;
  color: #555;
}

.divRenLotes .wrapper-glob .w-d .w-l .faicon {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 800;
  display: inline-block;
}

.divRenLotes .wrapper-glob .w-d .w-l .faicon .lot {
  display: inline-block;
  font-size: 5.5px;
  color: #666;
  vertical-align: middle;
}

.divRenLotes .wrapper-glob .w-l .w-data {
  width: 100% !important;
  font-size: 10px;
  font-weight: 600;
}

.divRenLotes .wrapper-glob .w-l .spanttp .var {
  padding-left: 5px;
  color: #2c81db;
}

.divRenLotes .wrapper-glob .w-l .spanttp .has {
  padding-right: 20px;
  color: #0f8a48;
  text-align: right;
}


.divRenLotes .wrapper-glob .w-l .spanctL {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  color: #888;
  /* line-height: 100%; */
}

.divRenLotes .wrapper-glob .w-l .spanttp {
  /* margin-top: 2px; */
  font-size: 12px;
  font-weight: normal;
  display: block;
  color: #b3d8ff;
}

.ml-2 {
  margin-left: 5px;
}

.ml-5 {
  margin-left: 40px;
}

.ml-7 {
  left: 55px;
}


/* .divRenLotes .wrapper-d .prorend{
  max-width: 170px;
  width: 145px;
  width: 100%;
  height: 40px;
  background: linear-gradient(145deg,#47ac42, #91cb45);
  float:left;
  margin-top:-80px;
  margin-left:37%;
  border-radius: 10px 10px 10px 10px;
  padding: 4px 10px;
  color:#FFF;
  overflow: hidden;
  z-index: 2;
} */

.divRenLotes .wrapper-d .prorend .spanctp {
  font-size: 14px;
}


.divRenLotes .divRenNombreLote {
  /* margin: 0px auto; */
  margin-top: 14px;
  min-height: 80px;
  background-image: url('../../../img/embarques/hoja.png');
  background-repeat: no-repeat;

  background-size: 140px;
  width: 55%;
  height: auto;

  text-align: center;
  padding-top: 12px;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-left: 2px solid #ccc;

  box-shadow: 10px 5px 6px #aaa;
}

.divRenLotes .divRenNombreLote h4 {
  font-size: 1.7em;
  font-weight: bolder;
  vertical-align: middle;
  color: #333;
  /* margin-top: 50px; */
}

.divRenLotes .divRenCantidad {
  height: 115px;
  /* display: inline-block; */
  width: 40%;

  text-align: center;
  color: #FFF;
  padding-top: 15px;
  margin-bottom: 15px;
  box-shadow: 5px 5px 6px #aaa;
}

.divRenLotes .active {
  background-color: #11a130;
}

.divRenLotes .inactive {
  background-color: #819f88;
}

.divRenLotes .divRenCantidad h4 {
  font-size: 2.8em;
  font-weight: bolder;
  margin-bottom: -5px;
}

.divRenLotes .divRenCantidad span {
  font-weight: bolder;
}

.divRenLotes .divRenCantidad span.ultimafecha {
  font-size: 11px;
  font-weight: normal;
}





/***** rendimiento promedio global *****/


.alert-coRenPromedio {
  margin-top: 30px;
  /* margin-bottom:25px; */
  /* background-color:#00a644cc; */
  background-color: #ddd;
  color: #555;
  border: solid 1px #FFF;
  border-radius: 5px !important;

  /* background-repeat: no-repeat;
  background-size: 145px; */
  /* overflow: hidden; */

  background-position-x: center;
  background-size: 100% 100%;
  /* background-repeat: no-repeat; */
  /* background-image:url('../../../img/plantilla/pfield.jpg'); */
  /* background-image:url('../../../img/plantilla/g1.jpg'); */

  height: 120px;
}

.alert-coRenPromedio h5 {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 900;
}

.alert-coRenPromedio .alert-data {
  margin: 0 auto;
  margin-top: -45px;
  padding: 15px 20px 15px 20px;
  border: 1px solid #745f1d;
  border-radius: 15px;
  /* background-color:rgba(255,255,255,1); */
  background-image: linear-gradient(#eee, #fefefe, #fff);
  margin-bottom: 10px;
  width: 90%;
  /* height:95px; */
}

.crp1 {
  background-image: url('../../../img/plantilla/g1.jpg');
}

.crp2 {
  background-image: url('../../../img/plantilla/g2.jpg');
}

.crp3 {
  background-image: url('../../../img/plantilla/g3.jpg');
}

.bg-img-hoja {
  margin-top: -20px;
  height: 90px;
  width: 190px;
  float: right;
  background-image: url('../../../img/embarques/hoja2.png');

  background-repeat: no-repeat;
  background-size: 180px;
  position: relative;
}


/*************************************************/
/*******************   COMPRAS   *****************/
/*************************************************/


.btnEditarProductoOC:focus {
  outline: 2px solid brown;
}











/*************************************************/
/*************  DASHBOARD VEHICULOS  *************/
/*************************************************/


.aparecer {
  opacity: 0.1;
  animation: aparecer 1.5s ease forwards;
}

@keyframes aparecer {
  to {
    opacity: 1;
  }
}

.rebote {
  animation: rebote 0.9s ease;
}

@keyframes rebote {
  0% {
    transform: scale(0);
  }

  /* 50% { transform: scale(0.5); }
  100% { transform: scale(0.1); } */
  100% {
    transform: scale(1);
  }

  /* 80% { transform: scale(0.8); } */
  /* 100% { transform: scale(0.8); } */
}

.aparecer-desde-abajo {
  opacity: 0;
  transform: translateY(100%);
  animation: aparecer 0.5s ease forwards;
}

.aparecer-desde-arriba {
  opacity: 0;
  transform: translateY(-100%);
  animation: aparecer 0.5s ease forwards;
}

@keyframes aparecer {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.aparecer-desde-izquierda {
  opacity: 0;
  transform: translateX(-100%);
  animation: aparecer 0.5s ease forwards;
}

.aparecer-desde-derecha {
  opacity: 0;
  transform: translateX(100%);
  animation: aparecer 0.5s ease forwards;
}


.w-maq-img {
  width: 100% !important;
  border-radius: 35px;
  overflow: hidden;
  border-radius: 35px;
  text-align: center;
}

.w-maq-img .img-header {
  width: 100%;
  height: auto;
  background-color: rgba(56, 56, 56, 0.5);

  margin-bottom: -30px;
  position: relative;
  color: #fff;
  font-size: 18px;
  /* font-weight:bolder;  */
  padding: 6px;
  font-family: 'Ubuntu', sans-serif;
  backdrop-filter: blur(10px);

}

.w-maq-img .img {
  /* margin-top: -150px !important; */
  width: 100% !important;
  margin: 0 !important;
}

.w-maq-img .img-footer {
  width: 100%;
  height: auto;
  background-color: rgba(56, 56, 56, 0.5);
  margin-top: -70px;
  position: relative;
  color: #fff;
  font-size: 40px;
  font-weight: bolder;
  padding: 5px;
  font-family: 'Ubuntu', sans-serif;
  backdrop-filter: blur(6px);
}



.divMaqServicios .bgsrv {
  background-image: url('../../../img/vehiculos/bgsrv.png');
}

.divMaqServicios .bgsrv2 {
  background-image: url('../../../img/vehiculos/bgsrv2.png');
}

.divMaqServicios .bgsrv3 {
  background-image: url('../../../img/vehiculos/bgsrv3.png');
}

.divMaqServicios .bgsrv4 {
  background-image: url('../../../img/vehiculos/bgsrv4.png');
}

.divMaqServicios .wrapper-g {
  /* font-family: Ubuntu, "times new roman", times, roman, serif; */
  color: #000;
  height: auto;
  min-height: 245px;
  max-width: 230px;
  padding: 15px;
  background-color: #fefefe;
}

.divMaqServicios .wrapper-u {
  height: auto;
  min-height: 160px;
  border-radius: 25px 25px 0px 0px;
  box-shadow: 6px 10px 8px #dadada;
  /* padding: 10px; */
  color: #FFF;
  z-index: 1;
  overflow: hidden;
}

.divMaqServicios .img-card {
  /* background-image:url('../../../img/embarques/cccard_papa.png'); */
  background-repeat: no-repeat;
  background-size: cover;
  height: 160px;
  /* background-size: 100%; */
  /* background-image:url('../../../img/embarques/hoja.png'); */
}

.divMaqServicios .wrapper-u .blur {
  position: absolute;
  top: 0%;
  left: 0%;
  padding: 10px;
  /* transform: translate(-0%, -0%); */
  background-color: rgba(25, 25, 25, 0.5);
  backdrop-filter: blur(1.5px);
  height: 160px;

}

.divMaqServicios .wrapper-u .divCL {
  height: 40px;
}

.divMaqServicios .wrapper-u .spantl {
  margin-top: 5px;
  font-size: 10px;
  font-weight: normal;
  display: block;
}

.divMaqServicios .wrapper-u .spancl {
  font-family: 'Ubuntu', sans-serif;
  font-size: 17px;
  font-weight: bolder;
  display: block;
  line-height: 110%;
  margin-bottom: 10px;
}

.divMaqServicios .wrapper-u .spancl2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  display: block;
  line-height: 110%;
  margin-bottom: 10px;
}

.divMaqServicios .wrapper-u .spancRen {
  /* font-family: 'Montserrat', sans-serif; */
  font-size: 38px;
  font-weight: bolder;
  display: block;
  line-height: 110%;
  margin-bottom: 10px;
}


.divMaqServicios .wrapper-d {
  height: auto;
  min-height: 115px;
  background-color: #fff;
  /* margin-top: 105px; */
  padding-top: 15px;
  border-radius: 0px 0px 25px 25px;
  box-shadow: 6px 10px 8px #dadada;
  z-index: 2;
  margin-bottom: 20px;
}

.divMaqServicios .wrapper-d .spanttp {
  margin-top: -10px;
  font-size: 11px;
  font-weight: normal;
  display: block;
}

.divMaqServicios .wrapper-d .spanctp {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bolder;
  display: block;
  margin-bottom: 15px;
  line-height: 100%;
}

.divMaqServicios .wrapper-d .txt-warning {
  color: orange;
}

.divMaqServicios .wrapper-d .spanctp2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  display: inline-block;
  /* line-height: 100%; */
}




@font-face {
  font-family: Ubuntu;
  src: url(views/bower_components/fonts/ubuntu-font/Ubuntu-Regular.ttf);
}


@font-face {
  font-family: Roboto;
  src: url(views/bower_components/fonts/roboto-font/RobotoFlex-Regular.ttf);
}














/*------- Big Monitors -----------*/













/*-------  Monitors -----------*/

@media only screen and (min-width:1200px) and (max-width:1500px) {
  .divRenLotes .divRenNombreLote h4 {
    font-size: 1.2em;
    font-weight: bolder;
    vertical-align: middle;
    color: #333;
    /* margin-top: 50px; */
  }

  .divRenLotes .divRenCantidad h4 {
    font-size: 1.5em;
  }


  .bg-img-hoja {
    margin-top: -15px;
    margin-right: -20px;
    height: 70px;
    width: 100px;
    background-size: 95px;
  }
}

@media only screen and (min-width:921px) and (max-width:1199px) {


  .bg-img-hoja {
    margin-top: -15px;
    margin-right: -25px;
    height: 70px;
    width: 90px;
    background-size: 85px;
  }

}




/*------- Mobile dvices -----------*/


@media only screen and (min-width:5px) and (max-width:920px) {
  .logo-w {
    display: none;
  }

  .bg-img-hoja {
    margin-top: -15px;
    margin-right: -15px;
    height: 70px;
    width: 90px;
    background-size: 85px;
  }


  .divRenLotes .wrapper-d .spanctp {
    font-size: 13px;
  }

  .divRenLotes .wrapper-u .spancl {
    font-size: 13px;
  }

  .divRenLotes .wrapper-u {
    height: 155px;
  }

  .divRenLotes .wrapper-u .spancRen {
    font-size: 25px;
  }

  .divRenLotes .wrapper-u .divCL {
    height: 35px;
  }
}











/**** ****  INICIO  **** ****/

.module-box {
  height: 130px !important;
  /* background-image: url('../../../modulos/inv.jpg') !important; */
  background-repeat: no-repeat;
  background-size: cover;
  /* color:#CECECE; */
  color: #FFF;

  border-radius: 6px;

  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;

  /*

  -webkit-filter: grayscale(80%); 
  -moz-filter: grayscale(80%);
  -ms-filter: grayscale(80%); 
  -o-filter: grayscale(80%); 
  
  filter: gray; 
  -webkit-filter: grayscale(.8); 
  */
}

.module-box :hover {
  color: #FFF;

  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
}


.small-box-footer:hover .module-box {
  filter: none;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);

  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
}


body.modal-open-noscroll {
  margin-right: 0 !important;
  overflow: hidden;
}

.modal-open-noscroll .navbar-default,
.modal-open .navbar-default {
  margin-right: 0 !important;
}




.modal {
  overflow: auto !important;
}



.btn-social:hover {
  filter: none;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);

  transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
}

.btn-social {
  filter: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);

  transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
}


.btn-bordered-primary {
  background-color:#fff;
  border: 1.5px solid #337ab7;
}

.btn-bordered-primary:hover {
  background-color: #337ab7;
  color: #fff;
}


/* Nuevo breakpoint para XL (≥1400px o el ancho que quieras) */
@media (min-width: 1400px) {
  .col-xl-1 { width: 8.33333333%; float: left; }
  .col-xl-2 { width: 16.66666667%; float: left; }
  .col-xl-3 { width: 25%; float: left; }
  .col-xl-4 { width: 33.33333333%; float: left; }
  .col-xl-5 { width: 41.66666667%; float: left; }
  .col-xl-6 { width: 50%; float: left; }
  .col-xl-7 { width: 58.33333333%; float: left; }
  .col-xl-8 { width: 66.66666667%; float: left; }
  .col-xl-9 { width: 75%; float: left; }
  .col-xl-10 { width: 83.33333333%; float: left; }
  .col-xl-11 { width: 91.66666667%; float: left; }
  .col-xl-12 { width: 100%; float: left; }
}

/* Definimos un tier para súper pequeñas pantallas XXS (≤480px o lo que decidas) */
@media (max-width: 480px) {
  .col-xxs-1 { width: 8.33333333%; float: left; }
  .col-xxs-2 { width: 16.66666667%; float: left; }
  .col-xxs-3 { width: 25%; float: left; }
  .col-xxs-4 { width: 33.33333333%; float: left; }
  .col-xxs-5 { width: 41.66666667%; float: left; }
  .col-xxs-6 { width: 50%; float: left; }
  .col-xxs-7 { width: 58.33333333%; float: left; }
  .col-xxs-8 { width: 66.66666667%; float: left; }
  .col-xxs-9 { width: 75%; float: left; }
  .col-xxs-10 { width: 83.33333333%; float: left; }
  .col-xxs-11 { width: 91.66666667%; float: left; }
  .col-xxs-12 { width: 100%; float: left; }
}