.nav-item a.nav-link{
    text-align: center !important;
    margin-top: 15px;
}

.navbar-inverse .navbar-toolbar .nav-link {
    color: #969797!important;
}

.navbar-inverse .navbar-toolbar .nav-link :hover {
    color: #ddd !important;
}


.nav-item:last-child a.nav-link{
    top: 0px !important;
}

.nav-item a p {
    margin-top: 10px;
    margin-bottom: 0px !important;
}

/* .relleno {
    width: 200px;
    height: 200px;
} */

.panel .list-group-item {
    width: 100% !important;
    white-space: normal !important;
}

.panel-title {
    padding-left: 25px !important;
    padding-right: 15px !important;
}

.pa3box {
    margin-bottom: 30px;
}

span.boton {
    display: block;
}
button.boton {
    width: 100%;
}

.site-sidebar-nav.nav-tabs>.nav-item {
    flex: 1 1 20% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    white-space: normal;
}

.loading {
    width: 18.5%;
    height: 100%;
    display: none;
    position: absolute;
    z-index: 1800;
    background-color: rgba(0,0,0,20%);
    left: 0;
    top: 0;
}

.loading img {
    position: relative;
    top: 20%;
    bottom: 0;
    left: 30%;
    right: 0;
}

.loading_filter {
    width: 18.5%;
    height: 100%;
    display: none;
    position: absolute;
    z-index: 1490;
    background: white;
    /* background-color: rgba(0,0,0,20%); */
    right: 10px;
    top: 0;
}

.loading_filter img {
    position: relative;
    top: 30%;
    bottom: 0;
    left: 30%;
    right: 0;
}

td .badge {
    font-size: 95% !important;
    white-space: normal !important;
    border-radius: 0.215rem !important;

}

td .identity {
    white-space: normal !important;

}

td{
    /*max-width: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;*/
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.slidePanel-header .idItem {
    color: #363636;
    font-size: 15px;
    display: inline;
}

.slidePanel-header .rfTitle {
    color: #363636!important;
    font-size: 26px!important;
}

.slidePanel-header .rfStartDate {
    color: #363636;
    font-size: 15px;
    display: inline;
}

.slidePanel-header .rfHash {
    color: #363636;
    font-size: 15px;
    display: inline;
}

.slidePanel-header .rfSource {
    color: #363636;
    font-size: 16px;
    font-weight: 400;
}

.DTE_Field_InputControl select {
    width: 7em;
}

div.DTED_Lightbox_Wrapper {
    z-index: 1701 !important;
}

div.DTED_Lightbox_Background {
    opacity: 0.2 !important;
    z-index: 1701 !important;
}

.DTE_Header {
    cursor: move;
    z-index: 10;
}

.DTE_Form_Buttons {
    margin: 0 auto;
}
  
  .modal-dialog {
    position: fixed;
    width: 100%;
    margin: 0;
    padding: 10px;
  }

  .modal-footer {
      justify-content: center !important;
  }
  .modal-header .close {
      margin: unset !important;
  }

  .modal-header {
    cursor: move;
  }

  .modal-body {
      text-align: left;
  }

  .duplicatedTable {
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
  }

  .duplicatedTable th {
      padding: 10px;
  }

    #loadingScreen {
        background: rgba(0, 0, 0, 0.5); /* Fondo más oscuro para destacar */
        position: fixed;
        top: 0; right: 0; bottom: 0; left: 0;
        z-index: 2000;
        display: none;
    }

    #loadingScreen.active {
        display: block;
    }

    .loader-container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        z-index: 2200;
    }


    #loadingScreen img {
        width: 25rem;
        height: auto;
        animation: pulse 1.5s ease-in-out infinite;
    }


    @keyframes pulse {
        0%, 100% { transform: scale(1); opacity: 1; }
        50%      { transform: scale(1.1); opacity: 0.8; }
    }


    .swal2-container {
        z-index: 99999 !important;
    }



.loader-overlay {
    background: rgba(158,158,158) !important;
}

.site-menubar-unfold .site-menubar-footer {
    width: 260px;
}

.site-menubar-footer {
    position: fixed;
    bottom: 26px;
    z-index: 1400;
    display: block;
    width: 100%;
}

.page-login-v3:before{
    background: #212121 !important;
}

.page-login-v3 .panel {
    background: #272727 !important;
}

.page-login-v3 .panel .brand-text {
    color: #fff;
}

.site-menubar-footer>a {
    display: block;
    float: left;
    width: 100%;
    height: 76px;
    padding: 26px 0;
    font-size: 16px;
    color: #363636;
    text-align: center;
}

.navbar-dark {
    background: #060606!important;
}
/* Inicio del contenedor de la web */
.contenedor_inicio{background: white;
    padding: 15px 15px 15px 0px;
    /* float: left; */
    border: 20px solid #fff;
    width: 90%;
    margin-bottom: 0px !important;
    /* margin-top: 70px; */
    margin-left: 10%;
    height: 96%;
    /* padding-bottom: 75px;*/}

.contenedor{ background: #f8f8f8;padding: 15px 15px 15px 0px;float: left;min-height: 860px;border: 20px solid #fff;
    width: 90%; margin-top: 70px;margin-left: 10%;height: auto;padding-bottom: 100px;}

.contenedor h2{font-family: RalewayLight;background: #fff;margin-top: 20px; padding: 15px 45px 15px 45px;display: inline-block;font-size: 22px;color: #6F6F6E}

#principal{min-width: 1903px;float: left;}

.subcontenedor{margin-top: 20px; padding: 15px; padding-left: 45px;}
.subcontenedor h3{font-size: 19px;color: #6F6F6E; font-family: RalewayLight}

.checkboxContacto{background: rgb(79, 80, 79);;width: 60px;}
.buttonContacto{background: rgb(79, 80, 79);;width: 70px; cursor: pointer;}
.campoTexto{outline: none;border: none;border-left: 5px solid rgb(79, 80, 79);;width: 500px; height: 50px;margin: 7px 0px 35px 1px;
    padding: 5px 5px 5px 15px;font-size: 16px;font-family: RalewayLight;color: #6F6F6E}
/*.campoTexto:hover{background: #eaf4fa}*/

.campoTextoGrande{outline: none;border: none;border-left: 5px solid rgb(79, 80, 79);;width: 500px; height: 150px;margin: 15px 0px 35px 1px;padding: 5px 5px 5px 15px;font-size: 19px;font-family: RalewayLight;color: #6F6F6E}
.campoTextoGrande:hover{background: #eaf4fa}

.boton-add-contactos{display: inline-block !important;}
.boton-add-contactos:hover{cursor: pointer;}

#tituloBienvenido{ font-family: RalewayBold;font-size: 35px;color: rgb(82, 83, 81);text-align: center;padding-top: 40px; }
#imagenInicio{display: inline-block;margin-top: 125px;margin-left: 200px; } 
#imagenInicio img{width: 420px}
#recuadroInicio{display: inline-block;margin-top: 60px;margin-right: 200px;text-align: center;width: 36%;}
#recuadroInicio h3{font-size: 26px;color: rgb(82, 83, 81);display: inline-block;border-bottom: 1px solid;padding-bottom: 12px;display: block;     margin-bottom: 17px;}
/*#botonesPaginas{max-width: 500px;}*/
#botonesPaginas img{max-width: 70px;margin-bottom: 10px;margin-top: 46px}
#botonesPaginas figure{background: #fff;max-width: 300px;text-align: center;display: inline-block;margin: 10px;height: 200px;width: 200px;cursor: pointer;}
#botonesPaginas figure:hover{background: #eaf4fa;}
#botonesPaginas figcaption{font-family: RalewayRegular;font-size: 22px;color: rgb(79, 80, 79);}

#subtituloBienvenido{     margin-bottom: 5px;text-align: center;padding-top: 15px;font-family: RalewayLight;font-size: 23px;color: #6F6F6E; }
#subtituloBienvenido p{max-width: 1000px;margin: 0 auto;line-height: 27px;}

#seleccionarPromocion, #seleccionarTipoContacto{height: 120px}

#seleccionarGrupo select{outline:none;border: none;font-family: RalewayLight; height: 45px;color: #6F6F6E;font-size: 16px;
width: 331px;margin-top: 10px;margin-bottom: 30px;padding-left: 10px;}
#seleccionarGrupo option{background: rgb(79, 80, 79);;color: #fff;padding: 15px;}
#seleccionarGrupo option:checked{background: rgb(82, 83, 81);}
#seleccionarGrupo p{color: #6F6F6E;font-family: RalewayLight;}

#wrapper-contactos  {display: none;}    
#wrapper-contactos  p{color: #6F6F6E;font-family: RalewayLight;font-size: 16px}
#wrapper-contactos  table{margin-top: 10px;color: #6F6F6E;font-family: RalewayLight;background: #fff;margin-bottom: 30px;width: 47%;}
#wrapper-contactos  td{padding:10px 15px 10px 15px;text-align: center;vertical-align: middle;}
#wrapper-contactos  tr{border: 3px solid #f8f8f8}
#wrapper-contactos  figure{background: rgb(79, 80, 79);;display: inline-block;padding:13px;border-radius: 30px;vertical-align: middle;transform: rotate(90deg);margin-bottom: 10px;margin-right: 10px}
#wrapper-contactos .azul{margin-bottom: 5px}

.lista-informacion  {display: none;}    
.lista-informacion  p{color: #6F6F6E;font-family: RalewayLight;font-size: 16px; line-height: 21px;}
.lista-informacion  table{margin-top: 10px;color: #6F6F6E;font-family: RalewayLight;background: #fff;margin-bottom: 30px;min-width: 75.5%; table-layout: fixed;}
.lista-informacion  td{padding:10px 15px 10px 15px;text-align: center;vertical-align: middle;}
.lista-informacion  tr{border: 3px solid #f8f8f8}
.lista-informacion  figure{background: rgb(79, 80, 79);;display: inline-block;padding:13px;border-radius: 30px;vertical-align: middle;transform: rotate(90deg);margin-bottom: 10px;margin-right: 10px}

#seleccionarContactos {display: none;}
#seleccionarContactos p{color: #6F6F6E;font-family: RalewayLight;font-size: 19px}
#seleccionarContactos table{margin-top: 10px;color: #6F6F6E;font-family: RalewayLight;background: #fff;margin-bottom: 30px}
#menu #seleccionarContactos table{margin-top: 0px;color: #6F6F6E;font-family: RalewayLight;background: #fff;margin-bottom: 30px}
#seleccionarContactos td{padding:10px 15px 10px 15px;text-align: center;vertical-align: middle;}
#seleccionarContactos tr{border: 3px solid #f8f8f8}
#seleccionarContactos figure{background: rgb(79, 80, 79);;display: inline-block;padding: 13px 13px 11px 13px;;border-radius: 30px;vertical-align: middle;transform: rotate(90deg);margin-bottom: 10px;margin-right: 10px}

#listaContactos{background: #fff;padding:10px 10px 10px 0px;width: 90%;table-layout: fixed;}
#menu #listaContactos{background: #fff;padding:10px 10px 10px 0px;width: 100%;table-layout: fixed;}
#listaContactos span{vertical-align: middle;padding-bottom: 1px;padding-left: 5px;font-family: RalewayLight;font-size: 16px;color: #6F6F6E}
#listaContactos input[type="checkbox"]{vertical-align: middle;}
#listaContactos div{margin-bottom: 7px}

#cargaContactos{background: #fff;padding:10px 10px 10px 0px; width: 90%; table-layout: fixed;}
#cargaContactos span{vertical-align: middle;padding-bottom: 1px;padding-left: 5px;font-family: RalewayLight;font-size: 16px;color: #6F6F6E}
#cargaContactos div{margin-bottom: 7px}

.bordeDerechoGris {
    border-right: 2px solid #f8f8f8;
    padding-right: 35px; 
}

#eliminarContactos {display: none;}
#eliminarContactos {margin-top: 20px}
#eliminarContactos p{color: #6F6F6E;font-size: 19px;margin-left: 8px}
#eliminarContactos p.bold {margin-bottom: 5px}
#eliminarContactos figure{background: #E84243;display: inline-block;padding:7px;border-radius: 30px;vertical-align: middle;cursor: pointer;}

.eliminarImagen{
    background: #E84243;
    display: inline-block;
    padding: 7px;
    border-radius: 30px;
    vertical-align: middle;
    cursor: pointer;
}

#menu .contenedorScrollable{
    max-height: 200px;
    overflow-y: auto;
    width: 75.5%;
    display: inline-block;
}

.contenedorScrollable{
    max-height: 200px;
    overflow-y: auto;
}

/* Página Promociones */

#botonesPromociones{padding: 50px;margin-left: 0px}
#botonesPromociones img{max-width: 70px;margin-top: 70px;margin-bottom: 10px}
#botonesPromociones figure{background: #fff;max-width: 300px;text-align: center;display: inline-block;min-width: 250px;
    margin-left: 50px;height: 250px;cursor: pointer;    margin-bottom: 41px;}
#botonesPromociones figure:hover{background: #eaf4fa;}
#botonesPromociones figcaption{font-family: RalewayRegular;font-size: 20px;color: rgb(79, 80, 79);;}

#piePaginaAltaPromocion {background: rgb(82, 83, 81);position: fixed;bottom:0;width: 90%;height: 50px;display: table;left: 10%;}

/* Botones */
    .ck-button {
        margin:17px 5px 0px 3px;
        background-color:#fff;
        overflow:auto;
        float:left;
        color: rgb(79, 80, 79);;
    }

    .ck-button label {
        float:left;
        width:10em;
    }

    .ck-button label span {
        text-align:center;
        padding:10px 0px;
        display:block;
        border:1px solid rgb(79, 80, 79);;
    }

    .ck-button label input {
        position:absolute;
        z-index: -1;
    }

    .ck-button input:hover + span {
        cursor: pointer;
        background: #f8f8f8;
    }

    .ck-button input:checked + span {
        background-color:rgb(82, 83, 81);
        color:#fff;
     
    }

    .btn-ab-default {
        font-family: 'RalewayRegular';
        background-color: rgb(79, 80, 79);;
        color: #ffffff;
        margin-top: 30px;
        min-width: 133px;
        border-radius: 0px;
        border:0px !important;

    }

    .btn-ab-default:hover {
        background-color: rgb(82, 83, 81);
        color: #fff;
     
    }

/* Checkboxes */
    .checkbox {
        -webkit-appearance: none;
        background-color: #fff;
        border: 1px solid rgb(79, 80, 79);;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 9px !important;
        display: inline-block;
        position: relative;
        outline: none;
        cursor: pointer;
    }

    .checkbox:active, .checkbox:checked:active {
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
    }

    .checkbox:checked {
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
        color: #99a1a7;
    }

    .checkbox:hover {
        background: #f8f8f8;
    }

    .checkbox:checked:after {
        content: '\2714';
        font-size: 17px;
        position: absolute;
        top: 1px;
        left: 2px;
        color: rgb(79, 80, 79);;
    }

    /* Estilos del datetimepicker tempusdominus */
    .campoTextoFecha{outline: none;border: none; width: 100%; border-left: 5px solid rgb(79, 80, 79);; height: 50px;margin: 5px 0px 35px 1px;padding: 5px 5px 5px 15px;font-size: 19px;font-family: RalewayLight;color: #6F6F6E}
    .campoTextoFecha:hover{background: #eaf4fa}
    .input-group-text{background-color: transparent; border: none; }


/*Estilos Mailing Iframe*/
  #column_edit_iframe {height: 1146px;width: 70px;float:left;background: rgb(234, 234, 234);margin-right: 50px; }
  #estilos_iframe1 {height: 1160px;width: 640px;float: left;} 
  #column_edit_iframe .headerLinea {float: left;}
  .estiloFormularioMailing input {width: 95%;}
  .estiloFormularioMailing { margin-bottom: 0px;}
  .estiloFormularioMailing .bodyLinea {margin: 0px 13px 0px 0px !important;}
  .bloqueEditarSeccion {margin-left: 46px;}

/*Configurador perfil*/ 
.contenedor_form_inputs {float: left; width: 100%; margin-top: 30px;}
.contenedor_form_inputs h3 {margin-bottom: 8px;}
.contenedor_form_inputs input#logotipo {width: 36.3% !important; }


#filtros_rango_bonos .tablastat {background: #ffffff}


/*Estadísticas*/
.card-header {height: 50px !important;}
.card-header .colapse-titulo {font-size: 15pt !important;height: 50px !important;}
.card-header:first-child {border-radius: 0px;height: 50px;}
#stats_seleccionar_promocion h3 {color:#6F6F6E;}
#stats_seleccionar_promocion label {color:#6F6F6E;}
.accordion .btn-ab-default {background-color: rgb(79, 80, 79) !important; color: #ffffff !important; border:0px !important;
border-radius: 0px !important; width: 133px;}
.campoTextoFecha {background: #eaf4fa;}
.promodetalles td {font-size: 1.5em !important;}
#stats_globales .contenedor h2 {padding: 15px 41px 15px 0px;}
#stats_globales .tablastat {border-bottom: 2px solid #eaeaea;}
.accordion table td {border-bottom: 1px solid #eaeaea;}
/*#stats_accordion #stats_desglose .tablastat th, table td {border-bottom: 1px solid #eaeaea; padding: 20px 0px !important;}*/ 

/*Listado de contactos*/
.filtros .inline-block {margin-bottom: 20px;}
.filtros .btn.btn-primary.btn-ab-default {background-color:rgb(79, 80, 79) !important; color:#ffffff; border-radius: 0px }
.filtros .btn.btn-primary.btn-ab-default:hover {background-color:rgb(82, 83, 81) !important; color:#ffffff; border-radius: 0px }




/* Fin del contenedor de la web */
.tooltipCustom {
    position: relative;
    display: inline-block;
  }
  .tooltipCustom .tooltipCustomtext {
    visibility: hidden;
    background-color: green;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 12px;
    /* position: absolute; */
    z-index: 1;
    margin-left: 9px;
    opacity: 0;
    transition: all 0.3s;
    font-size: 12px;
  }
  
  .tooltipCustom.show .tooltipCustomtext {
    visibility: visible;
    opacity: 1;
  }

  .tooltipCustom.show.gray .tooltipCustomtext {
    background-color: gray;
  }

  .tooltipCustom.gray .tooltipCustomtext {
    background-color: gray;
  }