.notification[data-v-0b0c8d86]{position:relative;background-color:rgba(0,0,0,.5);border:1px solid rgba(253,126,20,.5);border-radius:10px;padding:15px;margin-bottom:15px;margin-right:10px}.notification .notification-header[data-v-0b0c8d86]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:1.25em}.notification .notification-header .title[data-v-0b0c8d86]{font-size:.65em}.notification .notification-header .title svg[data-v-0b0c8d86]{padding-bottom:1px;font-size:1.2em}.notification .notification-header .date[data-v-0b0c8d86]{font-size:.6em;white-space:nowrap}.notification .border-orange[data-v-0b0c8d86]{margin:3px 0 3px 0;opacity:.5}.notification .notification-details[data-v-0b0c8d86]{font-size:.8em}.notification.unseen[data-v-0b0c8d86]{border:2px solid rgba(0,198,248,.7)}.notification .notifiation-unread[data-v-0b0c8d86]{position:absolute;bottom:0;right:0;-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%)}.notification .notifiation-unread .eye[data-v-0b0c8d86]{display:inline-block;position:relative;cursor:pointer}.notification .notifiation-unread .eye[data-v-0b0c8d86]:hover{-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;color:#fd7e14}@media screen and (min-width:768px){.notification[data-v-0b0c8d86]{background-color:rgba(0,0,0,.5);padding:15px;margin-bottom:15px}.notification .notification-header[data-v-0b0c8d86]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:1.25em}.notification .notification-header .title[data-v-0b0c8d86]{font-size:1em}.notification .notification-header .title svg[data-v-0b0c8d86]{font-size:1.2em}.notification .notification-header .date[data-v-0b0c8d86]{font-size:.8em}.notification .notification-details[data-v-0b0c8d86]{font-size:1em}}.notifications-container[data-v-c219e2d6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:600px;overflow:auto;padding:2px;-webkit-box-shadow:inset 0 -15px 20px 7px rgba(63,63,63,.5),0 0 3px 3px rgba(63,63,63,.5);box-shadow:inset 0 -15px 20px 7px rgba(63,63,63,.5),0 0 3px 3px rgba(63,63,63,.5)}.notifications-container[data-v-c219e2d6]::-webkit-scrollbar,.notifications-container[data-v-c219e2d6]::-webkit-scrollbar-thumb{width:5px!important}.notifications-container[data-v-c219e2d6]::-webkit-scrollbar-thumb{background-color:#fd7e14}.notification-options[data-v-c219e2d6]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1em}