body{

font-family: 'Paytone One', sans-serif !important;



background: rgb(0,163,77);

background: radial-gradient(circle, rgba(0,163,77,1) 49%, rgba(5,98,49,1) 91%);

padding-top: 20px;color: #FFF;"


}

/* Hide scrollbar for Chrome, Safari and Opera */

.container::-webkit-scrollbar {

  display: none;

}



/* Hide scrollbar for IE, Edge and Firefox */

.container {

  -ms-overflow-style: none;  /* IE and Edge */

  scrollbar-width: none;  /* Firefox */

}

.text-justify {

    text-align: justify;

}

.blacktext{

	color: #5b5b5b



}

#btnParticiper{

	cursor: pointer;



}

.is-error{

	border-color: #ff0000;

}

.loader {

position : fixed;

z-index: 9999;

background: rgb(7,78,153);

background: radial-gradient(circle, rgba(0,163,77,0.85) 0%, rgba(0,163,77,1) 100%);

top : 0px;

left : 0px;

height : 100%;

width : 100%;



}

#loading {

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 1;

  width: 150px;

  height: 150px;

  margin: -75px 0 0 -75px;

  border: 16px solid #FFF;

  border-radius: 50%;

  border-top: 16px solid #fc3;

  width: 120px;

  height: 120px;

  -webkit-animation: spin 1s linear infinite;

  animation: spin 1s linear infinite;

}



@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); }

}

.showSuccess{

	padding-top: 70px;

}

.showSuccess img{

	max-width: 90%

}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}



/* Add animation to "page content" */

.animate-bottom {

  position: relative;

  -webkit-animation-name: animatebottom;

  -webkit-animation-duration: 1s;

  animation-name: animatebottom;

  animation-duration: 1s

}



@-webkit-keyframes animatebottom {

  from { bottom:-100px; opacity:0 }

  to { bottom:0px; opacity:1 }

}



@keyframes animatebottom {

  from{ bottom:-100px; opacity:0 }

  to{ bottom:0; opacity:1 }

}





.image-clignote  {

   animation-duration: .9s;

   animation-name: clignoter;

   animation-iteration-count: infinite;

   transition: none;

}



@keyframes clignoter {

  0%   { opacity:1; }

  40%   {opacity:0; }

  100% { opacity:1; }

}