.notification{width:450px;height:150px;z-index:9000;position:fixed;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);padding:0px;margin:.5rem 0 1rem 0;border-radius:2px;background-color:#62a2c1}.notification .dismiss{top:10px;right:10px;width:20px;height:20px;color:#fff;text-align:center;line-height:21px;overflow:hidden;position:absolute;background-color:#62a2c1;border-radius:50%;cursor:pointer}.device-xs .notification .illustration,.device-sm .notification .illustration{display:none}.device-xxs .notification .illustration,.device-xs .notification .illustration,.device-sm .notification .illustration{display:none}.device-xxs .notification .illustrationbox,.device-xs .notification .illustrationbox,.device-sm .notification .illustrationbox{padding:10px 10px 10px 20px !important}.device-xxs .notification,.device-xs .notification,.device-sm .notification{width:100%;height:auto;bottom:-10px !important;left:0px !important;border-radius:0px !important}.notification .illustration{margin-right:15px;float:left}.notification .text{font-size:16px;color:#fff;line-height:16px;margin-top:14px}.notification .text .title{font-size:24px;font-weight:bold;color:#fff}.notification .button-mini{letter-spacing:1px;margin-top:12px !important;font-weight:400 !important;font-size:14px !important;border-radius:10px}