/*.notification*/#header_indicadorNotificaciones .notificacionesBadge {
   position: absolute;
   top: -17px;
   right: -7px;
   padding: 4px 9px;
   border-radius: 50%;
   background-color: #ff6161;
   color: white;
}

.sidebar {
    width: 0;
    /* height: 0; */
    border: none;
    position: fixed;
    top: 40px !important;
    right: 70px !important;
    z-index: 1;
    background-color: #f9f9f9;
    overflow-x: hidden;
    transition: 0.2s;/*0.5s*/
    /*padding-top: 25px;*/
 }
 
 #notificacionesCaJa.sidebarOpen {
    width: 400px;
    min-height: 35%;
    max-height: 80%;
    /*border: 1px solid #aaa;*/
    /*margin-right: 80px;*/
 }

#notificacionesCaJa.sidebarOpen {
   width: 400px;
   /* height: 90%; */
   /*margin-right: 80px;*/
}


.sidebar a {
   /* padding: 0px 8px 0px 8px;
   text-decoration: none;
   color: #818181; */
   display: block;
   transition: 0.3s;
}

.sidebar .closebtn {
   position: absolute;
   top: 0;
   right: 0;
   height: 0;
   font-size: 36px;
   margin-left: 50px;
}

#header_indicadorNotificaciones /*.openbtn*/ {
    cursor: pointer;
    border-radius: 30px; /*border-radius: 0px 10px 30px 0px;*/
    width: 55px;
    background-color: white;
    height: 50px;
    box-shadow: 5px 3px 6px 0px;
 }
/*
#header_indicadorNotificaciones.sidebarOpen{
   margin-right: 400px;
   transition: 0.2s;
}
*/
#header_indicadorNotificaciones:hover /*.openbtn:hover*/ {
   background-color: #F7F0F7;
}

.msj:hover {
   background-color: #F7F0F7;
}

#header_indicadorNotificaciones {
   right: 15px;
   top: 40px;/*60*/
   position: fixed;
   z-index: 1000;
}

@media screen and (max-height: 450px) {
   .sidebar { padding-top: 15px; }
   .sidebar a { font-size: 18px; }
}

.mainDiv {
   margin: 10px;
   text-align: left;
}

.titles {
   border-bottom: 1px solid #acc;
   margin-bottom: 5px;
}

.shadow:hover {
   background-color: #efefef;
}

.allNotificaciones {
   font-size: 13px;
}