@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; height: 100%; 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: 2rem;
  position: absolute;
  height: 2rem;
  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;
         }}