@charset "UTF-8";

#toast-container>div {
	position: relative;
	overflow: hidden;
	margin: 3px 0 3px;
	padding: 15px 15px 15px 50px;
	width: 400px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background-position: 15px center;
	background-repeat: no-repeat;
	-moz-box-shadow: 0 0 4px #000000;
	-webkit-box-shadow: 0 0 4px #000000;
	box-shadow: 0 0 4px #000000;
	color: #ffffff;
	opacity: 0.9;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	filter: alpha(opacity = 90);
}

#toast-container>div:hover {
	-moz-box-shadow: 0 0 12px #000000 !important;
	-webkit-box-shadow: 0 0 12px #000000 !important;
	box-shadow: 0 0 12px #000000 !important;
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity = 100);
	cursor: pointer;
}

#toast-container.toast-top-center>div {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.toast {
	-moz-box-shadow: initial !important;
	-webkit-box-shadow: initial !important;
	box-shadow: initial !important;
	animation: pulse 2s infinite;
	animation-delay: 5s;
}

.toast:hover {
	animation: none;
}

.toast-info {
	background-color: #00B5AD !important;
}

.toast-success {
	background-color: #2185D0 !important;
}

.toast-warn {
	background-color: #F2711C !important;
}

.toast-error {
	background-color: #DB2828 !important;
}


/* パルス */

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.9);
  }
  70% {
      -webkit-box-shadow: 0 0 0 12px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.9);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.9);
  }
  70% {
      -moz-box-shadow: 0 0 0 12px rgba(204,169,44, 0);
      box-shadow: 0 0 0 12px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}