.divCelete {
    background-color: #26BDC5;
    border-radius: 10px;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 5px 0px 5px 0px;
}

.clsWell {
    background-color: white;
    border-radius: 15px;
    border: 0;
    padding-left: 30px;
    padding-right: 40px;
}

.clsWell_SinBorde {
    background-color: white;
    border-radius: 0px;
    border: 0;
    padding-left: 15px;
    padding-right: 20px;
}

.clsAlinearGenerico {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    padding: 0;
    margin: 0;
    display: flex;
}

.clsRow {
    margin-top: 10px;
    margin-bottom: 10px;
    /*display: flex;*/
}

.clsOtroRow {
    margin-top: 5px;
    margin-bottom: 5px;
}

.crdResumenAltoFijo {
    height: 140px;
    overflow: hidden;
}

.break-word {
    -ms-word-break: break-all;
    word-break: break-all;
    // Non standard for webkit word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.crdResumenRepDesembolsos {
    /* Card/Status */
    /* Auto Layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 70px 15px 70px 15px;
    /*        width: 198px;
        height: 100px;*/
    /* Bg 1 */
    background: #FFFFFF;
    /* Bg 2 */
    border: 2px solid #F2F4F8;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(49, 59, 160, 0.05);
    border-radius: 20px;
}

.crdResumen {
    /* Card/Status */
    /* Auto Layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 12px 20px 12px;
    /*        width: 198px;
        height: 100px;*/
    /* Bg 1 */
    background: #FFFFFF;
    /* Bg 2 */
    border: 2px solid #F2F4F8;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(49, 59, 160, 0.05);
    border-radius: 20px;
}

.crdResumen_2_leads {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 10px 11px;
    /*padding: 20px 0px 20px 0px;
    height: 100px;*/
    background: #FFFFFF;
    border: 2px solid #F2F4F8;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(49, 59, 160, 0.05);
    border-radius: 20px;
    height: 40px;
}

.crdResumen_2_gestion {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 24px 11px;
    /*padding: 20px 0px 20px 0px;
    height: 100px;*/
    background: #FFFFFF;
    border: 2px solid #F2F4F8;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(49, 59, 160, 0.05);
    border-radius: 20px;
    height: 40px;
}

.crdResumen_2_adopcion {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 24px 11px;
    /*padding: 20px 0px 20px 0px;
    height: 100px;*/
    background: #FFFFFF;
    border: 2px solid #F2F4F8;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(49, 59, 160, 0.05);
    border-radius: 20px;
    height: 40px;
}


.crdResumen_2 {
    padding: 20px 0px 20px 0px;
    height: 100px;
    background: #FFFFFF;
    border: 2px solid #F2F4F8;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(49, 59, 160, 0.05);
    border-radius: 20px;
}

.crdResumen_3 {
    padding: 10px 15px 10px 15px;
    background: #FFFFFF;
    border: 2px solid #F2F4F8;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(49, 59, 160, 0.05);
    border-radius: 20px;
}

.crdResumen_4 {
    padding: 20px 12px 20px 12px;
    background: #FFFFFF;
    border: 2px solid #F2F4F8;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(49, 59, 160, 0.05);
    border-radius: 20px;
}

.crdResumen_5 {
    padding: 15px 12px 15px 12px;
    background: #FFFFFF;
    border: 2px solid #F2F4F8;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(49, 59, 160, 0.05);
    border-radius: 20px;
}

.crdResumen_6 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 12px 20px 12px;
    background: #FFFFFF;
    border: 2px solid #7AE582;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(49, 59, 160, 0.05);
    border-radius: 20px;
}

.crdResumen_7 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 12px 20px 12px;
    background: #F2F5FE;
    border: 2px solid #F2F5FE;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(49, 59, 160, 0.05);
    border-radius: 20px;
}

.crdResumen_8 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 12px 20px 12px;
    background: #FFFFFF;
    border: 2px solid #3cc4c4;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(49, 59, 160, 0.05);
    border-radius: 20px;
}

.crdDatosPersonales {
    /* Card/Status */
    /* Auto Layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 12px 20px 12px;
    /*        width: 198px;
        height: 100px;*/
    /* Bg 1 */
    background: #FFFFFF;
    /* Bg 2 */
    border: 2px solid #F2F4F8;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(49, 59, 160, 0.05);
    border-radius: 20px;
}

.col-xs-10 {
    padding: 0px;
    width: max-content;
}

.col-sm-5 {
    padding: 0px;
}

.clsCantidadResumen {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 29px;
    /* identical to box height */
    display: flex;
    align-items: center;
    /* Gris 90% */
    /*color: #52575C;*/
    /* Inside Auto Layout */
    flex: none;
    order: 1;
    align-self: flex-start;
    flex-grow: 0;
    margin: 0px 0px 0px 4px;
}


.clsDatosPersonales {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    /* identical to box height */
    display: flex;
    align-items: center;
    /* Gris 90% */
    color: #52575C;
    /* Inside Auto Layout */
    flex: none;
    order: 1;
    align-self: flex-start;
    flex-grow: 0;
    margin: 0px 4px;
}

.clsDatosPersonales_1 {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 29px;
    /* identical to box height */
    display: flex;
    align-items: center;
    /* Gris 90% */
    color: #52575C;
    /* Inside Auto Layout */
    flex: none;
    order: 1;
    align-self: flex-start;
    flex-grow: 0;
    margin: 0px 4px;
}


.tab-pane > .well {
    background-color: white;
}

.clsLinkAtras {
    color: white !important;
}

    .clsLinkAtras i {
        background-color: #2531A0;
        padding: 10px;
        border-radius: 20px;
        font-size: 20px;
        margin-bottom: 10px;
    }


.nav-tabs > li > a {
    background-color: #F2F4F8 !important;
    border: none !important;    
    color: #52575C !important;
    border-bottom: 1px solid #E5E7EB !important;
}

.FondoPestania > li > a {
    background-color: #FFFFFF !important;
}

.nav-tabs > .active > a {
    border-bottom: 4px solid #26BDC5 !important;
    color: #26BDC5 !important;
    
}

.maxAlto-150 {
    max-height: 150px !important;
    overflow: hidden;
}

.minAlto-120 {
    min-height: 120px;
}

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

.clscardViewContent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.clscardViewContent_2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    align-content: center;
}

.clscardViewContent_3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.clscardViewContent_4 {
    display: flex;
    flex-wrap: wrap;
}

.clscardViewMovil {
    width: 15%;
    min-width: 150px;
    max-width: 150px;
    margin: 5px 5px 5px 5px;
}

.clscardViewMovil_1 {
    width: auto;
    /*min-width: 200px;
    max-width: 200px;*/
    margin: 10px 10px 10px 0px;
}

.clscardViewMovil_2 {
    width: 100%;
    min-width: 200px;
    max-width: 200px;
    margin: 10px 10px 10px 10px;
}

.clscardViewMovil_3 {
    width: 100%;
    min-width: 275px;
    max-width: 275px;
    margin: 10px 10px 10px 10px;
}

.clscardView {
    width: 15%;
    min-width: 150px;
    max-width: 150px;
    margin: 5px 5px 5px 5px;
}

.clscardView_1 {
    width: 50%;
    min-width: 400px;
    max-width: 400px;
    margin: 5px 10px 5px 10px;
}

.clscardView_2 {
    width: 50%;
    min-width: 300px;
    max-width: 300px;
    margin: 5px 10px 5px 10px;
}

.clscardView_3 {
    width: 50%;
    min-width: 200px;
    max-width: 200px;
    margin: 5px 10px 5px 10px;
}

.clscardView_4 {
    width: 20%;
    min-width: 20%;
    max-width: 20%;
    margin: 5px 10px 5px 10px;
}

.clscardView_5 {
    width: 12%;
    min-width: 145px;
    max-width: 145px;
    margin: 5px 10px 5px 10px;
}

.clscardView_6 {
    width: 12%;
    min-width: 789px;
    max-width: 789px;
    margin: 5px 10px 5px 10px;
}

.clscardView_7 {
    width: 10%;
    min-width: 230px;
    max-width: 230px;
    margin: 5px 10px 5px 10px;
}


.clscardView_8 {
    width: 100%;
    min-width: 1220px;
    max-width: 1220px;
    margin: 5px 10px 5px 10px;
}

.clscardView_9 {
    width: 100%;
    min-width: 275px;
    max-width: 275px;
    margin: 5px 10px 5px 10px;
}

.clscardView_10 {
    width: 100%;
    min-width: 275px;
    max-width: 560px;
    margin: 5px 10px 5px 10px;
}

.clscardView_11 {
    width: 100%;
    min-width: 275px;
    max-width: 370px;
    margin: 5px 10px 5px 10px;
}

.clscardView_12 {
    width: 100%;
    min-width: 275px;
    max-width: 1161px;
    margin: 5px 10px 5px 10px;
}

.clscardView_13 {
    width: 100%;
    min-width: 255px;
    max-width: 560px;
    margin: 5px 10px 5px 10px;
}

.clscardView_14 {
    width: 100%;
    min-width: 185px;
    max-width: 185px;
    margin: 5px 7px 5px 7px;
}

.clscardView_15 {
    width: 100%;
    min-width: 215px;
    max-width: 215px;
    margin: 5px 10px 5px 10px;
}

.clscardView_16 {
    width: 47%;
    min-width: 47%;
    max-width: 80%;
    margin: 3px 3px 3px 3px;
}

.clscardViewButton {
    width: 15%;
    min-width: 120px;
    max-width: 120px;
    margin: 5px 10px 5px 10px;
}

.clsFuente11 {
    font-size: 11px;
}

.clsFuente13 {
    font-size: 16px;
    margin-bottom: 0px;
    /*text-align: initial;*/
}

.w10 {
    width: 10%;
}

.w15 {
    width: 15%;
}

.w30 {
    width: 30%;
}

.w20 {
    width: 20%;
}

.w35 {
    width: 35%;
}

.cboFontSize {
    font-size: 14px;
}

.clsCorDimBtnFoto {
    width: 63% !important;
    height: 25px !important;
    /*margin-left: -26px !important;*/
}

.glyphiconFoto {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -4px;
}

.border-bt {
    width: 100%; /*Cambio CB*/
}

.clsAlinearGenerico_2 {
    margin-right: 270px;
    width: 100%;
    margin-top: 20px;
}

@media(max-width:480px) {
    .clsAlinearGenerico_2 {
        margin-right: 0px;
        margin-left: 30px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .clsCorDimBtnFoto {
        width: 63% !important;
        height: 25px !important;
        margin-left: -26px !important;
    }

    .glyphiconFoto {
        display: inline-block;
        vertical-align: top;
        position: relative;
        top: -4px;
    }
}

@media(max-width:767px) {
    .clscardViewContent {
        justify-content: center;
    }

    .clscardViewContent_2 {
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        align-items: flex-start;
    }

    .clscardView {
        width: 80%;
        min-width: 80%;
        max-width: 80%;
    }

    .clscardView_4 {
        width: 93%;
        min-width: 93%;
        max-width: 93%;
    }

    .clscardView_5 {
        width: 93%;
        min-width: 93%;
        max-width: 93%;
    }

    .clscardView_6 {
        width: 80%;
        min-width: 80%;
        max-width: 80%;
    }

    .clscardView_7 {
        width: 95%;
        min-width: 95%;
        max-width: 95%;
    }

    .clscardView_8 {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .clscardViewMovil {
        width: 47%;
        min-width: 47%;
        max-width: 80%;
        margin: 3px 3px 3px 3px;
    }

    .clscardViewMovil_1 {
        /*width: auto;*/
        width: fit-content;
        min-width: 47%;
        max-width: 99%;
        margin: 15px 3px 3px 0px;
    }

    .clscardViewMovil_2 {
        width: 100%;
        min-width: 47%;
        max-width: 100%;
        margin: 10px 3px 3px 3px;
    }

    .clscardViewMovil_3 {
        width: 47%;
        min-width: 47%;
        max-width: 80%;
        margin: 3px 3px 3px 3px;
    }

    .flotarDerecha {
        display: block;
    }

    .w10 {
        width: 20%;
    }

    .w15 {
        width: 15%;
    }

    .w30 {
        width: 80%;
    }

    .w20 {
        width: 100%;
    }

    .w35 {
        width: 100%;
    }

    .cboFontSize {
        font-size: 12px;
    }

    .clsCorDimBtnFoto {
        width: 77% !important;
        margin-left: -12px !important;
    }
}

.ComboListaLeads {
    color: #26BDC5;
    border-radius: 50px;
    border: 2px solid #E8E8E8;
    padding-right: 0px;
    padding-left: 0px;
}

.clsMarginbottom {
    margin-bottom: 5px;
}

.clsComboSaltoLinea,
.clsComboSaltoLinea span {
    white-space: normal !important;
    text-align: justify !important;
    margin-right: 0 !important;
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
    .clsBotonDerecha {
        float: right;
        margin-right: 4px;
    }
}

@media(max-width:767px) {
    .clsBotonDerecha {
        float: left;
    }
}

/* BUTTON TABS */
.cabeceraBotonDesplegable {
    background-color: white;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.cabeceraDatosAnalista {
    justify-content: space-between;
}

.cabeceraDatosEjecutivo {
    justify-content: space-between;
}

.btnCirculo {
    border: none;
    border-radius: 20px;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 13px;
    padding-right: 25px;
    width: 20px;
    background-color: #1780FF;
    cursor: pointer;
}

.btnOvalado {
    border: none;
    border-radius: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    width: 40px;
    background-color: #F2F5FE;
    cursor: auto;
}

#botonesTabCartera {
    background-color: #F3F4F8;
    /*margin-bottom: 20px; */
    border-radius: 20px;
    width: 1000px;
    /*width: 250px;*/
    /*width: 165px;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    float: left;
    /*style ="float:right;*/
}

#botonesTab_PN {
    background-color: #F3F4F8;
    /*margin-bottom: 20px; */
    border-radius: 20px;
    width: 300px;
    /*width: 250px;*/
    /*width: 165px;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    float: right;
    /*style ="float:right;*/
}

#botonesTab_PJ {
    background-color: #F3F4F8;
    /*margin-bottom: 20px; */
    border-radius: 20px;
    /*width: 300px;*/
    /*width: 250px;*/
    width: 190px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    float: right;
    /*style ="float:right;*/
}

#botonesTab_Derivar {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: auto;
    background-color: #F3F4F8;
    border-radius: 20px;
    /*
    margin-bottom: 20px;
    width: 300px;
    width: 250px;
    flex-direction: row;
    flex-wrap: nowrap;
    float: none;
    align-content: center;
    vertical-align: middle;
    align-items: center;
    text-align: center;
    style ="float:right;
    */
}

.botones_derivar {
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #F3F4F8;
    border: none;
    color: #7B7C7E;
    cursor: pointer;
    width: 50%;
}

.botones {
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #F3F4F8;
    border: none;
    color: #7B7C7E;
    cursor: pointer;
}

.mostrar {
    height: auto;
    margin: 15px 0;
    transition: all 0.3s ease-out;
}

.ocultar {
    height: 0;
    overflow: hidden;
    margin: 0;
    transition: all 0.3s ease-out;
}

.botonDesSeleccionado {
    background-color: #F3F4F8;
    color: #7B7C7E;
}

.botonSeleccionado {
    background-color: #26BDC6;
    color: white;
}

.botonSeleccionadoReportes {
    background-color: #EFFFF1;
}

.SectionErrorNavegadorLogin {
    display: flex;
    flex-direction: column;
    font-family: Arial;
    color: gray;
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    text-align: justify;
}

.SectionErrorNavegador {
    width: 500px;
    font-family: Arial;
    color: gray;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 150px;
    text-align: center;
}

.BodyErrorNagevador {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url(../../../Imgs/fondo_error.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}


@media(max-width:1500px) {
    .TabCRMBandeja {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow: auto;
        /*-ms-overflow-style: none; */ /* IE and Edge */
        /*scrollbar-width: none;*/ /* Firefox */
    }

        .TabCRMBandeja li:nth-child(1) {
            min-width: 200px;
        }

        .TabCRMBandeja li:nth-child(2) {
            min-width: 210px;
        }

        .TabCRMBandeja li:nth-child(3) {
            min-width: 240px;
        }

        .TabCRMBandeja li:nth-child(4) {
            min-width: 190px;
        }

        .TabCRMBandeja li:nth-child(5) {
            min-width: 210px;
        }

        .TabCRMBandeja li:nth-child(6) {
            min-width: 190px;
        }

        .TabCRMBandeja::-webkit-scrollbar {
            /*display: none;*/
            width: 0px; /* Tamaño del scroll en vertical */
            height: 4px; /* Tamaño del scroll en horizontal */
        }

        .TabCRMBandeja::-webkit-scrollbar-thumb {
            background-color: transparent;
            border-radius: 4px;
        }

            .TabCRMBandeja::-webkit-scrollbar-thumb:hover {
                background: rgba(0,0,0,0.2);
            }

            .TabCRMBandeja::-webkit-scrollbar-thumb:active {
                background: rgba(0,0,0,0.2);
            }

    /**/
    .TabCRMButtonBandeja {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow: auto;
        /*-ms-overflow-style: none; */ /* IE and Edge */
        /*scrollbar-width: none;*/ /* Firefox */
    }

        .TabCRMButtonBandeja button:nth-child(1) {
            min-width: 190px;
        }

        .TabCRMButtonBandeja button:nth-child(2) {
            min-width: 210px;
        }

        .TabCRMButtonBandeja button:nth-child(3) {
            min-width: 180px;
        }

        .TabCRMButtonBandeja button:nth-child(4) {
            min-width: 180px;
        }

        .TabCRMButtonBandeja button:nth-child(5) {
            min-width: 100px;
        }

        .TabCRMButtonBandeja button:nth-child(6) {
            min-width: 100px;
        }

        .TabCRMButtonBandeja::-webkit-scrollbar {
            /*display: none;*/
            width: 0px; /* Tamaño del scroll en vertical */
            height: 4px; /* Tamaño del scroll en horizontal */
        }

        .TabCRMButtonBandeja::-webkit-scrollbar-thumb {
            background-color: transparent;
            border-radius: 4px;
        }

            .TabCRMButtonBandeja::-webkit-scrollbar-thumb:hover {
                background: rgba(0,0,0,0.2);
            }

            .TabCRMButtonBandeja::-webkit-scrollbar-thumb:active {
                background: rgba(0,0,0,0.2);
            }
}

@media(max-width:480px) {
    .SectionErrorNavegador {
        width: 250px;
        margin-top: 150px;
    }

    .BodyErrorNagevador {
    }
}

@media(max-width:1000px) {
    .TabCRMBandeja_movil {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow: auto;
        /*-ms-overflow-style: none; */ /* IE and Edge */
        /*scrollbar-width: none;*/ /* Firefox */
    }

        .TabCRMBandeja_movil li:nth-child(1) {
            min-width: 125px;
        }

        .TabCRMBandeja_movil li:nth-child(2) {
            min-width: 125px;
        }

        .TabCRMBandeja_movil li:nth-child(3) {
            min-width: 125px;
        }

        .TabCRMBandeja_movil li:nth-child(4) {
            min-width: 125px;
        }

        .TabCRMBandeja_movil li:nth-child(5) {
            min-width: 125px;
        }

        .TabCRMBandeja_movil li:nth-child(6) {
            min-width: 125px;
        }

        .TabCRMBandeja_movil::-webkit-scrollbar {
            /*display: none;*/
            width: 0px; /* Tamaño del scroll en vertical */
            height: 10px; /* Tamaño del scroll en horizontal */
        }

        .TabCRMBandeja_movil::-webkit-scrollbar-thumb {
            background-color: transparent;
            border-radius: 4px;
        }

            .TabCRMBandeja_movil::-webkit-scrollbar-thumb:hover {
                background: rgba(0,0,0,0.2);
            }

            .TabCRMBandeja_movil::-webkit-scrollbar-thumb:active {
                background: rgba(0,0,0,0.2);
            }

    /**/
    .TabCRMButtonBandeja {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow: auto;
        /*-ms-overflow-style: none; */ /* IE and Edge */
        /*scrollbar-width: none;*/ /* Firefox */
    }

        .TabCRMButtonBandeja button:nth-child(1) {
            min-width: 190px;
        }

        .TabCRMButtonBandeja button:nth-child(2) {
            min-width: 210px;
        }

        .TabCRMButtonBandeja button:nth-child(3) {
            min-width: 180px;
        }

        .TabCRMButtonBandeja button:nth-child(4) {
            min-width: 180px;
        }

        .TabCRMButtonBandeja button:nth-child(5) {
            min-width: 100px;
        }

        .TabCRMButtonBandeja button:nth-child(6) {
            min-width: 100px;
        }

        .TabCRMButtonBandeja::-webkit-scrollbar {
            /*display: none;*/
            width: 0px; /* Tamaño del scroll en vertical */
            height: 4px; /* Tamaño del scroll en horizontal */
        }

        .TabCRMButtonBandeja::-webkit-scrollbar-thumb {
            background-color: transparent;
            border-radius: 4px;
        }

            .TabCRMButtonBandeja::-webkit-scrollbar-thumb:hover {
                background: rgba(0,0,0,0.2);
            }

            .TabCRMButtonBandeja::-webkit-scrollbar-thumb:active {
                background: rgba(0,0,0,0.2);
            }
}

.ClsCuadranteActivo {
    border: 1px solid #1680FF;
}

.ClsCuadranteActivo_1 {
    border: 1px solid #CED9F8;
    background-color: #E9EDFC !important;
    color: #1D4ED8 !important;
}

    .ClsCuadranteActivo_1:hover, .ClsCuadranteActivo_1:focus {
        color: #1D4ED8;
    }

.btnFijar {
    display: block;
    width: 35px;
    height: 35px;
    margin: 20px auto 0px;
    /*padding: 10px 0;*/
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    color: white;
    border-radius: 8px;
    background: transparent;
    transition: all 0.5s;
    border: none;
    justify-content: initial;
    align-content: initial;
}

@media(max-width:1121px) {
    .crdResumenRepDesembolsos {
        padding: 10px 10px 10px 10px;
    }
}

/*@media(max-width:1500px) {
}*/


/*@media (min-width: 768px) {
    .collapse.dont-collapse-sm {*/
/* display: block !important;*/
/*height: auto !important;
        visibility: visible;
    }



}*/

.leadmobile {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.collapse-element-title {
    display: block;
    outline: 1px solid orange;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
}

    .collapse-element-title:after {
        display: block;
        position: absolute;
        top: 15px;
        right: 10px;
        width: 10px;
        height: 10px;
        border: 2px solid #25282B;
        border-top: none;
        border-left: none;
        transform: rotate(225deg);
        content: "";
    }

    /* .collapse-element-title .prueba {
        opacity:1;
    }*/





    .collapse-element-title.collapsed:after {
        top: 10px;
        transform: rotate(45deg);
    }

    .collapse-element-title.collapsed .leadmobile {
        opacity: 1;
        visibility: visible;
        position: relative;
    }

    .collapse-element-title.collapsed:after {
        top: 10px;
        transform: rotate(45deg);
        opacity: 1;
    }




.collapse-element-title {
    cursor: pointer;
}

.combomenu {
    padding-left: 0px;
    padding-right: 0px;
}

@media(max-width: 767px) {
    #items.in, #items.collapsing {
        display: block !important;
    }
}

@media(max-width: 767px) {
    #gestion.in, #gestion.collapsing {
        display: block !important;
    }
}

@media(max-width: 767px) {
    #adopcion.in, #adopcion.collapsing {
        display: block !important;
    }
}

@media(min-width: 768px) {
    #crownDesc.collapse {
        display: block !important;
        height: auto !important;
    }
}



.fg--search {
    position: relative;
    width: 300px;
}

    .fg--search input {
        width: 100%;
        padding: 10px 50px 10px 20px;
        display: block;
        padding-left: 50px;
        border-radius: 40px;
        border: 1px solid silver;
    }

    .fg--search button {
        background: transparent;
        border: none;
        cursor: pointer;
        display: inline-block;
        font-size: 18px;
        position: absolute;
        top: 6px;
        left: 10px;
        z-index: 2;
    }

    

    .fg--search input:focus + button .fa-search {
        color: red;
    }

.hide {
    display: none !important;
}

.fg--search button.btnEnter {
    left: inherit;
    right: 10px;
}

.btnAtras {
    margin: 15px 8px 0px 0px;
    border: none;
    background: #ffffff;
}

.btnAtras_RC {
    margin: 0px 0px 0px 0px;
    border: none;
    background: #ffffff;
}

.fg--search button.btnEnterActivo {
    left: inherit;
    right: 10px;
}

.c-red {
    color: red;
}

.inactivo {
    color: #b2b2b2;
    cursor: auto !important;
}

.fg--search input:focus {
    outline: none;
}


.alerta {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    /* Color Error */

    color: #F13319;
    margin: 2px;
}

.nav-tabs > .active > a[id$="Pendiente"] {
    border-bottom: 2px solid #1680FF !important;
    color: #1680FF !important;
    font-weight: 700;
}

    .nav-tabs > .active > a[id$="Pendiente"] > .pendiente > .img_Pendiente_disable {
        display: none;
    }

    .nav-tabs > .active > a[id$="Pendiente"] > .pendiente > .img_Pendiente_active {
        display: initial;
    }

.img_Pendiente_active {
    display: none;
}

.img_Pendiente_disable {
    display: initial;
}

.nav-tabs > .active > a[id$="Atrasado"] {
    border-bottom: 2px solid #F13319 !important;
    color: #F13319 !important;
    font-weight: 700;
}

    .nav-tabs > .active > a[id$="Atrasado"] > .atrasado > .img_atrasado_disable {
        display: none;
    }

    .nav-tabs > .active > a[id$="Atrasado"] > .atrasado > .img_atrasado_active {
        display: initial;
    }

.img_atrasado_active {
    display: none;
}

.img_atrasado_disable {
    display: initial;
}

.nav-tabs > .active > a[id$="Gestion"] {
    border-bottom: 2px solid #FBBF24 !important;
    color: #FBBF24 !important;
    font-weight:700;
}

    .nav-tabs > .active > a[id$="Gestion"] > .gestion > .img_gestion_disable {
        display: none;
    }

    .nav-tabs > .active > a[id$="Gestion"] > .gestion > .img_gestion_active {
        display: initial;
    }

.img_gestion_active {
    display: none;
}

.img_gestion_disable {
    display: initial;
}

.nav-tabs > .active > a[id$="Cerrado"] {
    border-bottom: 2px solid #2531A0 !important;
    color: #2531A0 !important;
    font-weight: 700;
}

    .nav-tabs > .active > a[id$="Cerrado"] > .cerrado > .img_Cerrado_disable {
        display: none;
    }

    .nav-tabs > .active > a[id$="Cerrado"] > .cerrado > .img_Cerrado_active {
        display: initial;
    }

.img_Cerrado_active {
    display: none;
}

.img_Cerrado_disable {
    display: initial;
}
/*
.nav-tabs > .active > a[id$="Atrasado"] {
    border-bottom: 4px solid #EF872B !important;
    color: #EF872B !important;
}

    .nav-tabs > .active > a[id$="Atrasado"] > .atrasado > .img_Atrasado_disable {
        display: none;
    }

    .nav-tabs > .active > a[id$="Atrasado"] > .atrasado > .img_Atrasado_active {
        display: initial;
    }

.img_Atrasado_active {
    display: none;
}

.img_Atrasado_disable {
    display: initial;
}


.nav-tabs > .active > a[id$="Cerrado"] {
    border-bottom: 4px solid #42D975 !important;
    color: #42D975 !important;
}

    .nav-tabs > .active > a[id$="Cerrado"] > .cerrado > .img_Cerrado_disable {
        display: none;
    }

    .nav-tabs > .active > a[id$="Cerrado"] > .cerrado > .img_Cerrado_active {
        display: initial;
    }

.img_Cerrado_active {
    display: none;
}

.img_Cerrado_disable {
    display: initial;
}*/
/*
.clsBtnDerivarGenerico:hover::before {
    width: 113px;
    height: 40px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap; 
}

.clsBtnDerivarGenerico {
    width: 10px;
    width: 113px;
    height: 40px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    
}
.img_deribado_activo {
    display: none;
}

.img_deribado{
    display:initial;
    width:10px;
}

.clsBtnDerivarGenerico:hover .img_deribado {
    display: none;
}
.clsBtnDerivarGenerico:hover .img_deribado_activo {
    display: initial;
}
.texto_deribado{
    display:none;
}
.clsBtnDerivarGenerico:hover .texto_deribado {
    display: initial;
    padding-right:5.33px;
}*/



/*boton derivar*/
.btnDerivar {
    display: block;
    width: 35px;
    height: 35px;
    margin: 20px auto 0px;
    /*padding: 10px 0;*/
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    color: white;
    border-radius: 8px;
    background: #26BDC5;
    transition: all 0.5s;
    border: none;
    justify-content: initial;
    align-content: initial;
}

.fa-derivar-16 {
    position: absolute;
    /*right: 10px;*/
    visibility: hidden;
    transition: all 0.5s;
    opacity: 0;
    top: 4px;
    /*vertical-align: top;*/
}

.labelderivar {
    position: absolute;
    visibility: hidden;
    transition: all 0.5s;
    opacity: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    top: 5px;
    /*vertical-align: top;*/
}

.derivar {
    background-color: #26BDC5;
}

.btnDerivar:hover {
    background-color: #26BDC5;
    width: 80px;
    height: 35px;
}


    .btnDerivar:hover .fa-derivar-16 {
        position: relative;
        visibility: visible;
        right: -5px;
        opacity: 1;
    }


    .btnDerivar:hover .labelderivar {
        position: relative;
        visibility: visible;
        opacity: 1;
    }


    .btnDerivar:hover .fa-derivar-24 {
        position: relative;
        visibility: visible;
        right: -5px;
        opacity: 0;
    }


/*fin boton derivar*/


/*boton gestionar*/
.btnGestionar {
    display: block;
    width: 35px;
    height: 35px;
    margin: 20px auto 0px;
    /*padding: 10px 0;*/
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    color: white;
    border-radius: 8px;
    background: #26BDC5;
    transition: all 0.5s;
    border: none;
    justify-content: initial;
    align-content: initial;
}

.fa-gestionar-16 {
    position: absolute;
    /*right: 10px;*/
    visibility: hidden;
    transition: all 0.5s;
    opacity: 0;
    top: 4px;
    /*vertical-align: top;*/
}

.labelgestionar {
    position: absolute;
    visibility: hidden;
    transition: all 0.5s;
    opacity: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    top: 5px;
    /*vertical-align: top;*/
}

.gestionar {
    background-color: #1680FF;
}

.btnGestionar:hover {
    background-color: #1680FF;
    width: 90px;
    height: 35px;
}


    .btnGestionar:hover .fa-gestionar-16 {
        position: relative;
        visibility: visible;
        right: -5px;
        opacity: 1;
    }


    .btnGestionar:hover .labelgestionar {
        position: relative;
        visibility: visible;
        opacity: 1;
    }


    .btnGestionar:hover .fa-gestionar-24 {
        position: relative;
        visibility: visible;
        right: -5px;
        opacity: 0;
    }


/*fin boton gestionar*/


/*boton reaccionar*/
.btnReaccionar {
    display: block;
    width: 35px;
    height: 35px;
    margin: 20px auto 0px;
    /* padding: 10px 0; */
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    color: #1B1B22;
    border-radius: 8px;
    background: #26BDC5;
    transition: all 0.5s;
    border: none;
    justify-content: center;
    align-content: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.fa-reaccionar-16 {
    position: absolute;
    right: 10px;
    visibility: hidden;
    transition: all 0.5s;
    opacity: 0;
    top: 4px;
    vertical-align: top;
}

.fa-reaccionar-24 {
    transition: all 0.5s;
    width: 24px;
    height: 24px;
}

.labelreaccionar {
    /*position: absolute;*/
    visibility: hidden;
    /*transition: all 0.5s;*/
    opacity: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    top: 5px;
    width: 0px;
    /*vertical-align: top;*/
}

.reaccionar {
    background-color: #F2F4F8;
}

.btnReaccionar:hover {
    background-color: #F2F4F8;
    width: 90px;
    height: 35px;
}

    /*
    .btnReaccionar:hover .fa-reaccionar-16 {
        position: relative;
        visibility: visible;
        right: -5px;
        opacity: 1;
        transition: opacity 1.5s;
    }*/


    .btnReaccionar:hover .labelreaccionar {
        position: relative;
        visibility: visible;
        opacity: 1;
        transition: all 0.5s;
        width: auto;
    }


    .btnReaccionar:hover .fa-reaccionar-24 {
        position: relative;
        visibility: visible;
        right: -5px;
        /*opacity: 0;*/
        width: 16px;
        height: 16px
    }


/*fin boton reaccionar*/

/*boton ver más*/
.btnVerMas {
    display: block;
    width: 35px;
    height: 35px;
    margin: 20px auto 0px;
    /*padding: 10px 0;*/
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    color: #1B1B22;
    border-radius: 8px;
    background: #F2F4F8;
    transition: all 0.5s;
    border: none;
    justify-content: initial;
    align-content: initial;
}

.fa-vermas-16 {
    position: absolute;
    /*right: 10px;*/
    /*visibility: hidden;*/
    transition: all 0.5s;
    /*opacity: 0;*/
    display: none;
    top: 4px;
    /*vertical-align: top;*/
}

.labelvermas {
    position: absolute;
    visibility: hidden;
    transition: all 0.5s;
    opacity: 0;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    top: 5px;
    /*vertical-align: top;*/
}

.verMas {
    background-color: #F2F4F8;
}

.btnVerMas:hover {
    background-color: #F2F4F8;
    width: 90px;
    height: 35px;
}


    .btnVerMas:hover .fa-vermas-16 {
        position: relative;
        /*visibility: visible;*/
        right: -5px;
        display: initial;
        /*opacity: 1;*/
    }


    .btnVerMas:hover .labelvermas {
        position: relative;
        visibility: visible;
        opacity: 1;
    }


    .btnVerMas:hover .fa-vermas-24 {
        position: relative;
        /*visibility: visible;*/
        right: -5px;
        display: none;
        /*opacity: 0;*/
    }
/*fin boton ver más*/

.clsBtnNuevo {
    background-color: #1680FF;
    color: white;
    border-radius: 5px;
}

.clsComboTipoDOI {
    border: 2px solid #F2F4F8;
    border-radius: 20px;
}

.clstitulo {
    color: #2531A0;
}

.clsLabelTextoCard_TituloCampana {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #1B1B22;
}

.clscardView_17 {
    width: 100%;
    min-width: 252px;
    max-width: 342px;
    margin: 5px 10px 5px 10px;
}

.clscardViewContent_5 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

@media(max-width:480px) {
    .clscardViewContent_5 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

.clsTituloCampana {
    font-size: 18px;
    color: #2531A0;
}

.clsTituloCampana2 {
    font-size: 14px;
}

.clsBtnNuevo:hover {
    color: white;
    text-decoration: none;
    background-color: #1680FF;
    transition: all ease 0.5s;
}

#RegresarNuevoClienteConquistandoClientes:hover {
    text-decoration: none;
}

#RegresarDatosDocumentoCampana {
    text-decoration: none;
}

.imagen-abajo {
    display: none;
}

@media(max-width:480px) {
    .imagen {
        display: none;
    }
}

@media(max-width:480px) {
    .imagen-abajo {
        display: initial;
    }
}

@media(max-width:480px) {
    .boton-exportar-derecha {
        display: flex;
        margin-top: 20px;
        flex-direction: row;
        justify-content: flex-end;
    }

    .ordenar-botones {
        display: flex;
        flex-direction: column;
    }
}


.clsConfirmarEntrega {
    Width: 105px;
    Height: 40px;
    background: #1680FF;
    border-color: #1680FF;
    border-radius: 8px;
    color: white !important;
    margin: 10px;
    padding: 6px 12px;
    font-size: 14px;
}

.clsConfirmarEntrega:hover {
    background: #1680FF;
    border-color: #1680FF;
    color: white;
}

.clsNoConfirmarEntrega {
    Width: 105px;
    Height: 40px;
    background: #F13319;
    border-color: #F13319;
    border-radius: 8px;
    color: #FFFFFF;
    margin: 10px;
    padding: 6px 12px;
    font-size: 14px;
}

    .clsNoConfirmarEntrega:hover {
        background: #F13319;
        border-color: #F13319;
        color: white;
    }

.icono-left {
    height: 20px;
    margin-right: 13px;
}

.clsWallEntregaPaneton .sa-button-container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}

#lblCantidadWebContactabilidad:before,
#lblCantidadVoice:before,
#lblCantidadServicioCliente:before,
#lblCantidadAgendaComercial:before,
#lblCantidadConquistandoClientes:before,
#lblCantidadInactiva:before,
#lblCantidadCompetencia:before,
#lblCantidadCampanaNuevo:before,
#lblCantidadGestionComercial:before {
    content: "(";
}

#lblCantidadWebContactabilidad:after,
#lblCantidadVoice:after,
#lblCantidadServicioCliente:after,
#lblCantidadAgendaComercial:after,
#lblCantidadConquistandoClientes:after,
#lblCantidadInactiva:after,
#lblCantidadCompetencia:after,
#lblCantidadCampanaNuevo:after,
#lblCantidadGestionComercial:after {
    content: ")";
}

a.tab-bandeja {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

    a.tab-bandeja i {
        margin-right: 5px;
    }

    a.tab-bandeja span {
        margin-left: 5px;
    }

.bg-graylight {
    background-color: #F2F4F8;
}

.bg-white {
    background-color: white;
}

.w-fitcontent {
    width: fit-content;
}

.r-5 {
    border-radius: 5px;
}

.r-10 {
    border-radius: 10px;
}

.r-15 {
    border-radius: 15px;
}

.r-20 {
    border-radius: 20px;
}

.r-25 {
    border-radius: 25px;
}

.p-0 {
    padding: 0 !important;
}

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.justify-content-start {
    justify-content: flex-start;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-end {
    justify-content: flex-end;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-around {
    justify-content: space-around;
}

.justify-content-evently {
    justify-content: space-evenly;
}

.align-items-start {
    align-items: flex-start;
}

.align-items-center {
    align-items: center;
}

.align-items-end {
    align-items: flex-end;
}

.align-items-stretch {
    align-items: stretch;
}

.card-direccion {
    display: flex;
    width: 100%;
}

.card-direccion .col {
    display: flex;
    flex-direction: column;
}

.card-direccion .row {
    display: flex;
    flex-direction: row;
    margin: 0;
}

.card-direccion .card-direccion-container, .card-direccion .card-direccion-container .card-direccion-header, .card-direccion .card-direccion-container .card-direccion-footer {
    display: flex;
    width: 100%;
}

.card-direccion .card-direccion-container .card-direccion-header, .card-direccion .card-direccion-container .card-direccion-footer {
    padding: 16px;
}


@media(max-width:480px) {
    .card-direccion .card-direccion-container .card-direccion-header {
        order: 1;
    }
}



.flex, .flex.row {
    display: flex;
    flex-direction: row;
    margin: 0;
}

.flex.col {
    display: flex;
    flex-direction: column;
}
/*
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}*/


.swal-buttons-right > .sa-button-container{
    text-align: right
}

/*[data-toggle=tooltip]{
    pointer-events: none;
}*/

/*Combo deshabilitado*/
select.disabled button.dropdown-toggle.disabled,
button.dropdown-toggle.disabled,
select.disabled button.dropdown-toggle.disabled:hover,
button.dropdown-toggle.disabled:hover,
select.disabled button.dropdown-toggle.disabled:active,
button.dropdown-toggle.disabled:active,
select.disabled button.dropdown-toggle.disabled:focus,
button.dropdown-toggle.disabled:focus {
    background-color: #eeeeee;
}

.dropdown-menu.open[role="combobox"]{
    width: 100%;
}

.nav-tabs > .active > a {
    border-bottom: 2px solid #3361E4 !important;
    color: #3361E4 !important;
    background-color: white !important;
}

.btnSiCalifica {
    margin-left: 50px;
    background-color: white;
    color: inherit;
    font-size: 12px;
    font-weight: normal;
}

.tooltip-califica {
    background: #fff;
    color: #fff;
    margin-bottom: 0;
    margin-left: 50px;
    display: none;
    padding: 15px;
    border-radius: 3px;
    position: absolute;
    width: 25%;
    color: #333;
    border: gray 1px solid;
    margin-top: 35px;
    margin-left: 90px;
}

.tooltip-califica:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

    .tooltip-califica:after {
        border-left: solid transparent 10px;
        border-right: solid transparent 10px;
        border-bottom: solid #777 10px;
        top: -10px;
        content: " ";
        height: 0;
        left: 18%;
        margin-left: -13px;
        position: absolute;
        width: 0;
    }

.btnEditarLead {
    display: block;
    width: 25px;
    height: 35px;
    margin: 20px auto 0px;
    /*padding: 10px 0;*/
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    color: white;
    border-radius: 8px;
    background: #ffffff;
    /*transition: all 0.5s;*/
    border: none;
    justify-content: initial;
    align-content: initial;
}

.editarLead {
    background-color: #7B7C7E;
}


@media(max-width:1000px) {
    .leyenda-atrasados {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }
}


.btnHistorial {
    display: block;
    width: 35px;
    height: 35px;
    padding:0px;
    margin: 10px auto 0px;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    color: #1B1B22;
    border-radius: 10px;
    background: #E5E7EB;
    transition: all 0.5s;
    border: none;
    justify-content: initial;
    align-content: initial;
}

.tablaGestion {
    padding: 10px 10px 10px 15px;
}