/* POSITION */
	.session-message{
		position: absolute;
		top: 60px;
		right: 10px;
		width: auto;
		color: white !important;
		border: 0px !important;
		border-width: 0px !important;
		padding: 10px 20px !important;
		font-size: 1em !important;
		white-space: nowrap;
		transition: .5s all ease-in-out;
        opacity: 1;
        display: block;
	}
	.session-message .progress{
		position: absolute;
	    bottom: 0px;
	    right: 0;
	    left: 0;
	    margin: 0;
	    height: 5px;
	    width: 0%;
	    background-color: rgba(255, 255, 255, 0.7)
	}
/* POSITION */

/* NOTIFICATION ERRO */
	.session-message-erro{
		background-color: #e74c3c !important;
		box-shadow: 0 0 8px #e74c3c !important;
		-webkit-box-shadow: 0 0 8px #e74c3c !important;
		-moz-box-shadow: 0 0 8px #e74c3c !important;
	}
	.session-message-erro .progress{
	    /*background-color: #FF4500;*/
	}
/* NOTIFICATION ERRO */

/* NOTIFICATION SUCCESS */
	.session-message-success{
		background-color: #2ecc71 !important;
		background-image: none !important;
		box-shadow: 0 0 8px #2ecc71 !important;
		-webkit-box-shadow: 0 0 8px #2ecc71 !important;
		-moz-box-shadow: 0 0 8px #2ecc71 !important;
	}
	.session-message-success .progress{
	    /*background-color: #5cb85c;*/
	}
/* NOTIFICATION SUCCESS */

/* NOTIFICATION FADE OUT */
	.session-notification-efeito{
		/*Animação*/
		-webkit-animation-name: session-notification;  /* Safari 4.0 - 8.0 */
		-webkit-animation-delay: 4s;  /* Safari 4.0 - 8.0 */
		-webkit-animation-duration: .5s;  /* Safari 4.0 - 8.0 */
		-webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
		animation-name: session-notification;
		animation-delay: 4s;
		animation-duration: .5s;
		animation-fill-mode: forwards;
	}
	@keyframes session-notification {
		/*from {right: 14px; opacity: 1;}*/
		/*to {right: -15px;opacity: 0;}*/
		0%   {right: 14px; opacity: 1;display: block;}
		10%  {right: 58px;opacity: 1;display: block;}
		100% {right: -10px;opacity: 0;display: none;}
		/* 100% {right: 80px;opacity: 0;display: none;} */
	}
/* NOTIFICATION FADE OUT */

/* NOTIFICATION PROGRESS */
	.session-notification-efeito .progress{
		/*Animação*/
		-webkit-animation-name: progress-notification;  /* Safari 4.0 - 8.0 */
		-webkit-animation-delay: .2s;  /* Safari 4.0 - 8.0 */
		-webkit-animation-duration: 4s;  /* Safari 4.0 - 8.0 */
		-webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
		animation-name: progress-notification;
		animation-delay: .2s;
		animation-duration: 4s;
		animation-fill-mode: forwards;
	}
	@keyframes progress-notification {
		from {width: 0%;}
		to   {width: 100%;}
	}
/* NOTIFICATION PROGRESS */

/*NOTIFICATION CLOSE BUTTON*/
	#fechar-session-message{
		color: white;
		width: 100%;
		text-align: right;
		display: block;
		/*margin-bottom: 5px;*/
	}
	#fechar-session-message:hover{
		font-weight: bold;
		cursor: pointer;
	}
/*NOTIFICATION CLOSE BUTTON*/


/* SESSION CUSTOM AGENDA */
.session-message-custom{
    position: absolute;
    width: 100%;
    height: 100%;
    background: RGBA(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    top: 0;
}
.popup-menssage-agenda{
    width: 25%;
    color: #28B449 !important;
    border: 0px !important;
    border-width: 0px !important;
    padding: 20px 30px !important;
    font-size: 1em !important;
    white-space: nowrap;
    transition: .5s all ease-in-out;
    opacity: 1;
    display: block;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 0.5rem;
    transition: 0.4s;
}
.popup-menssage-sorteio{
    width: 25%;
    color: #28B449 !important;
    border: 0px !important;
    border-width: 0px !important;
    padding: 20px 30px !important;
    font-size: 1em !important;
    white-space: nowrap;
    transition: .5s all ease-in-out;
    opacity: 1;
    display: block;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 0.5rem;
    transition: 0.4s;
}
.icon-sucsses-agenda i {
    font-size: 6rem;
}
.icon-sucsses-agenda{
    margin-top: 2vh;
    margin-bottom: 1vh;
}
.icon-sucsses-sorteio i {
    font-size: 6rem;
}
.icon-sucsses-sorteio{
    margin-top: 2vh;
    margin-bottom: 1vh;
}
.title-sucsses p{
    font-size: 1.8rem;
    font-weight: bold;
    white-space: normal;
    text-align: center;
    padding: 0.5rem;
    line-height: 2rem;
}
.subtitle-sucsses{
    margin-bottom: 0.5VH;
}
.subtitle-sucsses p{
    padding: 0.5rem;
    font-size: 1.1rem;
    font-weight: bold;
    white-space: normal;
    text-align: center;
    color: #5A5A5A;
}
#fechar-message-custom{
    position: absolute;
    top: 1vh;
    right: 2vh;
    color: #5A5A5A;
    cursor: pointer;
}
#fechar-message-custom{
    font-size: 1.5rem;
}

/* SESSION CUSTOM AGENDA */