.toast_wrapper
	{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding: 10px 20px;
		z-index: 1521;
		text-align: center;
		display: none;
	}
	
	.toast_container
	{
		background: var(--color_shade1);
		/*var(--success_color_shade);*/
		display: inline-block;
		min-width: 600px;
		max-width: 800px;
		padding: 10px 20px;
		opacity: .9;
		border-radius: 5px;
		box-shadow: 1px 1px 1px 0.5px rgb(58, 61, 59);
		border: 1px solid var(--success_color_shade);
	}
	
	.toast_inner_container
	{
		align-items: center;
		display: flex;
		color: black;/*var(--color_shade1);*/
	}
	
	.toast_msg
	{
		flex: 1;
	}

	.toast_icon .bi 
	{
		padding-right: 20px;
		font-size: 1.2rem;
	}
	
	.toast_msg span
	{
		text-align: left;
		width: 100%;
		z-index: 1520;
		display: block;
		color: black;
	}
	
	.toast_close .bi 
	{
		cursor: pointer;
		padding-left: 20px;
		font-size: 1.5rem;
	}
	
	.danger
	{
		/*background: var(--danger_color);
		border: 2px solid var(--danger_color);*/
		box-shadow: 1px 1px 1px 0.5px rgb(58, 61, 59);
		border: 1px solid var(--danger_color);
	}
	
	
	.primary
	{
		background: var(--color5);
	}
	
	.success
	{
		/*background: var(--color_shade1);var(--success_color_shade);*/
		box-shadow: 1px 1px 1px 0.5px rgb(58, 61, 59);
		border: 1px solid 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;
		
		}
	}