#ClickMe
{
	overflow: visible;
  /* Hidden by default. Visible on click */
    min-width: 300px;;/*Set a default minimum width */
    height: 50px;
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
  	background-color: #292323
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    float: right;
    bottom: 0px; /* 30px from the bottom */
     box-shadow: 0px 5px 5px  5px white;
    left: 73%;
}
.headerSnackbar
{

	overflow: hidden;
	  min-width: 300px;/* Set a default minimum width */
 visibility: hidden;
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
	background-color: #292323;
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
      float: right;
    bottom: 450px; /* 30px from the bottom */
     left: 73%;
	
}
#snackbar {
	overflow: hidden;
    visibility: hidden; /* Hidden by default. Visible on click */
    max-width: 300px;/*  /* Set a default minimum width */
    height: 400px;
    background-color: white;
    border:1px groove grey; /* Black background color */
    color: #fff; /* White text color */
  
    border-radius: 2px; /* Rounded borders */
  
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
      float: right;
    bottom: 50px; /* 30px from the bottom */
     left: 73%;
   
}

    

    .snackbar p {

    	vertical-align: inherit;
    	word-wrap: break-word; 
    	color: black; clear:both;
   	float:left; text-align: center;

    }
.minimize:hover
{
	cursor: pointer;

}

#ClickMe:hover
{
cursor: pointer;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible; /* Show the snackbar */

/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

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

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}


@media screen and (max-width: 855px)
{

    #ClickMe
{
    
    left: 30%;
}
.headerSnackbar
{

    
      left: 30%;
    
}
#snackbar {
    
     left: 30%;
   
}



}

@media screen and (max-width: 755px)
{



    #ClickMe
{
    
    left: 10%;
}
.headerSnackbar
{

    
      left: 10%;
    
}
#snackbar {
    
     left: 10%;
   
}