@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;
                 }}