1/*
  2 * Toastr
  3 * Copyright 2012-2014 John Papa and Hans Fjällemark.
  4 * All Rights Reserved.
  5 * Use, reproduction, distribution, and modification of this code is subject to the terms and
  6 * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
  7 *
  8 * Author: John Papa and Hans Fjällemark
  9 * Project: https://github.com/CodeSeven/toastr
 10 */
 11.toast-title {
 12  font-weight: bold;
 13}
 14.toast-message {
 15  -ms-word-wrap: break-word;
 16  word-wrap: break-word;
 17}
 18.toast-message a,
 19.toast-message label {
 20  color: #ffffff;
 21}
 22.toast-message a:hover {
 23  color: #cccccc;
 24  text-decoration: none;
 25}
 26.toast-close-button {
 27  position: relative;
 28  right: -0.3em;
 29  top: -0.3em;
 30  float: right;
 31  font-size: 20px;
 32  font-weight: bold;
 33  color: #ffffff;
 34  -webkit-text-shadow: 0 1px 0 #ffffff;
 35  text-shadow: 0 1px 0 #ffffff;
 36  opacity: 0.8;
 37  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 38  filter: alpha(opacity=80);
 39}
 40.toast-close-button:hover,
 41.toast-close-button:focus {
 42  color: #000000;
 43  text-decoration: none;
 44  cursor: pointer;
 45  opacity: 0.4;
 46  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
 47  filter: alpha(opacity=40);
 48}
 49/*Additional properties for button version
 50 iOS requires the button element instead of an anchor tag.
 51 If you want the anchor version, it requires `href="#"`.*/
 52button.toast-close-button {
 53  padding: 0;
 54  cursor: pointer;
 55  background: transparent;
 56  border: 0;
 57  -webkit-appearance: none;
 58}
 59.toast-top-full-width {
 60  top: 0;
 61  right: 0;
 62  width: 100%;
 63}
 64.toast-bottom-full-width {
 65  bottom: 0;
 66  right: 0;
 67  width: 100%;
 68}
 69.toast-top-left {
 70  top: 12px;
 71  left: 12px;
 72}
 73.toast-top-right {
 74  top: 12px;
 75  right: 12px;
 76}
 77.toast-bottom-right {
 78  right: 12px;
 79  bottom: 12px;
 80}
 81.toast-bottom-left {
 82  bottom: 12px;
 83  left: 12px;
 84}
 85#toast-container {
 86  position: fixed;
 87  z-index: 999999;
 88  /*overrides*/
 89
 90}
 91#toast-container * {
 92  -moz-box-sizing: border-box;
 93  -webkit-box-sizing: border-box;
 94  box-sizing: border-box;
 95}
 96#toast-container > div {
 97  margin: 0 0 6px;
 98  padding: 15px 15px 15px 50px;
 99  width: 300px;
100  -moz-border-radius: 3px 3px 3px 3px;
101  -webkit-border-radius: 3px 3px 3px 3px;
102  border-radius: 3px 3px 3px 3px;
103  background-position: 15px center;
104  background-repeat: no-repeat;
105  -moz-box-shadow: 0 0 12px #999999;
106  -webkit-box-shadow: 0 0 12px #999999;
107  box-shadow: 0 0 12px #999999;
108  color: #ffffff;
109  opacity: 0.8;
110  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
111  filter: alpha(opacity=80);
112}
113#toast-container > :hover {
114  -moz-box-shadow: 0 0 12px #000000;
115  -webkit-box-shadow: 0 0 12px #000000;
116  box-shadow: 0 0 12px #000000;
117  opacity: 1;
118  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
119  filter: alpha(opacity=100);
120  cursor: pointer;
121}
122#toast-container > .toast-info {
123  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
124}
125#toast-container > .toast-error {
126  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
127}
128#toast-container > .toast-success {
129  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
130}
131#toast-container > .toast-warning {
132  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
133}
134#toast-container.toast-top-full-width > div,
135#toast-container.toast-bottom-full-width > div {
136  width: 96%;
137  margin: auto;
138}
139.toast {
140  background-color: #030303;
141}
142.toast-success {
143  background-color: #51a351;
144}
145.toast-error {
146  background-color: #bd362f;
147}
148.toast-info {
149  background-color: #2f96b4;
150}
151.toast-warning {
152  background-color: #f89406;
153}
154/*Responsive Design*/
155@media all and (max-width: 240px) {
156  #toast-container > div {
157    padding: 8px 8px 8px 50px;
158    width: 11em;
159  }
160  #toast-container .toast-close-button {
161    right: -0.2em;
162    top: -0.2em;
163  }
164}
165@media all and (min-width: 241px) and (max-width: 480px) {
166  #toast-container > div {
167    padding: 8px 8px 8px 50px;
168    width: 18em;
169  }
170  #toast-container .toast-close-button {
171    right: -0.2em;
172    top: -0.2em;
173  }
174}
175@media all and (min-width: 481px) and (max-width: 768px) {
176  #toast-container > div {
177    padding: 15px 15px 15px 50px;
178    width: 25em;
179  }
180}