#hp_co_toast {
	visibility: hidden;
	/* [disabled]min-width: 250px; */
	/*margin-left: -125px;*/
	/* [disabled]background-color: #333; */
	/* [disabled]color: #FFF; */
	/* [disabled]color: #F00; */
	border-radius: 2px;
	/* [disabled]padding: 5px; */
	position: fixed;
	z-index: 1;
	/*left: 50%;*/
	left: 20px;
	bottom: 30px;
	font-size: 17px;
	/* [disabled]margin-bottom: 5px; */
}

.hp_coarsch {
	color: #FFF !important;
}

#hp_co_toast22 {
	/* [disabled]visibility: hidden; */
	/* [disabled]min-width: 200px; */
	/*margin-left: -125px;*/
	/* [disabled]background-color: #CCC; */
	/* [disabled]color: #CCC; */
	/* [disabled]text-align: center; */
	border-radius: 2px;
	/* [disabled]padding: 3px; */
	/* [disabled]position: fixed; */
	z-index: 1;
	/* [disabled]padding: 5px; */
	left: 20px;
	bottom: 30px;
	font-size: 12px;
	/* [disabled]margin-bottom: 5px; */
	/* [disabled]border: 2px solid #333; */
	overflow: hidden;
}

#hp_co_toast33 {
	/* [disabled]visibility: hidden; */
	/* [disabled]min-width: 250px; */
	/*margin-left: -125px;*/
	/* [disabled]background-color: #333; */
	color: #666;
	/* [disabled]text-align: center; */
	border-radius: 5px;
	/* [disabled]padding: 10px; */
	position: fixed;
	z-index: 1;
	/*left: 50%;*/
	left: 20px;
	bottom: 30px;
	font-size: 17px;
	margin-bottom: 5px;
}



#hp_co_toast.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-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;}
}


.nb_blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 4s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker { 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker { 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker { 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}