#notify_container_m {position: fixed;width: 100%;left: 0;bottom: 0;font-family: 'Roboto',sans-serif;z-index: 999999;}#notify_container {position: fixed;width: 400px;bottom: 0;right: 10px;font-family: 'Roboto',sans-serif;z-index: 999999;}.component_notify_m {width: 100%;position: relative;overflow: hidden;z-index: 999999;bottom: -60px;-moz-transition: all ease-in-out .1s;-o-transition: all ease-in-out .1s;-webkit-transition: all ease-in-out .1s;transition: all ease-in-out .1s;}.component_notify {width: 100%;position: relative;overflow: hidden;z-index: 999999;border-radius: 2px;margin: 5px;animation-name: menuOpen;animation-duration: .1s;box-shadow: #000000 1px 1px 2px 0px, rgb(0 0 0 / 12%) 0px 0px 2px 0px;}@keyframes menuOpen {from {bottom: -200px;}to {bottom: 0;}}@keyframes menuMobile {from {top: -200px;}to {top: 0;}}.component_notify.active,.component_notify_m.active {bottom: 0;}.component_notify.success,.component_notify_m.success {border-bottom: 1px solid #339633;background: #38ae36;}.component_notify.success .--button-close, .component_notify_m.success .--button-close {background-color: #259b23;}.component_notify.error, .component_notify_m.error {background: rgb(195 21 21 / 80%);border-radius: 5px;}.component_notify.error .--button-close, .component_notify_m.error .--button-close {background: rgba(0,0,0,0.5);}.component_notify.warning, .component_notify_m.warning {background: #c49916;border-bottom: 1px solid #b6700c;}.component_notify.warning .--button-close, .component_notify_m.warning .--button-close {background-color: #b8863f;}.component_notify.info, .component_notify_m.info {background: #4892be;border-bottom: 1px solid #154292;}.component_notify.info .--button-close, .component_notify_m.info .--button-close {background-color: #3a80aa;}.component_notify .--text, .component_notify_m .--text {font-weight: 500;font-family: 'Roboto';width: 80%;padding: 20px;top: 50%;text-align: center;color: #fff;text-shadow:0px 1px 0px rgba(0, 0, 0, 0.70);font-size:14px;font-family: 'Open Sans', sans-serif;}.component_notify .--button-close, .component_notify_m .--button-close {text-align: center;line-height: 40px;-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);width: 50px;height: 100px;position: absolute;top: -33px;right: -18px;cursor: pointer;}.component_notify .--button-close span , .component_notify_m .--button-close span {-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 28px;left: 7px;color: #faebd7;font-size: 14px;}