/**
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to newer
* versions in the future. If you wish to customize this module for your
* needs please contact us at contact@devhub.pl
*
*  @author    Devhub <contact@devhub.pl>
*  @copyright (c)2019 Devhub
*  @license   commercial
*  @package   DevhubShopmessagesNotifications
*/

#devhubshopmessagesnotifications-widget {position: fixed;bottom: 0;left: 0;z-index: 10;margin: 10px;display: flex;flex-direction: column;align-items: flex-start;}

.devhubshopmessagesnotifications-widget { transform: translate(-300px, 0); transition: transform 0.15s ease; }
.devhubshopmessagesnotifications-widget--show { transform: translate(0, 0); }
.devhubshopmessagesnotifications-widget__message {cursor: pointer;box-shadow: 0 0 0 0;transition: box-shadow 0.15s ease;max-width: 280px;border: 1px solid;filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.6));border-radius: 5px;padding: 10px 15px;position: relative;background-color: #fff;color: #000;border-color: #ddd;margin-top: 10px;}
.devhubshopmessagesnotifications-widget__message p { color: #545454; }
.devhubshopmessagesnotifications-widget__message p:first-of-type { margin-top: 0; }
.devhubshopmessagesnotifications-widget__message p:last-of-type { margin-bottom: 0; }
.devhubshopmessagesnotifications-widget__message--hidden { display: none; }
.devhubshopmessagesnotifications-widget__close {position: absolute;top: -0.5em;right: -0.5em;font-size: 20px;line-height: 1em;width: 1em;height: 1em;display: flex;justify-content: center;align-items: center;background-color: inherit;border-radius: 100%;box-shadow: inherit;box-shadow: 0 0 0 0;transition: 0.15s ease;transition-property: box-shadow, background-color, color;}
.devhubshopmessagesnotifications-widget__close:hover {background: #d2d2d2;}
.devhubshopmessagesnotifications-widget__bottom {display: flex;justify-content: space-between;margin-top: 10px;}
.devhubshopmessagesnotifications-widget__button {cursor: pointer;padding: 5px 15px;background: none;border: 1px solid transparent;border-radius: 3px;transition: 0.15s ease; transition-property: opacity; opacity: 1;}
.devhubshopmessagesnotifications-widget__button + .devhubshopmessagesnotifications-widget__button { margin-left: 30px; }
.devhubshopmessagesnotifications-widget__button:hover {opacity: 0.7;}
.devhubshopmessagesnotifications-widget__button--primary {background: #F4511E;color: #fff;}
.devhubshopmessagesnotifications-widget__button--secondary {background: #fff;border-color: #d2d2d2;color: #000;}