@charset "UTF-8";
@font-face{
  font-family:RenaultLife;
  src:url(../fuentes/NouvelR-Regular.ttf);
}

@font-face{
  font-family:RenaultLife-Bold;
  src:url(../fuentes/NouvelR-Bold.ttf);
}

@font-face{
  font-family:RenaultLife-Italic;
  src:url(../fuentes/NouvelR-Light.ttf);

}

@font-face{
  font-family:DS-digital;
  src:url(../fuentes/DS-DIGIB.TTF);
}

a{color:rgba(3,3,3,1.00) ;}
a:hover,
a:active,
a:focus{
  text-decoration: none;
  /*color: initial;*/
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus{
  color: #333;
  background-color: #fc3;
  border-color: #fc3;
  outline: 5px auto #fc3;
}

.nav-tabs {
  border-bottom: none;
}

body{font-family:RenaultLife-Bold;}
.rena{font-family:RenaultLife-Bold;}
.rena2{font-family:RenaultLife;}
.rena3{font-family:RenaultLife-Italic;}
.cajaAlta{text-transform: uppercase;}
.digi{font-family:DS-digital;}
.breakW{word-break: break-word;}
.cursorP{cursor: pointer;}
.noWrap{white-space: nowrap;}

.fixed{position: fixed;}
.flexibleAll{display: flex;}
.table{display: table;}
.tabla{display: table; width: 100%;}
.dTable{display: table;}
.celda {width: 100%; display: table-cell;}
.inline-table{display: inline-table;}
.block{display: block;}
.none{display: none;}
.inline{display: inline-block;}
.inlineGrid{display: inline-grid;}
.grid{display: grid;}
.content{display: contents;}
.relativo{position: relative;}
.cajaOverflow{overflow: hidden; position: relative;}
.absolut{position: absolute;}
.absolutB{position: absolute; bottom:0px;}
.absolutBR{position: absolute; right: 5%; bottom: 13%;}
.absolutL{ position: absolute; bottom: 13%;}

.scroll{overflow: scroll;}

.scroll-y{
  overflow-y: scroll;
  overflow-x: hidden;
}

.scrollNone::-webkit-scrollbar {
  display: none;
}

.z-index9{z-index: 9;}

.right{right:0px;}
.left{left:0px;}
.top{top:0px;}
.bottom{bottom:0px;}

.rotate0{transform: rotate(0deg);}
.rotate90{transform: rotate(90deg);}
.rotate180{transform: rotate(180deg);}

.centerAbsolut{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  margin: 0px;
  padding: 0px;
}

.centerAbsolutV {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  margin: 0px;
  padding: 0px;
}

.centerAbsolutT {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
}

.centerAbsolutB {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
}


.col{position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}
.cajaInfo{position: relative; height: 100%;}

.alingDiv{
  display: flex;
  justify-content: center;
  align-items: center;
}

.alignDiv{
  display: flex;
  justify-content: center;
  align-items: center;
}

.centerColum{
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.flex-endColum{
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

.flex-startColum{
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}

.betweenColum{
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.between{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.centrarTextoV {
  flex-direction: row-reverse;
  justify-content: center;
  display: flex;
}

.grid-column50{
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 5px;
}

.esquina{background-image: url("https://working2.net/lineaGrafica/imagenes/esquina.svg");
  background-repeat: no-repeat;
  width: 2rem;
  position: absolute;
  height: 2rem;
  right: 0px;
  background-color: #e4e4e4;
  top:0px;
  cursor: pointer;
}

.esquina:before {
  content: '';
  width: 0;
  height: 0;
  border-right: 9px solid transparent;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-bottom: 9px solid transparent;
  box-shadow: -1px 2px 2.7px 0px #adadad7a;
  position: absolute;
  right: 2px;
  top: 2px;
}

.cuadrado{width:10px; height:10px; display: inline-block;}

.circulo {
  width: 10px;
  height: 10px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.puntoCirculo{
  width: 5px;
  height: 5px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

div.esferaOk {
  width: 20px;
  height: 20px;
  background-color: green;
  background: radial-gradient(at top left, #0F0 20%, #040);
  -ms-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  margin: 0px auto;
}

div.esferaKo {
  width: 20px;
  height: 20px;
  background-color: red;
  background: radial-gradient(at top left, #F00 20%, #400);
  -ms-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  margin: 0px auto;
}

.clearBoth{clear: both;}

.flot{ width: 100%; float: left; clear: both;}
.flotL{float: left;}
.flotR{float: right;}
.flotR-relative{float: right; position: relative;}
.flotA{ width: auto; float: left; clear: none;}

.borde{ border:1px solid; margin: 2%;}
.bordeA {border: 1px solid rgba(153, 153, 153, 0.24);}
.border { border:1px solid;}
.borde1 { border:1px solid;}

.bordeB0 { border-bottom:0px;}

.bordeIncidencia1{border:2px solid #f5cd3a;}
.bordeIncidencia2{border:2px solid #ef7748;}
.bordeIncidencia3{border:2px solid #ef4848;}
.bordeAmarillo{border: 6px solid #f5ce3a;}

.bordeB {border-bottom: 1px solid;}
.lineaR {border-bottom: 1px solid #ccc;}



.bordeR {border-right:1px solid;}
.borde-R {border-right:1px solid;}
.bordeR2 {border-right:2px solid;}
.bordeR0 {border-bottom: 0px;}
.bordeT{border-top:1px solid;}
.bordeL {border-left:1px solid;}
.lineaIzquierda{ border-left: 2px solid; padding-left: 5%; margin: 2% 0px;}

.lineaBD {
  border-bottom: 1px dotted;
}

.b0{border: none;}
.b3{border-width: 3px;}
.b5{border-width: 5px;}
.b7{border-width: 7px;}




.divMedio{width:fit-content; margin:0 auto;}
.m0{margin: 0px;}
.mAuto{margin:0 auto;}
.m0Icon:before {
  margin: 0px;
}

.m1{margin-top:1%;}
.m2{margin-top:2%;}
.m3{margin-top:3%;}
.m4{margin-top:4%;}
.m5{margin-top:5%;}
.m7{margin-top:7%;}
.m9{margin-top:9%;}
.m10{margin-top:10%;}
.m11{margin-top:11%;}
.m22{margin-top:30%;}
.mr7x{margin-right: 7px;}
.mr1{margin-right: 1%;}
.mr2{margin-right: 2%;}
.mr3{margin-right: 3%;}
.mr4{margin-right: 4%;}
.ml2{margin-left:2%;}
.ml4{margin-left:4%;}
.mb1{margin-bottom:1%;}
.mb2{margin-bottom: 2%;}
.mb3{margin-bottom: 3%;}
.mb5{margin-bottom: 5%;}
.mb120{margin-bottom: 120px}
.m5B1 {margin-top: 25%;}

.m5x{margin-top: 5px;}
.m7x{margin-top: 7px;}
.m15x{margin-top: 15px;}

.mb5x{margin-bottom: 5px;}
.mb7x{margin-bottom: 7px;}
.mb15x{margin-bottom: 15px;}

.ml5x{margin-left: 5px;}
.ml7x{margin-left: 7px;}
.ml15x{margin-left: 15px;}

.ajusteTop{margin-top: 8%;}
.rowLeft{margin-left:-15px;}

.p0{padding: 0px;}.p02{padding: 0.2%;}.p05{padding: 0.5%;}
.p1{padding:1%;}
.p2{padding: 2%;}
.p3{padding: 3%;}
.p5{padding: 5%;}
.p6{padding: 6%;}
.pt50{padding-top: 50px;}
.pt14{padding-top: 14px;}
.pt1{padding-top: 1%;}
.pt2{padding-top: 2%;}
.pt3{padding-top: 3%;}
.pt5{padding-top: 5%;}
.pt6{padding-top: 6%;}
.pt10{padding-top:10%;}

.p5x{padding: 5px;}
.pt5x{padding-top: 5px;}
.pb5x{padding-bottom: 5px;}
.pl5x{padding-left: 5px;}
.pr5x{padding-right: 5px;}

.pt7x{padding-top: 7px;}
.pb7x{padding-bottom: 7px;}
.pt15x{padding-top: 15px;}
.pb15x{padding-bottom: 15px;}
.pl2x{padding-left: 2px;}

.pr15x{padding-right: 15px;}

.pb1{padding-bottom:1%;}
.pb2{padding-bottom:2%;}
.pb3{padding-bottom:3%;}
.pb4{padding-bottom:4%;}
.pb5{padding-bottom:5%;}
.pr0{padding-right: 0px;}

.pr20{padding-right: 20px;}
.pr2{padding-right: 2%;}
.pr3{padding-right: 3%;}
.pr4{padding-right: 4%;}
.pr5{padding-right: 5%;}
.pl0{padding-left: 0%;}
.pl2{padding-left: 2%;}
.pl1{padding-left: 1%;}
.pl3{padding-left: 3%;}
.pl5{padding-left: 5%;}
.p1lr{padding: 0% 1%;}
.p2lr{padding: 0% 2%;}

.pl15x{padding-left: 15px;}

.redu50{font-size:50%;}
.redu60{font-size:60%;}
.redu80{font-size:80%;}
.redu90{font-size:90%;}
.redu{font-size:70%;}
.redu2{font-size:80%;}


.gran{font-size:200%;}
.gran2{font-size: 210%;}
.aum110{font-size: 110%;}
.aum120{font-size: 120%;}
.aum150{font-size:150%;}
.aum180{font-size:180%;}
.aum200{font-size:200%;}
.aum250{font-size:250%;}
.icon200{font-size: 200%;}

.line-height100{line-height: 100%;}
.line-height50{line-height: 50px;}
.line-height60{line-height: 60px;}
.line-height40{line-height: 40px;}
.line-height30{line-height: 30px;}
.line-height20{line-height: 20px;}
.line-height10{line-height: 10px;}
.line-height1em{line-height: 1em;}
.line-heightA{line-height: 1.5em;}


.font13{font-size:1300%;}
.font9{font-size:900%;}
.font8{font-size:800%;}
.font7{font-size:700%;}
.font6{font-size:600%;}
.font5{font-size:500%;}
.font4{font-size:400%;}
.font3{font-size:300%;}
.font2{font-size:200%;}
.font1{font-size:100%;}

.font1vw{font-size:calc(1em + 1vw);}
.font2vw{font-size:calc(1em + 2vw);}
.font3vw{font-size:calc(1em + 3vw);}
.font4vw{font-size:calc(1em + 4vw);}
.font5vw{font-size:calc(1em + 5vw);}

.textoGris{color: rgba(128,128,128,0.19);}
.textoGris1{color: rgba(255,255,255,0.19);}

.valing-medio{vertical-align: middle;}
.valing-top{vertical-align: top;}
.valing-super{vertical-align: super;}
.valing-sub{vertical-align: sub;}
.aling-center{align-items: center;}


.textoV{
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  writing-mode: vertical-rl; /* new syntax */
  transform: rotate(180deg);

}

.colEser-5{width: 5%;}
.colEser-10{width: 10%;}
.colEser-20{width: 20%;}
.colEser-30{width: 30%;}
.colEser-40{width: 40%;}
.colEser-50{width: 50%;}
.colEser-60{width: 60%;}
.colEser-70{width: 70%;}
.colEser-80{width: 80%;}
.colEser-90{width: 90%;}
.colEser-95{width: 95%;}
.colEser-100{width: 100%;}

.colEser-5, .colEser-10, .colEser-20, .colEser-30, .colEser-40, .colEser-50, .colEser-60, .colEser-70, .colEser-80, .colEser-90, .colEser-95, .colEser-100 {
  position: relative;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
  float: left;
}

.col-xs-14col{width: 7.142867%; position: relative; float:left;}
.col-xs-7col{width: 14.285714%; position: relative; float:left;}
.col-xs-7Acol{width: 28.571428%; position: relative; float:left;}
.col-xs-7Bcol{width: 42.857412%; position: relative; float:left;}


.shadow-lg {box-shadow: 0 2rem 1.5rem -1.5rem rgba(33,37,41,.15),0 0 1.5rem .5rem rgba(33,37,41,.05);}
.shadow {box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15);}
.shadow1 {box-shadow: 0.1rem 0.2rem 0.2rem 0px rgba(74, 74, 74, 0.81);}

.blackShadow{
  box-shadow: 0rem 0.15rem 0.4rem 0px rgba(0, 0, 0, 0.6);
}

.troquel{
  color: transparent;
  text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}

.text-bordeAmarillo{
  text-shadow:  -0.12rem 0.12rem 0px #fff, -0.35rem 0.35rem 0px rgb(255 206 0)
}


.minContent{min-width: min-content;}
.minW2{min-width: 200px;}
.minW25{min-width: 250px;}
.minW3{min-width: 300px;}

.minW70{min-width: 70px;}


.h100{height: 100%;}
.h50{height: 50%;}
.minH7{min-height: 7px;}

.h15x{height: 15px;}
.h20x{height: 20px;}
.h30x{height: 30px;}
.h40x{height: 40px;}
.h50x{height: 50px;}
.h60x{height: 60px;}
.h70x{height: 70px;}
.h100x{height: 100px;}
.h200x{height: 200px;}

.minH1{min-height: 100px;}
.minH12{min-height: 120px;}
.minH13{min-height: 130px;}
.minH14{min-height: 140px;}
.minH19{min-height: 190px;}

.minH30{min-height: 30px;}
.minH40{min-height: 40px;}
.minH50{min-height: 50px;}
.minH60{min-height: 60px;}
.minH70{min-height: 70px;}
.minH100{min-height: 100px;}
.minH120{min-height: 120px;}
.minH130{min-height: 130px;}
.minH140{min-height: 140px;}
.minH190{min-height: 190px;}
.minH200{min-height: 200px;}
.minH300{min-height: 300px;}
.minH400{min-height: 400px;}
.minH700{min-height: 700px;}
.minH800{min-height: 800px;}

.maxH30{max-height: 30px;}
.maxH40{max-height: 40px;}
.maxH50{max-height: 50px;}
.maxH60{max-height: 60px;}
.maxH70{max-height: 70px;}
.maxH100{max-height: 100px;}
.maxH120{max-height: 120px;}
.maxH130{max-height: 130px;}
.maxH140{max-height: 140px;}
.maxH190{max-height: 190px;}
.maxH200{max-height: 200px;}



.maxW40{max-width: 40px;}
.maxW50{max-width: 50px;}
.maxW70{max-width: 70px;}
.maxW100{max-width: 100px;}
.maxW120{max-width: 120px;}

.maxW200x{max-width: 200px;}
.maxW350x{max-width: 350px;}


.maxW900{max-width: 900px;}
.maxW1200{max-width: 1200px;}

.wAuto{width: auto;}

.w50x{width: 50px;}

.cabeceraListado{
  background-color: #293038;
  margin-bottom: 1%;
  padding: 0.8% 0;
  color:#fff;
}

.lineaTiempo .pintaLinea:before{
  content: '__';
  position: absolute;
  top: 25%;
  left: -28px;
  color: rgb(165, 165, 165);
  font-size: 200%;}

  /*-----------ESPECÍFICOS----------*/

  .lineaUET{
    background-color: #197bc3;
    padding-bottom: 10px;
    color: #fff;
  }
  .lineaGUIA{
    line-height: 50px;
    margin-top: 0px;
    border-left: 1px dashed #72b5d1;
    border-bottom: 1px dashed #72b5d1;
    width: 70px;
    height: 80%;
  }

  .lineaSeparaGUIA{
    line-height: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    border-bottom: 1px dashed #72b5d1;
  }

  .barraGuia { background-color: #0A2C2C;     text-align:right; color: #fff;   min-height: 27px;}
  .barraVerde { background-color: #b3c62d;    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1); text-align: center; color: #fff; }
  .barraNaranja { background-color: #f97f02;  box-shadow: 0 2px 4px 0 rgba(0,0,0,.1); text-align: center; color: #fff; }
  .barraRoja { background-color: #c11941;     box-shadow: 0 2px 4px 0 rgba(0,0,0,.1); text-align: center; color: #fff; }

  .centraVertical {
    line-height: 130px;
    padding-left: 0px;
    padding-right: 0px;
  }

  .centradoVertical {
    display: inline-block;
    vertical-align: middle;
    line-height:inherit;
  }

  .centroV{
    display: table-cell;
    vertical-align: middle;
  }

  .fitContent{min-width: fit-content;}
  .maxContent{min-width: max-content;}

  .marcoFirma{
    border: 1px solid;}

    .cajaPuesto{
      color:#fff;
      background-color:#000;
      padding: 3px 3px 3px 9px;
      margin-right: 2%;
      margin-bottom: 1%;
    }

    .cajaPuesto span:before{
      padding-left: 15px solid rgb(2,5,99);
    }


    .cajaAcreditacion{

      color:#fff;
      background-color:#000;
      padding: 3px 9px 9px 9px;
      margin-right: 2%;
      margin-bottom: 1%;
      min-width: max-content;
    }

    .cajaAplicacion{

      padding: 9px;
      margin-right: 2%;
      margin-bottom: 1%;
      min-width: max-content;
    }

    .cajaSecciones{
      min-width: max-content;
    }


    .cajaBrocha {
      width: 180px;
      height: 180px;
      font-family: RenaultLife;
      font-size: 16px;
      margin: 0 auto;
      color: #FFF;
      cursor: pointer;
      background-color: #4c82ab;

    }

    .cajaBrocha a {
      text-decoration: none;
    }

    .cajaBrocha span {
      text-align: center;
      cursor: pointer;
      font-weight: normal;
      text-transform: none;
      text-decoration: inherit;
      speak: none;
      width: max-content;
      margin: auto;
    }

    .cajaBrocha label {
      display: block;
      text-align: center;
      margin-bottom: 0px;
      margin-top: 2%;
      padding: 12px;
      cursor: pointer;
      font-weight: normal;
      color: #fff;
    }



    .btnAccionS2 {
      width: 150px;
      height: 150px;
      font-family: RenaultLife;
      font-size: 16px;
      display:inline-table;
      color: #FFF;
      cursor: pointer;
    }

    .btnAccionS2 a {
      text-decoration: none;
    }

    .btnAccionS2 span {
      display: block;
      text-align: center;
      cursor: pointer;
      font-weight: normal;
      text-transform: none;
      text-decoration: inherit;
      speak: none;
      border-bottom: 1px solid;
      width: max-content;
      margin: auto;
      padding: 7px 14px;
      color: #fff;
    }

    .btnAccionS2 label {
      display: block;
      text-align: center;
      margin-bottom: 0px;
      margin-top: 2%;
      padding: 12px;
      cursor: pointer;
      font-weight: normal;
      color: #fff;
      max-width: 150px;
    }

    .btnAccionS3 {
      width: 180px;
      height: 180px;
      font-family: RenaultLife;
      font-size: 16px;
      display:inline-table;
      color: #FFF;
      cursor: pointer;
      background-color: #8a8a8a73;

    }

    .btnAccionS3 a {
      text-decoration: none;
    }

    .btnAccionS3 span {
      display: block;
      text-align: center;
      cursor: pointer;
      font-weight: normal;
      text-transform: none;
      text-decoration: inherit;
      speak: none;
      border-bottom: 1px solid;
      width: max-content;
      margin: auto;
      padding: 7px 14px;
    }

    .btnAccionS3 label {
      display: block;
      text-align: center;
      margin-bottom: 0px;
      margin-top: 2%;
      padding: 12px;
      cursor: pointer;
      font-weight: normal;
      color: #fff;
    }

    .textShadowHover:hover{

      text-shadow: 1px 1px 7px #94949485;
      transition: all 0.2s ease;
    }

    .inputActivo{

      box-shadow: inset 0px 1px 3px #00000057;
      border: none;
      padding: 3%;

    }

    .cajaTexto{

      color:#fff;
      padding: 3px 3px 3px 9px;
      margin-right: 2%;
      margin-bottom: 1%;
      min-width: max-content;}

      .cajaTexto span:before{padding-left: 15px solid rgb(2,5,99);}

      .cajaTextoOverflow{
        color:#000;
        background-color:#fff;
        padding: 3px 3px 3px 9px;
        margin-right: 2%;
        margin-bottom: 1%;
        overflow: auto;
        white-space: nowrap;
        min-width: auto;
      }

      .cajaTexto1{
        background-color: #fff;
        color:#000;
        padding: 3px 3px 3px 9px;
        margin-right: 2%;
        margin-bottom: 1%;
        min-width: max-content;}

        .cajaTexto1 span:before{padding-left: 15px solid rgb(2,5,99);}

        .buscadorTop {
          position: fixed;
          z-index: 1;
          background-color: #e8e8e8f0;
          left: 0px;
          top: 0px;
          overflow: hidden;
          box-shadow: -1px 2px 20px 0px #0000004a;
        }

        .imgBidi {
          background-blend-mode: darken;
          background-color: #37aaff;
          background-size: 100px;
          background-repeat: no-repeat;
          background-position: 50%;
          min-height: 90px;}


          /*-------------COLORES--------------*/

          .invertir {
            -webkit-filter: invert;
            -o-filter: invert;
            filter: invert(1);
          }

          .opa0{opacity: 0;}
          .opa10{opacity: 0.1;}
          .opa20{opacity: 0.2;}
          .opa30{opacity: 0.3;}
          .opa40{opacity: 0.4;}
          .opa50{opacity: 0.5;}
          .opa60{opacity: 0.6;}
          .opa70{opacity: 0.7;}
          .opa80{opacity: 0.8;}
          .opa90{opacity: 0.9;}
          .opa100{opacity: 1;}

          .blanco{color:#fff;}
          .negro{color:#000;}
          .gris{color: rgba(105,105,105,1.00);}
          .gris3{color:#333;}
          .colorApagado {color: rgba(0,0,0,0.32);}
          .colorGris{color: rgba(50,50,50,1);}
          .colorGris1{color: rgba(232, 232, 232,1);}
          .colorAmarillo {color: #ffce00;}
          .colorVerde{color: rgba(92, 184, 92, 1);}
          .coral{color: coral;}
          .morado{color: #7761d2;}
          .rojo{color: #ef4848;}


          .bordeLAzul { border-left: .5rem solid #197bc3; }
          .bordeLVerdeEquipo { border-left: .5rem solid #c8e132; }

          .bgNegro{background-color: #000;}
          .bgBlanco{background-color: #fff;}
          .bgTrans{background-color: transparent;}

          .bgGrisR{background: #f2f2f1;}
          .bgGris{background-color: #e8e8e8;}
          .bgGrisA{background-color: #dcdcdc;}
          .bgGrisB{background-color: #c5c5c5;}
          .bgGrisC{background-color: #b1b1b1;}
          .bgGrisD{background-color: #888888;}
          .bgGrisE{background-color: #808080;}
          .bgGrisF{background-color: #444444;}
          .bgConsola{background-color:rgba(46,46,46,1.00)}

          .bgGris1{background-color: #111111;}
          .bgGris2{background-color: #222222;}
          .bgGris3{background-color: #333333;}
          .bgGris4{background-color: #444444;}
          .bgGris5{background-color: #555555;}
          .bgGris6{background-color: #666666;}
          .bgGris7{background-color: #777777;}
          .bgGris8{background-color: #888888;}
          .bgGris9{background-color: #999999;}

          .bgAzul{background-color: #197bc3;}
          .bgAzulT{background-color: #197bc3a8;}
          .bgAzulA{background-color: #36a0af;}

          .bgFusia{background-color: rgba(200,26,170,1.00);}

          .bgVerdeEquipo{background-color: #c8e132;}
          .bgVerdeSWI{background-color: rgba(45, 111, 128, 0.88);}
          .alertaVerde{background:rgba(7, 117, 0,1.00);}

          .bgSeguridad{background-color: #6ec2e4;}
          .bgCalidad{background-color: #ffb700;}
          .bgPerformance{background-color: #9886d3;}
          .bgCoral{background-color: coral;}

          .claseSeguridad{background-color: #6ec2e4;}
          .claseCalidad{background-color: #ffb700;}
          .clasePerformance{background-color: #9886d3;}
          .claseEquipo{background-color: #c8e132;}

          .colorSeguridad{color: #6ec2e4;}
          .colorCalidad{color: #ffb700;}
          .colorPerformance{color: #9886d3;}
          .colorEquipo{color: #c8e132;}

          .azul{color: #197bc3;}
          .naranja{color: #ef7748;}
          .verde{color: #5cb85c;}



          .bgEquipoT{background-color: rgba(200, 225, 50, 0.24);}




          /*-------------COLORES APLICACIONES--------------*/

          .bgFork{background-color:rgba(249,200,70,1);}
          .bgCleaning{background-color:rgba(193,255,168,1);}
          .bgHXH{background-color:rgba(238,125,249,1);}
          .bgSWI{background-color: rgba(0,101,246,1);}
          .bgRDS{background-color:rgba(47,177,240,1);}
          .bg3A{background-color:rgba(210,91,20,1);}
          .bgEquipo{background-color: rgba(200, 225, 50,1);}
          .bgElectrobrochas{background-color:rgba(114,139,167,1);}

          /*-------------COLORES ELECTROBROCHAS--------------*/

          .bgAmarilloR{background: #fc3;}
          .bgAmarillo{background-color: #f5ce3a;}
          .bgAmarillo1{background-color: #f5bd3a;}

          .bgAzulElectrobrochas{background-color:#293038;}
          .bgAzul1{background-color: #0c51e8;}
          .bgAzul2{background-color: #2532ce;}
          .bgAzul3{background-color: #37aaff;}
          .bgAzul4{background-color: #4c82ab;}
          .bgAzul5 {background-color: #3a3354;}

          .colorMorado{color: #3c0ce8;}
          .colorMorado1{color: #5b4a9a;}

          .bgMorado{background-color: #3c0ce8;}
          .bgMorado1{background-color: #5b4a9a;}
          .bgRojo{background-color: #ef4848;}
          .bgNaranja{background-color: #ef7748;}

          .colorVerdeIndicador{color:#5cb85c;}
          .colorNaranjaIndicador{color:#ef7748;}
          .colorRojoIndicador{color:#ef4848;}

          .verdeChillon{color:rgba(51, 223, 50, 1.00);}
          .rojoChillon{color:rgba(246, 27, 27, 1.00);}
          .moradoChillon{color:rgba(217, 1, 246, 1.00);}
          .naranjaChillon{color:rgba(255, 103, 0, 1.00);}

          .colorAlertaVerde{color:rgba(7, 117, 0,1.00);}

          .colorAzul5 {color: #3a3354;}
          .colorAmarillo1{color: #f5bd3a;}

          .bgVerde{background-color: #5cb85c;}
          .bgVerdeFabrica{background-color: #aed88b;}
          .bgVerdeFabrica1{background-color: #80bf80;}

          .bgIncidencia1{background-color: #f5bd3a;}
          .bgIncidencia2{background-color: #ef7748;}
          .bgIncidencia3{background-color: #ef4848;}

          .pasilloAmarillo{border-left: 12px dashed #f5ce3a; border-right: 12px dashed #f5ce3a; text-align: center;}
          .pasilloBlanco{border-left: 12px dashed #fff; border-right: 12px dashed #fff;     text-align: center;}

          .verdeTur {color: #48ffbc;}

          .VerdeT {background-color: rgba(92, 184, 92, 0.75);}
          .AmarilloT {background-color: rgba(245, 189, 58, 0.75);}

          .bgVerdeT {background-color: rgba(92, 184, 92, 0.75);}
          .bgAmarilloT {background-color: rgba(245, 189, 58, 0.75);}
          .bgNaranjaT {background-color: rgba(239, 119, 72, 0.75);}
          .bgRojoT {background-color: rgba(239, 72, 72, 0.75);}
          .bgAzul4T{background-color: rgba(76, 130, 171, 0.82);}
          .bgMoradoT{background-color: rgba(60, 12, 232, 0.75);}

          .bgVerdeChillon{background-color:rgba(51, 223, 50, 1.00);}
          .bgRojoChillon{background-color:rgba(246, 27, 27, 1.00);}


          .bgOscurecer{ background-color: rgba(35,35,35,0.3);}
          .bgOscurecer1{ background-color: rgba(35,35,35,0.5);}
          .bgOscurecer2{ background-color: rgba(75,75,75,0.5);}
          .bgOscurecer3{ background-color: rgba(150,150,150,0.5);}

          .bgTransA{ background-color: rgba(255,255,255,0.3);}
          .bgTrans1{ background-color: rgba(255,255,255,0.5);}
          .bgTrans2{ background-color: rgba(255,255,255,0.7);}



          .bgAzulA1{background-color: #79A9AA;}
          .bgAzulB1{background-color: #699293;}
          .bgAzulC1{background-color: #567777;}

          /*-------------COLORES RDS--------------*/

          .colorLupOP {color:rgba(39, 63, 90, 1.00);}
          .colorLupSegu {color:rgba(41,48,56, 1.00);}

          .bgLupOP {background-color:rgba(39, 63, 90, 1.00);}
          .bgLupSegu {background-color:rgba(41,48,56, 1.00);}

          /*-------------ICONOS---------------*/

          .iconoAbsolut {
            font-size: 6em;
            position: absolute;
            top: 0;
            right: -1%;
            bottom: -1%
          }

          .iconoAbsolutG {
            font-size: 10em;
            position: absolute;
            top: 0;
            right: -1%;

          }

          .iconoAbsolutGL {
            font-size: 10em;
            position: absolute;
            top: 0;

          }

          .iconoAbsolutGR {
            font-size: 10em;
            position: absolute;
            right: 1%;

          }

          .iconoAbsolutE {
            font-size: 6em;
            position: absolute;
            top: -10px;
            left: -10px;
          }



          .megaIcon {
            font-size: 800%;
            height: 90px;
            overflow: hidden;
          }


          /** Clases de estilo para los checkbox */



          .checkOk{
            color: #70ea41;
            display: contents;}
            .checkOk label{margin-bottom: 0px;}
            .checkcaja{display: grid;}
            .checkcaja label{margin-bottom: 0px;}
            .check {
              width: 24px;
              min-width: 24px;
              height: 24px;
              content: '';
              position: relative;
              transform-origin: center center;
              transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
              border: 2px solid #dedede;
              /*background-color: #dedede;*/
              overflow: hidden;
              cursor: pointer;
            }

            check input:checked + .box { background-color: #b3ffb7;}
            input[type="checkbox"]:checked + label { background-color: #b3ffb7; }
            input[type="checkbox"] { display:none; }

            .box {
              width: 110%;
              height: 100%;
              transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
              border: 2px solid transparent;
              background-color: white;
              position: relative;
              overflow: hidden;
              cursor: pointer;
              box-shadow: 0 5px rgba(0, 0, 0, 0.2);
            }

            .box:after {
              width: 107%;
              height: 50%;
              content: '';
              position: absolute;
              border-left: 4px solid;
              border-bottom: 4px solid;
              border-color: #40c540;
              transform: rotate(-45deg) translate3d(0, 0, 0);
              transform-origin: center center;
              transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
              top: 200%;
              bottom: 5%;
              margin: auto;
              z-index: 9999;
            }

            .myBox {
              width: 110%;
              height: 100%;
              transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
              border: 2px solid transparent;
              background-color: transparent;
              position: relative;
              overflow: hidden;
              cursor: pointer;

            }

            .myBox:after {
              width: 107%;
              height: 50%;
              content: '';
              position: absolute;
              border-left: 4px solid;
              border-bottom: 4px solid;
              border-color: initial;
              transform: rotate(-45deg) translate3d(0, 0, 0);
              transform-origin: center center;
              transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
              top: 200%;
              bottom: 5%;
              margin: auto;
              z-index: 9999;
            }


            /** Cuando esta Checked se sube el div box */
            .check input:checked + .box:after {
              top: -4px;
            }

            /** Cuando esta Checked se sube el div box */
            .check input:checked + .myBox:after {
              top: -4px;
            }

            .checkOpcion{
              display: inline-flex;
              min-height: 40px;
              padding: 4px 1px;
            }
            .checkOpcion span {
              font-family:RenaultLife;
              padding-left: 7px;
              display: flex;
              align-items: center;
              margin-bottom: 0px;
              font-weight: normal;
            }


            /** Fin de las clases de para los checkbox*/


            /** Clases de estilo para los formularios */



            .adjuntarFoto {
              overflow: hidden;
              position: relative;
              cursor: pointer;
              border: 1px solid #ccc;
              color: #ccc;
              text-align: center;
              padding-top: 3%;
              width: 200px;
              min-height: 200px;
            }

            .adjuntarFoto .input-file {
              margin: 0;
              padding: 0;
              outline: 0;
              opacity: 0;
              position: absolute;
              cursor: pointer;
              width: 100%;
            }

            .cambiarFoto .input-file {
              margin: 0;
              padding: 0;
              outline: 0;
              opacity: 0;
              position: absolute;
              cursor: pointer;
              width: 100%;
            }

            .archivo {
              position: absolute;
              margin: 0 auto;
              left: 0;
              right: 0;
              margin-left: auto;
              margin-right: auto;
              z-index: 1;
            }

            .img-hacer-foto{
              background-image: url(../../imagenes/tomarFotoOperario.png);
              opacity: 0.1;
              background-repeat: no-repeat;
              background-position: 50% 60%;
              background-size: contain;
              position: absolute;
              width: 200px;
              height: 200px;
            }

.formIcon{  /*<div class="cajaFecha"><input>
            <span class="icon-fecha formIcon"></span>
            </div>*/
            position: absolute;
            right: 0px;
            top: 0px;
            background-color: #dedede;
            padding: 5px;
            height: 40px;
            width: auto;
            line-height: 30px;
            font-size: 18px;
            pointer-events: none;
            z-index: 99;
          }

          .formIcon1 {
            position: absolute;
            right: 1px;
            top: 1px;
            background-color: #dedede;
            padding: 5px;
            height: 38px;
            max-width: 38px;
            line-height: 30px;
            font-size: 18px;
            pointer-events: none;
            margin-right: 15px;
            z-index: 99;
          }

          .time{
            min-width: 100%;
            -webkit-appearance: none !important;
          }

          /*-------------Linea de Tiempo---------------*/

          .timeline {
            position: relative;
            width: 600px;
            margin: 0 auto;
            margin-top: 20px;
            padding: 1em 0;
            list-style-type: none;
          }

          .timeline:before {
            position: absolute;
            left: 200px;
            top: 0;
            content: ' ';
            display: block;
            width: 3px;
            height: 100%;
            margin-left: -3px;
            background: rgb(177, 177, 177);

            background: linear-gradient(to bottom, rgba(177, 177, 177,0) 0%, rgb(177, 177, 177) 8%, rgb(177, 177, 177) 92%, rgba(177, 177, 177,0) 100%);

            z-index: 5;
          }

          .timeline li {
            padding: 25px 0px 50px;
          }

          .timeline li:after {
            content: "";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
          }


          .direction-r {
            position: relative;
            width: 286px;
            float: right;
          }


          .iconLineaTiempo{
            width: 120px;
            height: 120px;
            position: absolute;
            left: 140px;
            z-index: 99;
            background-color: #f8f8f8;
            text-align: center;
            font-size: 400%;}

            .iconLineaTiempo span{
              border-radius: 50px;
              padding: 6%;

              display: inline-block;
              margin-top: 12px;
            }

            .tiempoTimeLine{
              width: 200px;
              float: left;
              margin-top: 40px;
            }

            .flag {
              position: relative;
              background: rgb(193, 193, 193);
              padding: 6px 10px;
              border-radius: 5px;
              font-weight: 600;
              text-align: left;
            }

            .direction-r .flag:after {
              content: "";
              position: absolute;
              right: 100%;
              top: 50%;
              height: 0;
              width: 0;
              margin-top: -8px;
              border: solid transparent;
              border-right-color: rgb(193, 193, 193);
              border-width: 8px;
              pointer-events: none;
            }

            /*-------------ESTILOS RENAULT---------------*/




            .form-control {
              /*height: 40px !important;*/
              border-radius: 0px;
              background: transparent;
              color: inherit;
            }


            .caja {
              border: 1px solid #d9d9d9;
              height: 40px;
              overflow: hidden;
              width: 100%;
              position: relative;
              /*background-color: #f6f6f6;*/
            }




            .cajaTall {
              border: 1px solid #d9d9d9;
              height: 70px;
              overflow: hidden;
              width: 100%;
              position: relative;
              /*background-color: #f6f6f6;*/
            }


            input{border-radius:0px; width: 100%;}

            input[type=date], input[type=number], select, textarea {
              border-radius: 0px !important;
              width: 100%;

            }


            input[type=date], select {
              background: transparent;
              border: none;
              /*font-size: 14px;*/
              height: 40px;
              padding: 5px;
              width: 100%;
            }

            input[type=text] {
              border-radius: 0px 0px 0px 0px;
              border: 1px solid #ccc;
              min-height: 40px;
              width: 100%;
              display: block;
              padding: 6px 12px;
            }


            input[type=number] {
              border-radius: 0px 0px 0px 0px;
              border: 1px solid #ccc;
              min-height: 40px;
              width: 100%;
              display: block;
              padding: 6px 12px;
            }


            select,
            input[type=number]::-webkit-inner-spin-button,
            input[type=number]::-webkit-outer-spin-button,
            input[type=text]::-webkit-inner-spin-button,
            input[type=text]::-webkit-outer-spin-button,
            input[type=date]::-webkit-inner-spin-button,
            input[type=date]::-webkit-outer-spin-button,
            input[type=password]::-webkit-inner-spin-button,
            input[type=password]::-webkit-outer-spin-button,
            input[type=month]::-webkit-inner-spin-button,
            input[type=month]::-webkit-outer-spin-button {
              -webkit-appearance: none;
              margin: 0;
            }

            .ancho {
              font-size: 200%;
              text-align: center;
              padding: 7%;
            }

            .caja::after {
              content: "\025be";
              display: table-cell;
              padding-top: 7px;
              text-align: center;
              width: 30px;
              height: 40px;
              /*background-color: #d9d9d9;*/
              position: absolute;
              top: 0;
              right: 0px;
              pointer-events: none;
            }





            .cajaTall::after {
              content: "\025be";
              display: table-cell;
              padding-top: 21px;
              text-align: center;
              width: 70px;
              height: 70px;
              background-color: #d9d9d9;
              position: absolute;
              top: 0;
              right: 0px;
              pointer-events: none;
            }

            .cajaFecha{
              border: 1px solid #d9d9d9;
              height: 40px;
              overflow: hidden;
              position: relative;
            }

            .caja60{
              height: 60px;
            }

            .caja60 input, .caja60 select{
              height: 60px;
              padding: 6px 60px 6px 12px;

            }

            .caja60 span{
              font-size: 30px;
              line-height: 50px;
              height:60px;
            }

            .caja60 input[type=date], .caja60 input[type=month] {
              padding-right: 0px;
            }
            .caja60 ::-webkit-calendar-picker-indicator { opacity: 0; padding-right: 44px;}



            option {
              background-color: #ccc;
              color: black;
            }

            .panel {
              border-radius: 0px !important;
            }

            .panel-heading {
              margin-bottom: 0;
              border-radius: 0px !important;
            }


            /*-------------estilos SWI---------------*/


            .btnAmarilloDegra{background: linear-gradient(to bottom,#F9C900 0,#F7B100 100%);}

            .btnGrisDegra{ background: linear-gradient(to bottom,#8D8F91 0,#6C6E6F 100%);}

            .btnRenault {
              width: 100%;
              float: left;
              clear: both;
              min-width: max-content;
            }

            .btnRenault {

              padding: 2% 0;
              cursor: pointer;
              font-weight: normal;
              border-bottom: 1px solid rgba(204,204,204,1.00);
              white-space: nowrap;
              display: flex;
              justify-content: center;
              align-items: center;
              border: none;
              text-transform: uppercase;
              color: #fff;
              font-family: helv-77,Arial,sans-serif;
              min-height: 36px;
              text-decoration: none;
              position: relative;
              font-size: 20px;
              height: 36px;
              box-sizing: border-box;
              border-radius: 0;

            }

            .btnRenault a {
              text-decoration: none;
            }

            .btnRenault label {

              color: #fff;
              align-items: center;
              margin-bottom: 0px;
              cursor: pointer;
              font-weight: normal;

            }

            .btnRenault span {
              color: #fff;
              cursor: pointer;
              font-weight: normal;
              text-transform: none;
              text-decoration: inherit;
              speak: none;
              height: 30px;
              width: 34px;
              content: "";
              position: absolute;
              top: 3px;
              left: 3px;
              border-right: 1px solid;
              padding-right: 5px;
            }


            .btn2R{
              width: 115px;
              height:115px;
              font-family: RenaultLife;
              font-size: 15px;
              color: #FFF;
              cursor: pointer;
              display: block;
              padding-top: 5%;
              box-shadow: 0 0.15rem 1.75rem 0 rgba(58,59,69,.15);


            }

            .btn2R a {
              text-decoration: none;
            }

            .btn2R span {
              display: block;
              text-align: center;
              cursor: pointer;
              font-weight: normal;
              text-transform: none;
              text-decoration: inherit;
              speak: none;
              border-bottom: 1px solid;
              width: max-content;
              margin: auto;
              padding: 7px 14px;
              color: #fff;
            }

            .btn2R label {
              display: block;
              text-align: center;
              margin-bottom: 0px;
              margin-top: 2%;
              padding: 12px;
              cursor: pointer;
              font-weight: normal;
              color: #fff;
              max-width: 150px;
            }


            .stand{
              width: 93%;
              height: 10px;
              background: #949494;

              display: block;
              position: absolute;
              z-index: 1;
              top: 190px;
            }

            .stand:before{
              content: ' ';
              position: absolute;
              width: 100%;
              height: 17px;
              background: #cecece;
              top: -17px;
              left: 10px;
              -webkit-transform: skew(-50deg);
              -moz-transform: skew(-50deg);
              -ms-transform: skew(-50deg);
              -o-transform: skew(-50deg);
              transform: skew(-50deg);
              z-index: -9;
              box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15);
            }

            .stand:after{
              content: ' ';
              position: absolute;
              width: 10px;
              height: 25px;
              top: -16px;
              right: -15px;
              background: #525252;

              -webkit-transform: rotate(74deg) skew(23deg, 16deg);
              -moz-transform: rotate(74deg) skew(23deg, 16deg);
              -ms-transform: rotate(74deg) skew(23deg, 16deg);
              -o-transform: rotate(74deg) skew(23deg, 16deg);
              transform: rotate(74deg) skew(23deg, 16deg);
              display: inline-block;

            }


            .filaLibros{
              position: absolute;
              top: 70px;
              z-index: 9;
              display: flex;
            }


            .reliebe:before{
              content: ' ';
              position: absolute;
              width: 115px;
              height: 6px;
              background-color: rgb(96, 161, 255);
              top: -6px;
              left: 19px;
              -webkit-transform: skew(-50deg);
              -moz-transform: skew(-50deg);
              -ms-transform: skew(-50deg);
              -o-transform: skew(-50deg);
              transform: skew(-50deg);
              z-index: -9;
              box-shadow: 136px 110px 1px 0px #00000087;
            }

            .reliebe:after{
              content: ' ';
              position: absolute;
              width: 111px;
              height: 9px;
              background-color: rgb(20, 72, 148);
              top: 50px;
              left: 78px;
              -webkit-transform: rotate(74deg) skew(23deg, 16deg);
              -moz-transform: rotate(74deg) skew(23deg, 16deg);
              -ms-transform: rotate(74deg) skew(23deg, 16deg);
              -o-transform: rotate(74deg) skew(23deg, 16deg);
              transform: rotate(74deg) skew(23deg, 16deg);
              display: inline-block;

            }

            .cajaRenault {
              border: 1px solid #d9d9d9;
              height: 40px;
              overflow: hidden;
              width: 100%;
              position: relative;
            }

            .formIconR {
              position: absolute;
              right: 0px;
              top: 0px;
              color: #8c8c8c;
              padding: 0px 7px;
              width: auto;
              line-height: 30px;
              font-size: 18px;
              pointer-events: none;
              z-index: 99;
              border-left: 1px solid #8c8c8c;
              margin: 4px 0px;
              background-color: white;
            }

            .flechaDown{
              width: 15px;
              height: 3px;
              background: #8c8c8c;
              position: relative;
              transform: rotate(225deg);}


              .flechaDown:before{
                content: "";
                position: absolute;
                left: 0;
                width: 3px;
                height: 15px;
                background-color: #8c8c8c;
              }

              .cajaFlecha{

                position: absolute;
                top: 4px;
                right: 0px;
                border-left: 1px solid #8c8c8c;
                width: 40px;
                height: 30px;
                background-color: white;
                pointer-events: none;

              }

/*  .formIconR:before{
  width: 1px;
    border-left: 1px solid #8c8c8c;
    padding-left: 10px;
    }*/

    /*-------------RDS---------------*/


    /*-------------KITs---------------*/

    .fondoReja {
      background-image: url(../KITsPMA/imagenes/fondoReja.svg);
      background-size: 1em;
      border: 0.5em solid;
      background-color: rgba(128, 128, 128, 0.3);
      filter: invert(1);
      /*height: 630px;*/
      overflow-y: scroll;
    }

    .iconoKit {
      position: absolute;
      right: -12%;
      top: -2%;
      color: rgba(255, 255, 255, 0.59);
    }

    .imgCheck:hover img {
      transform: scale(1.01);
      opacity: 1;
      cursor: pointer;
      transition: all 0.1s;
    }
    .imgCheck {width: 49%;}

    .imgChek img {
      filter: opacity(0.5);
    }
    .puntoKit {
    }

    .m56x{margin-top:56px;}


    /*-------------MOVIL---------------*/

    @media screen and (max-width:768px){


      .movilNone{display:none;}
      .mM0{margin:0px;}
      .pM0{padding: 0px;}
      .b0-xs{border: none;}

      .movilBox{display:-webkit-box;}
      .AjusteTopListado{margin-top: 12%;}

      .coliPadV-10{width: 10%;}
      .coliPadV-20{width: 20%;}
      .coliPadV-30{width: 30%;}
      .coliPadV-40{width: 40%;}
      .coliPadV-50{width: 50%;}
      .coliPadV-60{width: 60%;}
      .coliPadV-70{width: 70%;}
      .coliPadV-80{width: 80%;}
      .coliPadV-90{width: 90%;}
      .coliPadV-100{width: 100%;}

      .coliPadV-10, .coliPadV-20, .coliPadV-30, .coliPadV-40, .coliPadV-50, .coliPadV-60, .coliPadV-70, .coliPadV-80, .coliPadV-90, .coliPadV-100 {
        position: relative;
        min-height: 1px;
        padding-right: 15px; padding-left: 15px;
        float: left;
      }


      .col-xs-1V{width: 8.333333333%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-1*/
      .col-xs-2V{width: 16.666666667% !important; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-2*/
      .col-xs-3V{width: 25%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-3*/
      .col-xs-4V{width: 33.33333333%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-4*/
      .col-xs-5V{width: 41.66666667%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-5*/
      .col-xs-6V{width: 50%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-6*/
      .col-xs-7V{width: 58.33333333%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-7*/
      .col-xs-8V{width: 66.66666667%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-8*/
      .col-xs-9V{width: 75%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-9*/
      .col-xs-10V{width: 83.33333333%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-10*/
      .col-xs-11V{width: 91.66666667%; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-11*/
      .col-xs-12V{width: 100% !important; position: relative; min-height: 1px; float:left; padding-right: 15px; padding-left: 15px;}/*col-xs-12*/



      .reduiPadV{font-size: 100%;}
      .reduiPadV97{font-size: 97%;}
      .reduiPadV80{font-size: 80%;}
      .reduiPadV5{font-size: 50%;}
      .reduiPadV6{font-size: 60%;}

      .fontiPadV2{font-size:200%;}
      .fontiPadV25{font-size:250%;}

    }



    @media screen and (max-width: 596px) {


      .reduMovil50{font-size:50%!important;}
      .reduMovil{font-size:70%!important;}
      .reduMovil82{font-size:82%!important;}
      .reduMovil97{font-size:97%!important;}

      .AjusteTopListado{margin-top: 20%;}

    }



    /*-------------DESKTOP---------------*/


    @media screen and (min-width:768px){

      .flexible{display: flex;}

      .absolutBDesk{position: absolute; bottom:0px;}

      .AjusteTopListado{margin-top: 10%;}


    }



    /*-------------XS---------------*/
    @media(max-width:767px){
      .grid-column-xs-none{
        grid-template-columns: none;
      }
    }
    /*-------------SM---------------*/
    @media(min-width:768px){

      .pr0-sm{padding-right: 0px;}

      .col-sm-1A{width: 8,333333333%; position: relative; min-height: 1px; float:left;}/*col-sm-1*/
      .col-sm-2A{width: 16,666666667%; position: relative; min-height: 1px; float:left;}/*col-sm-2*/
      .col-sm-20{width: 20%; position: relative; min-height: 1px; float:left;}
      .col-sm-3A{width: 25%; position: relative; min-height: 1px; float:left;}/*col-sm-3*/
      .col-sm-4A{width: 33.33333333%; position: relative; min-height: 1px; float:left;}/*col-sm-4*/
      .col-sm-40{width: 40%; position: relative; min-height: 1px; float:left;}
      .col-sm-5A{width: 41.66666667%; position: relative; min-height: 1px; float:left;}/*col-sm-5*/
      .col-sm-6A{width: 50%; position: relative; min-height: 1px; float:left;}/*col-sm-6*/
      .col-sm-60{width: 60%; position: relative; min-height: 1px; float:left;}
      .col-sm-7A{width: 58,33333333%; position: relative; min-height: 1px; float:left;}/*col-sm-7*/
      .col-sm-8A{width: 66,66666667%; position: relative; min-height: 1px; float:left;}/*col-sm-8*/
      .col-sm-9A{width: 75%; position: relative; min-height: 1px; float:left;}/*col-sm-9*/
      .col-sm-80{width: 80%; position: relative; min-height: 1px; float:left;}
      .col-sm-10A{width: 83,33333333%; position: relative; min-height: 1px; float:left;}/*col-sm-10*/
      .col-sm-11A{width: 91,66666667%; position: relative; min-height: 1px; float:left;}/*col-sm-11*/
      .col-sm-12A{width: 100%; position: relative; min-height: 1px; float:left;}/*col-sm-12*/

      .col-sm-14col{width: 7.142867%; position: relative; float:left;}
      .col-sm-7col{width: 14.285714%; position: relative; float:left;}
      .col-sm-8col{width: 12.5%; position: relative; float:left;}
      .col-sm-7Acol{width: 28.571428%; position: relative; float:left;}
      .col-sm-7Bcol{width: 42,857412%; position: relative; float:left;}

      .row-sm{
        margin-right: -15px;
        margin-left: -15px;
      }
    }
    /*-------------MD---------------*/
    @media(min-width:992px){

      .pl-md {padding-left: 15px;}

      .col-md-7col{width: 14.285714%; position: relative; float:left;}
      .col-md-8col{width: 12.5%; position: relative; float:left;}
    }
    /*-------------LG---------------*/
    @media(min-width:1200px){
      .col-lg-8col{width: 12.5%; position: relative; float:left;}
    }