/*******************************/
/*diseño scroll para layout e _index*/
/*******************************/

body::-webkit-scrollbar {
  width: 8px; /* Tamaño del scroll en vertical */
  height: 8px;  /*Tamaño del scroll en horizontal */
  display: none; /* Ocultar scroll */
}

 /*Ponemos un color de fondo y redondeamos las esquinas del thumb */
body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
   /* Cambiamos el fondo y agregamos una sombra cuando esté en hover  */
  body::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  }
   /* Cambiamos el fondo cuando esté en active  */
  body::-webkit-scrollbar-thumb:active {
    background-color: #999999;
  }

/*******************************/
/*diseño scroll para _create and _edit*/
/*******************************/
.content-wrapper::-webkit-scrollbar {
  width: 8px; /* Tamaño del scroll en vertical */
  height: 8px;  /*Tamaño del scroll en horizontal */
  display:block;  /*Ocultar scroll */
}

/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.content-wrapper::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
  /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
  .content-wrapper::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  }
  /* Cambiamos el fondo cuando esté en active */
  .content-wrapper::-webkit-scrollbar-thumb:active {
    background-color: #999999;
  }
  
/*******************************/
/*diseño scroll para _create and _edit*/
/*******************************/
.card-body::-webkit-scrollbar {
  width: 8px; /* Tamaño del scroll en vertical */
  height: 8px; /*Tamaño del scroll en horizontal */
  display: block; /*Ocultar scroll */
}

/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.card-body::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}
  /* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
  .card-body::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  }
  /* Cambiamos el fondo cuando esté en active */
.card-body::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}