.notifications_center {
     position: absolute;
     top: 10px;
     right: 10px;
     /* background: rgba(0,0,0,0.4); */
     width: 280px;
     /* height: 100vh; */
     height: calc(100vh - 10px);
     z-index: 1000;
     transition: 500ms all ease-in-out;
     /* padding-top: 40px; */
     pointer-events: none;
}
.notifications_center > :not(:last-child) { margin-bottom: 5px; }

.notification {
     position: relative;
     /* position: absolute; */
     z-index: 1000;
     width: 280px;
     border-radius: 8px;
     /* top: 20px; */
     /* right: 20px; */
     right: -300px;
     overflow: hidden;
     font-family: Arial;
    /* font-family: "Open Sans"; */
    box-shadow: 0px 1px 11px 2px rgba(0,0,0,0.5);
    transition: margin-top 1s ease-in-out;
    pointer-events: all;
}
.notification:hover .notification_top_half .notification_close_button { opacity: 1.0; }
.notification:first-child {
     /* margin-top: -38px; */
}

.notification_top_half {
     display: flex;
     background-image: repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255, 255, 255, 0.3) 20px, rgba(255,255,255,0.3) 40px );
}
.notification_bottom_half { }

.notification_icon_container {
     min-width: 40px;
     display: flex;
     justify-content: center;
     /* padding-top: 20px; */
     /* background: #3c763d; */
     /* color: white; */
     padding-top: 5px;
}
.notification_content_container {
     width: 100%;
     /* padding: 3px; */
     padding: 5px 10px 10px 0;
}
.notification_buttons_container { display: flex; }


.notification_icon {}

.notification_title_section {}
.notification_title {
     margin: 0px;
     font-size: 18px;
}

.notification_body_section {}
.notification_body {
     margin: 0px;
     font-size: 13px;
}

.notification_custom_section {}

.notification_button {
     border-radius: 0px;
     width: 100%;
     height: 30px;
     background: transparent;
     border: none;
     border-top: 1px solid rgba(122,122,122,0.3);
     font-size: 15px;
     cursor: pointer;
     color: black;
     transition: 200ms all linear;
     padding: 0px;

     display: flex;
     justify-content: center;
}
.notification_button:not(:last-child) {
     border-right: 1px solid rgba(122,122,122,0.3);
}
.notification_button:hover {
     background: rgba(255,255,255,0.5);
     /* font-size: 17px; */
}
.notification_button:hover > {
     transform: scale(1.1);
}

.notification_importance_box {
     display: block;
     background: rgba(255,255,255,0.8);
     padding: 5px;
     border-radius: 5px;
     border: 1px solid;
     font-family: "Open Sans";
     font-weight: 500;
     margin-top: 5px;
}

.notification_close_button {
     position: absolute;
     right: 4px;
     top: 4px;
     font-size: 19px !important;
     background: rgba(0,0,0,0.5);
     border-radius: 50%;
     color: white;
     cursor: pointer;
     transition: all 300ms ease-in-out;
     opacity: 0.0;
}
.notification_close_button:hover { transform: scale(1.1); }

.success {
     color: #3c763d;
     background-color: #dff0d8;
     border-color: #d6e9c6;
}
.error {
     color: #a94442;
     background-color: #f2dede;
     border-color: #ebccd1;
}
.warning {
     color: #8a6d3b;
     background-color: #fcf8e3;
     border-color: #faebcc;
}
.info {
     color: #31708f;
     background-color: #d9edf7;
     border-color: #bce8f1;
}

.success_text_color { color: #3c763d; }
.success_bg_color { background-color: #dff0d8; }
.success_border_color { border-color: #d6e9c6; }

.error_text_color { color: #a94442; }
.error_bg_color { background-color: #f2dede; }
.error_border_color { border-color: #ebccd1; }

.warning_text_color { color: #8a6d3b; }
.warning_bg_color { background-color: #fcf8e3; }
.warning_border_color { border-color: #faebcc; }

.info_text_color { color: #31708f; }
.info_bg_color { background-color: #d9edf7; }
.info_border_color { border-color: #bce8f1; }