.section-container {
    border-radius: 5px 5px 5px 5px;
    padding: 0px;
    background-color: rgb(241, 241, 241);
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.25);
}

.container-titulo-principal-paginas {
    padding: 0px;
}

.titulo-principal-paginas {
    height: 50px;
    align-items: center;
    justify-content: left;
    display: flex;
}

.titulo-principal-paginas p {
    font-size: 25px;
    margin-left: 20px;
}

    .titulo-principal-paginas img {
       width: 40px;
    }

/* Títulos de sección */
.titulos {
    background: #363534;
    height: 50px;
    align-items: center;
    justify-content: left;
    display: flex;
    border-radius: 5px 5px 0px 0px;
}

    /* Párrafo con detalle de la sección */
    .titulos p {
        margin-left: 15px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-top: 0px;
        font-weight: 600;
        font-size: 17px;
        color: white !important;
        letter-spacing: 2px;
        font-family: VAGRoundedStd-Light;
        text-transform: uppercase;
    }

    /* Imagen que aparece en el título de cada sección */
    .titulos img {
        width: 25px;
        height: 25px;
        margin-left: 15px;
    }

.container-pbi{
    max-width:100% !important;
}

.modal {
    padding-right: 0px !important;
}

.btnConIcono {
    border: 0 none;
    border-radius: 5px;
    font-size: 15px;
}

.modalFooter {
    background-color: #363534;
}

.btnNaranjaModal{
    background:orangered;
    font-size:16px;
    text-transform:none;
    color:white;
}

    .btnNaranjaModal:hover {
        background: orange;
        color: black;
        border: 1px solid orangered;
    }

.btnConIconoNaranja {
    background: orangered;
    border: 0 none;
    border-radius: 5px;
    color: white !important;
    font-size: 15px;
}

.btnConIconoNaranja:hover {
    background: orange;
    border: 0 none;
    border-radius: 5px;
    color: black !important;
    font-size: 15px;
}

.btnConIconoNaranja i {
    margin-right: 5px;
    color: black;
}

.btnConIconoNegro {
    background: #363534;
    border: 0 none;
    border-radius: 5px;
    color: white !important;
    font-size: 15px;
}

.btnConIconoNegro:hover {
    background: #e4e4e4;
    border: 0 none;
    border-radius: 5px;
    color: black !important;
    font-size: 15px;
}

.btnConIconoNegro i {
    margin-right: 5px;
    color: orangered;
}

.btnConIconoVerde {
    background: #1dbb22;
    color: white !important;
}

    .btnConIconoVerde:hover {
        background: #7ee381;
        color: black !important;
    }

    .btnConIconoVerde i {
        margin-right: 5px;
        color: black;
    }

.btnConIconoGris {
    background: gray;
    border: 0 none;
    border-radius: 5px;
    color: white !important;
    font-size: 15px;
}

    .btnConIconoGris:hover {
        background: lightgray;
        color: black !important;
        border: 0 none;
        border-radius: 5px;
        font-size: 15px;
    }

    .btnConIconoGris i {
        margin-right: 5px;
        color: white;
    }

.tituloNaranja {
    background: orangered;
    width: 100%;
    height: 40px;
    color: white;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 5px;
}

.divSpinner {
    position: absolute;
    opacity: .5;
    background-color: #000;
    z-index: 1;
}

.spinnerNaranja {
    display: inline-block;
    width: 80px;
    height: 80px;
    border: 8px solid white;
    border-right-color: orangered;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}


.spinnerBlanco {
    display: inline-block;
    width: 80px;
    height: 80px;
    border: 8px solid white;
    border-right-color: black;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.spinnerSeleccionCuenta {
    margin-top: 185px;
}

.divSpinnerSeleccionCuenta {
    position: fixed !important;
    height: 469px;
    width: 480px;
    margin-top: -17px;
    margin-left: -16px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    z-index:20;
}

.containerSeccionGeneral {
    border-radius: 5px 5px 0px 0px;
    padding: 0px;
    background-color: rgb(250, 250, 239);
    -webkit-box-shadow: 10px 12px 16px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 12px 16px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 12px 16px 0px rgba(0,0,0,0.75);
}

.contenedorSpinner{
    max-height: 400px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 11;
    opacity: 0.6;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/* Oculta las columnas de la tabla para el estilo table-responsive */
.ocultoTablaResponsiveTarjeta-Prioridad-1{
    display: none !important;
}

/* Para los inputs de busqueda filtrada */
.inputsDatos {
    margin-right: 10px !important;
}

/* Para los labels de busqueda filtrada */
.labelDatos {
    margin-left:10px !important;
}

.comboBoxGris {
    background: #e8e8e8;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 40px;
    width: 100% !important;
    margin-right: 10px;
}

#heading {
    background-color: #FC4C02;
    height: 50px;
}



/* Botones de cabecera de Distribuidores Exclusivos Acindar */
.btnCabeceraDEA{
    margin-top: 10px !important;
}

.bg-custom {
    background-color: black;
    border-radius: 5px;
}

.button-fixed {
    bottom: 0;
    position: fixed;
    right: 0;
    border-radius: 4px;
    z-index:2000;
}

form {
    margin-bottom: 0px;
}

#imgPerfilCuenta:hover {
    background: orangered;
    padding: 2px;
    border-radius: 5px;
    color: black;
}

.btn-secondary {
    background: #6c757d !important;
}

/* Sobreescribo propiedad de bootstrap
    para quitar borde a modales.
*/
.modal-content {
    border: 0px !important;
}

/* Botón de selección de cuenta SAP */
.boton-lista-cuentas {
    border: 0px;
    display: flex;
    outline: none;
}



/* Cotenedor del título de cada página */
#container-titulo {
    margin-top: 20px;
}

.boton-lista-cuentas:hover {
    background-color: #ffad33 !important;
    border-radius: 5px;
}

#contactoWidget {
    position: fixed;
    left: 20px;
    bottom: 3px;
    float: left;
    margin-bottom: 116px;
    z-index: 10;
}

#textoContactoWidget {
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 7px 0px;
    display: block;
    float: left;
    margin-top: 6px;
    padding: 8px;
    max-width: 130px;
    min-width: 34px;
    font-size: 12px;
    font-weight: 500;
    color: #444;
    background-color: rgb(255, 255, 255);
    box-sizing: content-box;
    line-height: initial;
    clear: both;
    word-break: break-word;
}

#card-chatbot {
    display: block;
}

#card-chatbot-mobile {
    display: none;
}


.texto-alertas {
    /*color: black;
    font-weight: bold;*/
    margin-left: 10px;
}

.icono-alertas {
    color: red;
}

.icono-warnings {
    color: white;
}

.icono-info {
    color: dodgerblue;
}

.sombra-alertas {
    -webkit-box-shadow: 2px 2px 6px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 6px 0px rgb(0 0 0 / 75%);
}


#divMontoAcindarPymes {
    font-weight: bold;
    width: 272px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    background: orangered;
    color: black;
    height: 75px;
    padding: 3px;
    justify-content: center;
    box-shadow: 3px 3px 7px 0px rgb(0 0 0 / 45%);
}

#divMontoAcindarPymes:hover {
    background: gray;
}

@media (min-width: 320px) {
    .divSpinnerSeleccionCuenta {
        width: 316px;
    }

    /* Tarjeta de Facturado últimos meses en sección "Facturado" */
    .cardColorFacturadoNMeses{
        margin-right: 0px !important;
    }

    .ocultoTablaResponsiveTarjeta-Prioridad-1 {
        display: block !important;
    }

    .inputsDatos {
        margin-right: 10px !important;
        margin-left: 10px !important;
        border-radius: 5px;
    }

    .labelDatos {
        margin-left: 10px !important;
        margin-right: 10px !important;
        border-radius: 5px;
        width:auto;
    }

    /* Para los contenedores de los labels de busqueda filtrada */
    .colLabelDatos {
        margin-right: 20px !important;
    }

    .iconoTotalizado {
        margin-left: 20px !important;
    }

    .comboBoxGris {
        margin-right: 10px !important;
        margin-left: 10px !important;
        border-radius: 5px;
    }

    .listado-cuentas{
        font-size:10px !important;
    }

    #contactoWidget {
        margin-bottom: 10px;
        display: none;
    }

    #textoContactoWidget {
        display: none;
    }

    #card-chatbot {
        display: none;
    }

    #card-chatbot-mobile {
        display: block;
    }
}

@media (min-width: 360px) {
    .divSpinnerSeleccionCuenta {
        width: 370px;
    }

    /* Tarjeta de Facturado últimos meses en sección "Facturado" */
    .cardColorFacturadoNMeses {
        margin-right: 0px !important;
    }

    .ocultoTablaResponsiveTarjeta-Prioridad-1 {
        display: block !important;
    }

    .inputsDatos {
        margin-right: 10px !important;
        margin-left: 10px !important;
        border-radius: 5px;
    }

    .labelDatos {
        margin-left: 10px !important;
        margin-right: 10px !important;
        border-radius: 5px;
        width: auto;
    }

    /* Para los contenedores de los labels de busqueda filtrada */
    .colLabelDatos {
        margin-right: 20px !important;
    }

    .iconoTotalizado {
        margin-left: 20px !important;
    }

    .comboBoxGris {
        margin-right: 10px !important;
        margin-left: 10px !important;
        border-radius: 5px;
    }

    .listado-cuentas {
        font-size: 10px !important;
    }

    #contactoWidget {
        margin-bottom: 10px;
        display: none;
    }

    #textoContactoWidget {
        display: none;
    }

    #card-chatbot {
        display: none;
    }

    #card-chatbot-mobile {
        display: block;
    }
}

@media (min-width: 411px) {
    .divSpinnerSeleccionCuenta {
        width: 416px;
    }

    /* Tarjeta de Facturado últimos meses en sección "Facturado" */
    .cardColorFacturadoNMeses {
        margin-right: 0px !important;
    }

    .ocultoTablaResponsiveTarjeta-Prioridad-1 {
        display: block !important;
    }

    .inputsDatos {
        margin-right: 10px !important;
        margin-left: 10px !important;
        border-radius: 5px;
    }

    .labelDatos {
        margin-left: 10px !important;
        margin-right: 10px !important;
        border-radius: 5px;
        width: auto;
    }

    /* Para los contenedores de los labels de busqueda filtrada */
    .colLabelDatos {
        margin-right: 20px !important;
    }

    .iconoTotalizado {
        margin-left: 20px !important;
    }

    .comboBoxGris {
        margin-right: 10px !important;
        margin-left: 10px !important;
        border-radius: 5px;
    }

    .listado-cuentas {
        font-size: 12px !important;
    }

    #contactoWidget {
        margin-bottom: 10px;
        display: none;
    }

    #textoContactoWidget {
        display: none;
    }

    #card-chatbot {
        display: none;
    }

    #card-chatbot-mobile {
        display: block;
    }
}

@media (min-width: 480px) {
    .divSpinnerSeleccionCuenta {
        width: 522px;
    }

    /* Tarjeta de Facturado últimos meses en sección "Facturado" */
    .cardColorFacturadoNMeses {
        margin-right: 0px !important;
    }

    .ocultoTablaResponsiveTarjeta-Prioridad-1 {
        display: block !important;
    }

    .inputsDatos {
        margin-right: 10px !important;
        margin-left: 10px !important;
        border-radius: 5px;
    }

    .labelDatos {
        margin-left: 10px !important;
        margin-right: 10px !important;
        border-radius: 5px;
        width: auto;
    }

    /* Para los contenedores de los labels de busqueda filtrada */
    .colLabelDatos {
        margin-right: 20px !important;
    }

    .iconoTotalizado {
        margin-left: 20px !important;
    }

    .comboBoxGris {
        margin-right: 10px !important;
        margin-left: 10px !important;
        border-radius: 5px;
    }

    .listado-cuentas {
        font-size: 14px !important;
    }

    #contactoWidget {
        margin-bottom: 10px;
        display: none;
    }

    #textoContactoWidget {
        display: none;
    }

    #card-chatbot {
        display: none;
    }

    #card-chatbot-mobile {
        display: block;
    }
}

@media (min-width: 600px) {
    .divSpinnerSeleccionCuenta {
        width: 500px;
    }

    /* Tarjeta de Facturado últimos meses en sección "Facturado" */
    .cardColorFacturadoNMeses {
        margin-right: 0px !important;
    }

    .ocultoTablaResponsiveTarjeta-Prioridad-1 {
        display: block !important;
    }

    .listado-cuentas {
        font-size: 14px !important;
    }

    .colLabelDatos {
        margin-right: 20px !important;
    }

    #contactoWidget {
        margin-bottom: 10px;
        display: none;
    }

    #textoContactoWidget {
        display: none;
    }

    #card-chatbot {
        display: none;
    }

    #card-chatbot-mobile {
        display: block;
    }
}

@media (min-width: 768px) {
    .divSpinnerSeleccionCuenta {
        width: 500px;
    }

    .listado-cuentas {
        font-size: 14px !important;
    }

    .colLabelDatos {
        margin-right: 0px !important;
    }

    #contactoWidget {
        margin-bottom: 10px;
    }

    #textoContactoWidget {
        display: none;
    }

    #card-chatbot {
        display: none;
    }

    #card-chatbot-mobile {
        display: block;
    }
}

@media (min-width: 900px) {
    .divSpinnerSeleccionCuenta {
        width: 500px;
    }

    .listado-cuentas {
        font-size: 14px !important;
    }

    .colLabelDatos {
        margin-right: 0px !important;
    }

    #contactoWidget {
        margin-bottom: 10px;
        display: none;
    }

    #textoContactoWidget {
        display: none;
    }

    #card-chatbot {
        display: none;
    }

    #card-chatbot-mobile {
        display: block;
    }
}

@media (min-width: 1024px) {
    .divSpinnerSeleccionCuenta {
        width: 500px;
    }

    .listado-cuentas {
        font-size: 14px !important;
    }

    .colLabelDatos {
        margin-right: 0px !important;
    }

    #contactoWidget {
        margin-bottom: 116px;
        display: block;
    }

    #textoContactoWidget {
        display: block;
    }

    #card-chatbot {
        display: block;
    }

    #card-chatbot-mobile {
        display: none;
    }
}

@media (min-width: 1200px) {
    .divSpinnerSeleccionCuenta {
        width: 500px;
    }

    .listado-cuentas {
        font-size: 14px !important;
    }

    .colLabelDatos {
        margin-right: 0px !important;
    }

    #contactoWidget {
        margin-bottom: 20px;
        display:block;
    }

    #textoContactoWidget {
        display: block;
    }

    #card-chatbot {
        display: block;
    }

    #card-chatbot-mobile {
        display: none;
    }
}