/**
 * Mageants CustomMessage Magento2 Extension 
 */ 

.page.messages.Top {left: 0; position: fixed; text-align: center; top: 0; width: 100%; z-index:9999;}
.page.messages.TopLeft {left: 0; position: fixed; text-align: center; top: 0; width: 30%; z-index:9999;}
.page.messages.TopRight {right: 0; position: fixed; text-align: center; top: 0; width: 30%; z-index:9999;}
.page.messages.Bottom {bottom: 0; left: 0; position: fixed; width: 100%; z-index:9999; text-align: center;}
.page.messages.BottomLeft {bottom: 0; left: 0; position: fixed; width: 30%; z-index:9999; text-align: center;}
.page.messages.BottomRight {bottom: 0; right: 0; position: fixed; width: 30%; z-index:9999; text-align: center;}
.page.messages.BottomLeft .message{margin-bottom:0px;}
.page.messages.BottomRight .message{margin-bottom:0px;}
.page.messages.Bottom .message{margin-bottom:0px;}
.page.messages.Middle {left: 36%; position: fixed; text-align: center; top: 50%; width: 300px; z-index: 9999;}
.page.messages.MiddleLeft {left: 0; position: fixed; text-align: center; top: 50%; width: 300px; z-index: 9999;}
.page.messages.MiddleRight {right: 0; position: fixed; text-align: center; top: 50%; width: 300px; z-index: 9999;}
.page.messages.Middle .message {padding-left: 10px; border-radius: 10px;}
.page.messages.MiddleLeft .message {padding-left: 10px; border-radius: 10px;}
.page.messages.MiddleRight .message {padding-left: 10px; border-radius: 10px;}
.page.Top .message.success > *:first-child::before, .page.Bottom .message.success > *:first-child::before, .page.Middle .message.success > *:first-child::before{position:unset !important; margin:0px !important;}