body {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
}

p { 
  margin: 0 !important; 
}

nav > ul > .nav-item {
  font-weight: bold;
}

/*color texto li principal sidebar*/
ul > li > a > p {
  color: #034563;
}

/*color iconos sidebar*/
nav > ul > li > a > .nav-icon,
ul > li > a > .nav-icon{
  color: #3D91BB;
}

/*li secundario cuando esta activo*/
li > ul > li > .active {
  background-color: #12AEF6 !important;
  color: white !important;
}

/*color texto li principal sidebar cuando esta activo*/
nav > ul > li > .active > p, 
nav > ul > li > .active > .nav-icon,
li > ul > li > .active > p,
li > ul > li > .active > .nav-icon {
  color: #ffffff;
}

/****Dropdown multi columnas******/
div.dropdown-multicol2{
  width: 45em !important;
}
div.dropdown-multicol2>div.dropdown-col{
  display:inline-block !important;
  width: 30% !important;
}


/*Datatable*/
/* .dataTables_info {
  text-align: right !important;
}
.dataTables_length {
  text-align: left !important;
} */

/* nav > ul > li > a:hover {
  background-color: #12AEF6 !important;
}

nav > ul > .menu-open {
  color: #12AEF6 !important;
} */

.modal {
  overflow-y: auto !important;
}

/*Cambiamos el color del scroll del sidebar*/
.os-scrollbar-track {
  background-color: #218BD1 !important;
}

/***Colores personalizados***/
.color-blue {
    background-color: #007bff;
    border: none;
}

.color-blue:hover {
    background-color: #218BD1;
}

.btn-success {
    background-color: #239B56;
    border: none;
}

.btn-success:hover {
    background-color: #239B56;
}
/*Fin colores personalizados*/

.form-control {
  font-size: 13px;
}

.btn {
  font-size: small;
}

/* .bg-dark-sidebar {
  background-color: #1C1D1E;
}

.sidebar {
  background-color: #1C1D1E;
} */

.small {
    font-size: x-small;
}

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

td {
  font-size: 11.5px;
}

.hover:hover {
  background-color: #007bff;
  color: #fff;
}

/*Card Dashboard*/
.card-counter{
    box-shadow: 2px 2px 10px #DADADA;
    margin: 5px;
    padding: 20px 10px;
    background-color: #fff;
    height: 90px;
    border-radius: 5px;
    transition: .3s linear all;
  }

  .card-counter:hover{
    box-shadow: 4px 4px 20px #DADADA;
    transition: .3s linear all;
  }

  .card-counter.primary{
    background-color: #007bff;
    color: #FFF;
  }

  .card-counter.danger{
    background-color: #ef5350;
    color: #FFF;
  }  

  .card-counter.success{
    background-color: #66bb6a;
    color: #FFF;
  }  

  .card-counter.info{
    background-color: #26c6da;
    color: #FFF;
  }  

  .card-counter i{
    font-size: 5em;
    opacity: 0.2;
  }

  .card-counter .count-numbers{
    position: absolute;
    right: 35px;
    top: 20px;
    font-size: 32px;
    display: block;
  }

  .card-counter .count-name{
    position: absolute;
    right: 35px;
    top: 65px;
    font-style: italic;
    text-transform: capitalize;
    /* opacity: 0.5; */
    display: block;
    font-size: 15px;
  }

/*loader*/
#loading-screen {
    background-color: rgba(25,25,25,0.7);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999;
    margin-top: 0;
    top: 0;
    text-align: center;
  }
  #loading-screen img {
    width: 300px;
    height: 300px;
    position: relative;
    margin-top: -50px;
    margin-left: -50px;
    top: 30%;
  }

  /*modificar card dashboard adminlte*/
  .icon-ds {
    /*color: white;*/
    font-size: 45px;
  }

  .text-ds {
    font-size: 15px;
    float: right;
    /*color: white;*/
  }

/* Loader 2 */
.containerLoader{   
  display: grid;
    place-content: center;
    height: 100vh;
}
.cargando{
    width: 120px;
    height: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
  margin: 0 auto; 
}
.texto-cargando{ 
  padding-top:20px
}
.cargando span{
  color: #00b8de;
  font-size: 20px;
  text-transform: uppercase;
}
.pelotas {
    width: 30px;
    height: 30px;
    background-color: #00b8de;
    animation: salto .5s alternate
    infinite;
  border-radius: 50%  
}
.pelotas:nth-child(2) {
    animation-delay: .18s;
}
.pelotas:nth-child(3) {
    animation-delay: .37s;
}
@keyframes salto {
    from {
        transform: scaleX(1.25);
    }
    to{
        transform: 
        translateY(-50px) scaleX(1);
    }
}

/* Inicio dropdown IPV6 */
.dropdown-menu.custom-ip-dropdown {
  width: 320px;
  max-height: 250px;
  overflow-y: auto;
  padding: 10px;
}

.ip-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columnas */
  gap: 5px;
}

.ip-item {
  padding: 5px;
  border-radius: 4px;
  cursor: pointer;
}

.ip-item:hover {
  background-color: #e9ecef;
}
/* Fin dropdown IPV6 */