/* line 5, /Users/wayne/Sites/wowecoin/app/mobile/scripts/components/ui/notification.drt.sass */
.notification {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.85);
  color: #fff;
  height: 55px;
  position: absolute;
  -webkit-transition: transform 300ms;
  -webkit-transform: translate(0px, -100px) translateZ(0px);
  z-index: 12; }
  /* line 15, /Users/wayne/Sites/wowecoin/app/mobile/scripts/components/ui/notification.drt.sass */
  .notification.long {
    height: 95px; }
  /* line 17, /Users/wayne/Sites/wowecoin/app/mobile/scripts/components/ui/notification.drt.sass */
  .notification.show {
    -webkit-transform: translate(0px, 0px) translateZ(0px); }
  /* line 19, /Users/wayne/Sites/wowecoin/app/mobile/scripts/components/ui/notification.drt.sass */
  .notification.success {
    background-color: rgba(15, 158, 15, 0.85); }
  /* line 21, /Users/wayne/Sites/wowecoin/app/mobile/scripts/components/ui/notification.drt.sass */
  .notification.fail {
    background-color: rgba(255, 78, 78, 0.85); }
  /* line 23, /Users/wayne/Sites/wowecoin/app/mobile/scripts/components/ui/notification.drt.sass */
  .notification.info {
    background-color: rgba(0, 148, 255, 0.85); }
  /* line 25, /Users/wayne/Sites/wowecoin/app/mobile/scripts/components/ui/notification.drt.sass */
  .notification .icon {
    width: 50px;
    height: 100%;
    font-size: 30px; }
  /* line 28, /Users/wayne/Sites/wowecoin/app/mobile/scripts/components/ui/notification.drt.sass */
  .notification .content {
    top: 10px;
    left: 50px;
    bottom: 10px;
    right: 10px;
    position: absolute; }
    /* line 31, /Users/wayne/Sites/wowecoin/app/mobile/scripts/components/ui/notification.drt.sass */
    .notification .content .title {
      font-size: 15px;
      line-height: 16px;
      font-weight: 900;
      padding-right: 28px; }
    /* line 34, /Users/wayne/Sites/wowecoin/app/mobile/scripts/components/ui/notification.drt.sass */
    .notification .content .subtitle {
      font-size: 13px;
      line-height: 20px;
      font-weight: 500;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    /* line 37, /Users/wayne/Sites/wowecoin/app/mobile/scripts/components/ui/notification.drt.sass */
    .notification .content .description {
      font-size: 12px;
      line-height: 18px;
      font-weight: 400;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      padding: 5px 0; }
  /* line 41, /Users/wayne/Sites/wowecoin/app/mobile/scripts/components/ui/notification.drt.sass */
  .notification .close {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 5px;
    right: 0; }
    /* line 45, /Users/wayne/Sites/wowecoin/app/mobile/scripts/components/ui/notification.drt.sass */
    .notification .close i.icon {
      font-size: 25px; }

/* line 51, /Users/wayne/Sites/wowecoin/app/mobile/scripts/components/ui/notification.drt.sass */
.platform-ios.platform-cordova:not(.fullscreen) .notification .icon {
  top: 8px; }
/* line 53, /Users/wayne/Sites/wowecoin/app/mobile/scripts/components/ui/notification.drt.sass */
.platform-ios.platform-cordova:not(.fullscreen) .notification .content {
  top: 18px; }
/* line 55, /Users/wayne/Sites/wowecoin/app/mobile/scripts/components/ui/notification.drt.sass */
.platform-ios.platform-cordova:not(.fullscreen) .notification .close {
  top: 16px; }