#gn-general-messages-container
{
  height: 100vh;
  max-width: 100%;
  position: fixed;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  pointer-events: none;
  padding-right: 15px;
  z-index: 1070;
  overflow: hidden;
  max-height: calc(100vh - 100px);

  /* for top */
  _flex-direction: column;
}

.tmp-page-message {
  max-width: 100%;
  visibility: hidden;
  min-width: 250px;
  border-radius: 2px;
  padding: 0px;
  margin-bottom: 15px;
  pointer-events: auto;
}

.tmp-page-message.show {
  visibility: visible;
  -webkit-animation: fadeinEffect 0.5s;
  animation: fadeinEffect 0.5s;
}

.tmp-page-message .msg-close button
{
  float: none !important;
  font-size: 36px !important;
  margin: 0px !important;
}

@-webkit-keyframes fadeinEffect {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadeinEffect {
  from {top: 0; opacity: 0;}
  to {top: 0; opacity: 1;}
}

@-webkit-keyframes fadeoutEffect {
  from {top: 0; opacity: 1;} 
  to {top: 0; opacity: 0;}
}

@keyframes fadeoutEffect {
  from {top: 0; opacity: 1;}
  to {top: 0; opacity: 0;}
}

.tmp-page-message > div
{
  display: inline-block;
  vertical-align: middle;
}

.tmp-page-message .msg-icon
{
  width: 50px;
  text-align: center;
}

.tmp-page-message .msg-icon i
{
  font-size: 25px !important;
  margin: 0 !important;
}

.tmp-page-message .msg-msg
{
  width: calc(100% - 100px);
  padding: 15px 0px;
}

.tmp-page-message .msg-close
{
  width: 50px;
  text-align: center;
}

.tmp-page-message .msg-close .close
{
  color: var(--light-color) !important;
}


.tmp-page-message .msg-duration
{
  display: none;
  width: 100%;
  height: 6px;
}

.tmp-page-message.with-duration .msg-duration
{
  display: block;
  margin-bottom: -1px;
  margin-left: -1px;
}

.jq-toast-loader {
  height: 100%;
  width: 0px;
  animation: growWidth 5s ease-in 0s forwards;
  -webkit-animation: growWidth 5s ease-in 0s forwards;
}

@-webkit-keyframes growWidth
{
  from { width: 100%; }
  to { width: 0px; }
}

@keyframes growWidth
{
  from { width: 100%; }
  to { width: 0px; }
}

.jq-toast-loader-success {
	background-color: #569745;
}

.jq-toast-loader-danger {
	background-color: #B94A48;
}

.jq-toast-loader-warning {
	background-color: #C09853;
}

.jq-toast-loader-info {
	background-color: #3A87AD;
}