@charset "UTF-8";
/* CSS Document */

.menuDasboard{

  height: 100%;
  background: rgba(166,166,166,0.74);
  position: fixed;
  right: 0px;
  border-left: 1px solid #cacaca;
  box-shadow: 2px 2px 10px 0px #d4d4d4;
  min-width: min-content;

}

.cartaDashboard{box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important; border: 1px solid #e3e6f0; border-radius: .35rem; height: 100%; overflow: hidden; position: relative; background-color: rgba(255, 255, 255, 0.8);}
.cartaDashboard1{box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important; border: 1px solid #e3e6f0; border-radius: .35rem; overflow: hidden; position: relative;}

.cartaDashboardSitel{box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important; border: 1px solid #e3e6f0; height: 100%; overflow: hidden; position: relative;     background-color: rgba(255, 255, 255, 0.8);}

.cartaDashboardOscuro   {box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
  height: 100%;
  overflow: hidden;
  position: relative;
  background-color: rgba(0, 0, 0, 0.8);}

  .esquina{background-image: url("../imagenes/esquina.svg");
    background-repeat: no-repeat;
    width: 1.3rem;
    position: absolute;
    height: 1.3rem;
    right: 0px;
    background-color: #e4e4e4;
    top:0px;
  }

  .canalEnvioNOk{padding: 0.5rem 0;
    background-color: #f5834a;color:#fff;
    font-size: 13px;
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
    border: 1px solid #e3e6f0;}

    .cartaDefectuosos{
      background-color: #ccc; color:#fff;
      font-size: 13px;

    }

    .cartaReporteSitel{
     color:#fff;
     font-size: 13px;
   }

   .shadow{ box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;}
   .shadow1{box-shadow: 3px 3px 17px 0px #00000059;border: 1px solid #777;}

   .silaba{ width: 2em;
    line-height: 22px;
    float: right;}

    .silabaV {
     width: 33px;
     word-wrap: break-word;
     text-align: center;
   }

   .cartaGestionLlamadas{
     color:#fff;
     font-size: 13px;
     box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
   }

   .cajaConseguidas{
     overflow: hidden;
     position: relative;
   }

   .panel>.placas{
    border: none;}



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

    .amarilloDash {color: #fc0;}
    .azulDash {color: #25f;}
    .azulClaroDash {color: #47d;}
    .azulDashLeadVideo{color: #3bc;}


    .bgDashAmarillo {background-color: rgba(255,207,0,0.60) }
    .bgDashNaranja { background-color: rgba(245,126,39,0.60) }
    .bgDashVerde { background-color: rgba(51,151,15,0.60) }

    .colorDashVerdeA{color:#1fdc42;}
    .colorDashAmarilloA{ color: #f7ff00;}
    .colorDashMoradoA{ color: #ad00ff;}
    .colorDashAzulA{ color: #0056ff;}

    .cartaDashboardAmarillo{border-left: .5rem solid rgba(255,207,0,1)!important;}
    .cartaDashboardNaranja{ border-left: .5rem solid rgba(245,126,39,1)!important; }
    .cartaDashboardVerde{ border-left: .5rem solid rgba(51,151,15,0.60)!important; }
    .cartaDashboardAzul { border-left: .5rem solid #4e73df!important; }
    .cartaDashboardAzulTur { border-left: .5rem solid #36b9cc!important; }
    .cartaDashboardMorado{border-left: .5rem solid rgba(92, 15, 151, 0.6);}
    .cartaDashboardVerdeVivo{border-left: .5rem solid rgb(72, 255, 6);}

    .cartaDashboardAmarillo .color span{ color: rgba(255,207,0,1)!important; }
    .cartaDashboardNaranja .color span{ color: rgba(245,126,39,0.60)!important; }
    .cartaDashboardVerde .color span{ color: rgba(51,151,15,0.60)!important; }
    .cartaDashboardAzul .color span { color: #4e73df!important; }
    .cartaDashboardAzulTur .color span { color: #36b9cc!important;}
    .cartaDashboardMorado .color span { color: rgba(92, 15, 151, 0.6);}
    .cartaDashboardVerdeVivo .color span {color:rgb(72, 255, 6);}

    .cartaDashboardEnviados{border-left: .5rem solid rgba(255,207,0,1)!important;}
    .cartaDashboardVistos{ border-left: .5rem solid rgba(245,126,39,1)!important; }
    .cartaDashboardGanados{ border-left: .5rem solid rgba(109, 255, 56, 0.60)!important; }
    .cartaDashboardLead { border-left: .5rem solid #4e73df!important; }
    .cartaDashboardLeadVideo { border-left: .5rem solid #36b9cc!important; }

    .cartaDashboardVendedor {  border-left: .5rem solid rgb(89, 166, 163); background-color: rgba(89, 166, 163, 0.51);}
    .cartaDashboardGris {  border-left: .5rem solid rgba(119,119,119,1.00); background-color: rgba(188,188,188,0.51);}

    .cartaDashboardEnviados .color span{ color: rgba(255,207,0,1)!important; }
    .cartaDashboardVistos .color span{ color: rgba(245,126,39,0.60)!important; }
    .cartaDashboardGanados .color span{ color: rgba(109, 255, 56, 0.60)!important; }
    .cartaDashboardLead .color span { color: #4e73df!important; }
    .cartaDashboardLeadVideo .color span { color: #36b9cc!important;}

    .cartaDashboardObjVen{background-color: #3787B9; }
    .cartaDashboardObjVenBord{border-left: .5rem solid #3787B9;}

    .cartaDashboardReporClient{background-color: #B8863F; }
    .cartaDashboardReporClientBord{border-left: .5rem solid #B8863F;}

    .colorDashMorado{color: rgba(92, 15, 151, 0.6);}
    .colorDashRojo{color: rgba(217, 83, 79, 1);}
    .colorDashVerde{color: rgba(51,151,15,0.60);}
    .colorDashAzul{color: #4c84d6;}



    .bgDashRosaT{background-color:rgba(185, 129, 173, 0.77);}
    .bgDashMoradoT{background-color:rgba(163, 129, 185, 0.77);}
    .bgDashAzulAT{background-color:rgba(135, 129, 185, 0.77);}
    .bgDashAzulBT{background-color:rgba(129, 162, 185, 0.77);}
    .bgDashVerdeT{background-color:rgba(110, 191, 45, 0.77);}
    .bgDashAmarilloT{background-color:rgba(215, 218, 33, 0.77);}
    .bgDashRojoAT { background-color:rgb(201, 35, 28, 0.77);}
    .bgDashNaranjaAT { background-color:rgb(202, 62, 29, 0.77);}
    .bgDashNaranjaBT { background-color: rgb(193, 99, 18, 0.77);}
    .bgDashNaranjaCT { background-color:rgb(212, 133, 31, 0.77);}
    .bgDashNaranjaDT { background-color:rgb(230, 157, 62, 0.77);}

    .bgDashRosa{background-color:rgba(185, 129, 173, 1);}
    .bgDashMorado{background-color:rgba(163, 129, 185, 1);}
    .bgDashAzulA{background-color:rgba(135, 129, 185, 1);}
    .bgDashAzulB{background-color: rgb(76, 132, 214);}
    .bgDashVerde{background-color:rgba(110, 191, 45, 1);}
    .bgDashAmarillo{background-color:rgba(215, 218, 33, 1);}

    .bgDashRojoA { background-color:rgb(201, 35, 28);}
    .bgDashNaranja { background-color:rgb(251, 155, 31);}
    .bgDashNaranjaA { background-color:rgb(202, 62, 29);}
    .bgDashNaranjaB { background-color:rgb(193, 99, 18);}
    .bgDashNaranjaC { background-color:rgb(212, 133, 31);}
    .bgDashNaranjaD { background-color:rgb(230, 157, 62);}

    .bgOscurecer{ background-color: rgba(15,15,15,0.5);}
    .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);}

    .bgAclarar{ background-color: rgba(250,250,250, 0.8);}
    .bgAclarar1{ background-color: rgba(250,250,250, 0.6);}
    .bgAclarar2{ background-color: rgba(250,250,250, 0.4);}
    .bgAclarar3{ background-color: rgba(250,250,250, 0.2);}


    .bgMadridA{background-color:rgba(246,41,12,0.5);}
    .bgMadridD{background-color:rgba(246,41,12,1);}
    .bgBarcelonaA{background-color:rgba(0,131,245,0.5);}
    .bgBarcelonaD{background-color:rgba(0,131,245,1);}
    .bgLevanteA{background-color:rgba(247,136,0,0.5);}
    .bgLevanteD{background-color:rgba(247,136,0,1);}



    .espacioCentrosPlaca{background:#2f2f2f;}
    .porPlaca a{color: rgba(252,252,252,1.00);}
    .placaSeleccionada {color:rgba(252,216,43,1.00);}
    .placaSeleccionada a{color:rgba(252,216,43,1.00);}

    .dashAzulA{color: #5c89bf;}
    .dashAzulB{color: #486c96;}
    .dashAzulC{color: #3d5984;}
    .dashAzulD{color: #334872d9;}

    .dashVerdeA{color: #278780;}
    .dashVerdeB{color: #30a095;}

    /*----------COLORES DASHBOARD TA -----------------*/

    .bgDashAzulA{background-color: #5c89bf;}
    .bgDashAzulB{background-color: #486c96;}
    .bgDashAzulC{background-color: #3d5984;}
    .bgDashAzulD{background-color: #334872d9;}

    .bgDashVerdeA{background-color: #278780;}
    .bgDashVerdeB{background-color: #30a095;}

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


    .card-body{ padding: 1.25rem;  align-items: center!important; height: 100%; position: relative;}
    .card-body1{align-items: center!important; height: 100%; position: relative;}
    .card-footer{background-color: #e8e8e8; padding-top: 2%; position: relative;}
    .textoGris{color: rgba(128,128,128,0.19)!important; }
    .textoGris1{color: rgba(255,255,255,0.19)!important; }
    .VerVideoDashboard1 a{color:rgb(255,255,255) !important;}
    .porcentajeCarta{ text-align: right;}



    .btnAccionDashboard {
      font-family: RenaultLife-Regular;
      font-size: 18px;
      display: block;
      width: 100%;
      padding: 7px 3px;
      cursor: pointer;
      border-bottom: 1px solid rgba(204,204,204,1.00);
      white-space: nowrap;
      box-shadow: 0 .125rem .25rem 0 rgba(58,59,69,.2)!important;

    }

    .btnAccionDashboard a {
      color:rgba(3,3,3,1.00) ;
      text-decoration: none;
    }

    .btnAccionDashboard label {
      align-items: center;
      margin-bottom: 0px;
      cursor: pointer;
      padding-left: 10px;
      padding: 10px;
      border-left: 1px solid;
    }

    .btnAccionDashboard span {
      align-items: center;
      padding-left: 7px;
      padding-right: 7PX;
      cursor: pointer;
      speak: none;
    }

    .CartaMatricula{box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important; border: 1px solid #e3e6f0; border-radius: .35rem; padding: 1%;}
    .VerVideoDashboard{text-align: end;}
    .VerVideoDashboard a{color:rgba(185,185,185,1.00)}
    .VerVideoDashboard label{border-left: 2px solid; padding-left: 2rem;}


    .separador{
     border-left: 2px solid rgba(0,0,0,1.00);
   }


   /*iconos*/

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

  .iconoCartaDashRight {
    font-size: 6em;
    position: absolute;
    top: 0;
    right: 30px;
  }

  .iconoCartaDashLeft {
    font-size: 600%;
    position: absolute;
    left: 0px;
    top: 20px;
  }

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

  .iconoCartaDashG {
    font-size: 25em;
    position: absolute;
    right:0px;
    top:0px;}

    .iconoCartaDash2{font-size: 4em; position: absolute; top: 0; right: 1%;}

    .iconoCartaDashEspana {
      font-size: 125px;
      position: absolute;
      top: -10px;
      right: -9px;}


      .iconoCartaDashMadrid {    font-size: 25.2px;
        position: absolute;
        top: 58px;
        right: 68px}

        .iconoCartaDashBarcelona {    font-size: 34px;
          position: absolute;
          top: 28px;
          right: 5px;}

          .iconoCartaDashLevante {    font-size: 40px;
            position: absolute;
            top: 60px;
            right: 26px;}
            /*Reportes VF*/



            .reporteVT{background-color:rgba(129,178,185,0.48) !important;}

            .reporteCCR{background-color: rgba(132, 185, 129, 0.48) !important;}

            .reporteTotal{background-color: rgba(176, 129, 185, 0.48) !important;}

            .reporteVT td {border: 2px solid #fff !important; padding: 2px !important;}
            .reporteCCR td {border: 2px solid #fff !important; padding: 2px !important;}
            .reporteTotal td {border: 2px solid #fff !important; padding: 2px !important;}

            .videoTaller{
             font-size: 18px;
             vertical-align: middle !important;
             text-align: center;
             background-color: #81B2B9;
             border-right: 3px solid #fff !important;
             color: #fff;
             width: 70px;
           }

           .CCR{
             font-size: 18px;
             vertical-align: middle !important;
             text-align: center;
             background-color: #8fb981;
             border-right: 3px solid #fff !important;
             color: #fff;
             width: 70px;
           }

           .total{font-size: 18px;
            vertical-align: middle !important;
            text-align: center;
            background-color: #a381b9;
            border-right: 3px solid #fff !important;
            color: #fff;
            width: 70px;
          }


          .alingb{
           vertical-align: bottom !important;
         }


         .NenviosNumero{
           color: #fff;
           background-color: #000;
           padding: 3%;
         }

         .vistosPorcentaje td{
           border:none !important;
           line-height: 260%;
         }

         .clientes td{
           border:none !important;

         }
         .operaciones td{
           border:none !important;

         }

         .vistosPorcentaje span{
           color: #fff !important;
           margin-right: 2%;

         }

         .porcentaje{
           color: #fff !important;
           margin-right: 2%;
           float: right;
         }

         .botoneraMagica{
          background: rgba(0,0,0,1.00);
          border-radius: 9px 9px 9px 9px;
          overflow: hidden;
        }

        .menuFijo{
          background: rgba(0,0,0,1.00);
          border-radius: 9px 9px 9px 9px;
          overflow: hidden;
          top: 0px;
          position: fixed;
          box-shadow: 2px 2px 20px 0px #0000008c;
          left:0px;
          z-index: 99;
        }


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


         .reporteVT{font-size: 70%;}
         .reporteVT td {border: 1px solid #fff !important; padding: 2px !important;}
         .reporteCCR{font-size: 70%;}
         .reporteCCR td {border: 1px solid #fff !important; padding: 2px !important;}
         .reporteTotal{font-size: 70%;}
         .reporteTotal td {border: 1px solid #fff !important; padding: 2px !important;}

         .vistosPorcentaje td{border:none !important;}
         .clientes td{border:none !important;}
         .operaciones td{border:none !important;}
         .reporteVT label{padding-right: 3%;}
         .reporteCCR label{padding-right: 3%;}
         .reporteTotal label{padding-right: 3%;}


       }

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

         .separador{border-left: none;}

         .textoVMobil {
           width: 21px;
           word-wrap: break-word;
           text-align: center;
         }}