/* ==Howl [.howl]*/
/* ----------------------------------------------- */

.howl { padding: 0; list-style: none; background: #353535; border: 1px solid #111; border-radius: 4px; background-clip: padding-box;
  -webkit-border-radius: 4px; -webkit-background-clip: padding-box; -moz-border-radius: 4px; -moz-background-clip: padding; }

.howl:empty { display: none; }

.howl-slot { position: relative; }

.howl-close { position: absolute; top: 5px; right: 10px; padding: 10px; color: #000; outline: none !important; filter: alpha(opacity=25);
  -webkit-opacity: 0.25; -moz-opacity: 0.25; opacity: 0.25; text-shadow: none; }

.howl-message { position: relative; padding: 10px 30px 13px 65px; color: #f0f0f0; font-size: 13px; font-weight: 600; background: transparent; text-shadow: 0px 1px #111111;
  -webkit-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
  -moz-box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
  box-shadow: inset 0px 1px rgba(255, 255, 255, 0.13), inset 0px -1px rgba(0, 0, 0, 0.23), inset 48px 0px 0px rgba(0, 0, 0, 0.3), inset 46px 0px 0px rgba(255, 255, 255, 0.07);
  -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding;
  border-radius: 0; background-clip: padding-box; }

.howl-message:hover .howl-close { color: #fff; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }

.howl-message a { color: #428bca; text-decoration: none; }

.howl-message a:hover { text-decoration: underline; }

.howl-title { margin-bottom: 4px; font-family: 'Open Sans', sans-serif; font-weight: 400; }

.howl-title:empty { display: none; }

.howl-message-inner:before { position: absolute; top: 15px; left: 18px; z-index: 20; display: block; content: " ";
  height: 13px; width: 13px; background-color: #999; border-radius: 50%; box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 50%; -webkit-background-clip: padding-box;
  -moz-border-radius: 50%; -moz-background-clip: padding; background-clip: padding-box;
}

.howl-message.howl-danger .howl-message-inner:before { background-color: #d9534f; }

.howl-message.howl-info .howl-message-inner:before { background-color: #5bc0de; }

.howl-message.howl-success .howl-message-inner:before { background-color: #5cb85c; }

.howl-message.howl-warning .howl-message-inner:before { background-color: #f0ad4e; }

.howl-icon { position: absolute; top: 12px; left: 15px; z-index: 1000; width: 1em; font-size: 20px; text-align: center; }

.howl-has-icon .howl-message-inner:before { display: none !important; }

.howl-has-icon .howl-icon { color: #bbb; }

.howl-has-icon .howl-success .howl-icon { color: #5cb85c; }

.howl-has-icon .howl-warning .howl-icon { color: #f0ad4e; }

.howl-has-icon .howl-danger .howl-icon { color: #d9534f; }

.howl-has-icon .howl-info .howl-icon { color: #5bc0de; }

.howl { position: fixed; top: auto; bottom: 10px; right: auto; left: 50%; z-index: 1980; width: 300px; padding: 0; margin: 0; margin-left: -150px; }

.howlMsg1xx {background-image: url("img/tick.png");}

@media (min-width: 768px) { .howl { left: auto; right: 30px; width: 350px; margin-left: 0; } }

@media (min-width: 1200px) { .howl { width: 375px; } }