@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-----------------*/

    .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,0.60)!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,0.60)!important; }
    .cartaDashboardGanados{ border-left: .5rem solid rgba(51,151,15,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(51,151,15,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);}

    /*----------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;
                   }}