#message_holder {position: fixed;padding: 10px; z-index: 2001;}
#message_holder[pos=rightBottom] {bottom: 20px; right: 20px;}
#message_holder[pos=rightTop] {top: 20px; right: 20px;}
#message_holder[pos=leftBottom] {bottom: 20px; left: 20px;}
#message_holder[pos=leftTop] {top: 20px; left: 20px;}
#message_holder[pos=centerTop] {top: 20px; left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);}
#message_holder[pos=centerBottom] {bottom: 20px; left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);}
#message_holder[pos=centerMiddle] {top: 50%; left: 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}

#message_holder .message { width: 350px; box-shadow: 0 2px 4px rgba(0,0,0,0.2);border-radius: 3px;min-height: 14px;background-color: #323232;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;color: white;line-height: 22px;padding: 18px 24px; margin-top: 20px}
#message_holder .message .close_btn {margin-right:  10px;  cursor: pointer;}
#message_holder .message .close_btn i {line-height: 100%;font-size: 15px !important;}
#message_holder .message .action {}
#message_holder .message .action button {background-color: transparent; color: #a1c2fa; padding: 10px; cursor: pointer;}
#message_holder .message .content {word-wrap: break-word;}
#message_holder .notify {background-color: #FFF69B;color: #847D34;width: 450px;}
#message_holder .notify .close_btn {margin-right: 15px}
#message_holder[pos=rightTop] .message,
#message_holder[pos=leftTop] .message {margin-top: 0; margin-bottom: 20px}

.fadescale {-webkit-transform: scale(0.7);-ms-transform: scale(0.7);-o-transform: scale(0.7);transform: scale(0.7); opacity:0; -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);-o-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);}
.fadescale.animated {-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1); opacity:1;}


#message_holder[pos=bottomFull] {bottom: 0; left: 0; right: 0; padding: 0;}
#message_holder[pos=bottomFull] .message {width: 100%; border-radius: 0 !important; margin-top: 0 !important; border-top: 1px solid rgba(0, 0, 0, 0.1)}
#message_holder[pos=bottomFull]  .fadescale {transform: translateY(100%);opacity:0; -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);-o-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);}
#message_holder[pos=bottomFull]  .fadescale.animated {transform: translateY(0); opacity:1;}


#message_holder .message .message_icon {display: inline-flex;margin-left: 20px;}