.toast_wrapper
	{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding: 10px 20px;
		z-index: 511;
		text-align: center;
		display: none;
	}
	
	.toast_container
	{
		background: var(--success_color_shade);
		display: inline-block;
		min-width: 600px;
		max-width: 800px;
		padding: 10px 20px;
		opacity: .9;
		border-radius: 5px;
	}
	
	.toast_inner_container
	{
		align-items: center;
		display: flex;
		color: var(--color_shade1);
	}
	
	.toast_msg
	{
		flex: 1;
	}
	
	.toast_msg span
	{
		text-align: left;
		width: 100%;
		display: block;
	}
	
	.toast_close span 
	{
		cursor: pointer;
		padding-left: 20px;
	}
	
	.toast_icon span 
	{
		padding-right: 20px;
	}
	
	.danger
	{
		background: var(--danger_color);
	}
	
	
	.primary
	{
		background: var(--color5);
	}
	
	.success
	{
		background: var(--success_color_shade);
	}
	
	
	
	
	
	
	
	
	@media only screen and(max-width: 600px)
	{
			
		.toast_container
		{
			min-width: 0px;
			width: 100px;
			
		}
	
	}
	
	@media (max-width: 600px)
	{
		.toast_container
		{
			
			min-width: 425px; 
			max-width: 700px;
		
		}
	}
	
		
	@media (max-width: 480px)
	{
	    	.toast_container
		{
			
			min-width: 310px; 
			max-width: 310px;
			padding: 5px;
		
		}
	}