/* ESTILOS DE NOTIFICACIONES  */
    .sidebar {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 25px;
        right: 0;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }
  
    .sidebar a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.2s;
    }
  
    .sidebar a:hover {
        color: #f1f1f1;
    }

    .sidebar .closebtn {
        position: absolute;
        top: 0;
        left: -20px;
        font-size: 32px;
        margin-right: 50px;
    }
  
    .openbtn {
      cursor: pointer;
      background-color: #111;
      color: white;
      padding: 10px 15px;
      border: none;
    }

    .openbtn:hover {
      background-color: #444;
    }

    #main {
      transition: margin-right .5s;
    }
  
    @media screen and (max-height: 450px) {
      .sidebar {padding-top: 15px;}
      .sidebar a {font-size: 18px;}
    }
    /*SCROLL NOTIFICACION CONTENIDO*/
    .dropdown-container::-webkit-scrollbar {
      display: none;  /* Ocultar scroll */
    }
    .dropdown-submenu {
        position: relative;
    }
  
  .dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
  }
  
  .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
  }