/*
 * toast.js CSS
 */

.toast {
  padding: 12px 35px 12px 14px;
  margin-bottom: 8px;
 /* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
  border: 2px solid;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  box-shadow:#999 2px 2px 4px !important;
  filter: alpha(opacity=90);
  opacity: 0.9;
   z-index: 999999;
}
.toast:hover {
  cursor: pointer;
  box-shadow:#666 0 0 8px;
}

.toast:not(.showing):not(.show) {
    opacity: 0.9 !important;
}

#toast-container {
  top:50px;
  left:35%;
  width:30%;
  position: fixed;
  z-index: 999999;
  font-size:14px;
}

@media (max-width:480px) {
	
	
	#toast-container {
	  top:80px;
	  left:10%;
	  width:80%;
	  position: fixed;
	  z-index: 999999;
	  font-size:14px;
	}
	
}

.toast-title {
  font-weight: bold;
}

.toast-message {
}

.toast-success {
  color: #FFF !important;
  background-color:#093;
  border-color:#093;
  
}

.toast-error {
  color: #FFF;
  background-color: #BD362F;
  border-color: #BD362F;
}

.toast-info {
  color: #FFF;
  background-color: #2F96B4;
  border-color: #2F96B4;
}

.toast-warning {
  color: #FFF;
  background-color: #F89406;
  border-color: #F89406;
}