.toast {
  background: rgb(34,193,195);
  background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);}
  .toast-header {
      background-color: #00ff7b7e;
      color: #000;
  }

/* Animation property */
.button {
animation: wiggle 2s linear infinite;
}

/* Keyframes */
@keyframes wiggle {
0%, 7% {
  transform: rotateZ(0);
}
15% {
  transform: rotateZ(-15deg);
}
20% {
  transform: rotateZ(10deg);
}
25% {
  transform: rotateZ(-10deg);
}
30% {
  transform: rotateZ(6deg);
}
35% {
  transform: rotateZ(-4deg);
}
40%, 100% {
  transform: rotateZ(0);
}
}

.barcode{
width: 100%;
max-width: 520px;
margin: 0 ;
display: block;
position: relative;
align-items: center;
}
.opening-barrier{
margin-left: auto;
width: 100%;
max-width: 500px;
margin: 0 auto;
display: block;
position: relative;
align-items: center;
}

.plate-scanning{
width: 100%;
max-width: 500px;
margin: 0 auto;
display: block;
position: relative;
align-items: center;
}
/* splide classes */
.modal-body {
&__body {
background: #d4e735;
overflow: hidden;
color: #333;
padding: 0%;
}
}

#inputhidden:focus {
  outline: none;
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-bg) !important;
  caret-color: transparent;
  text-decoration: none;
  text-decoration-line: none;
  text-rendering: none;
 
  }
#inputhidden:placeholde{
   color: var(--bs-body-bg) !important;
} 
@font-face {
  font-family: 'Forgotten Futurist RG';
  src: url( '../fonts/forgotten-futurist-rg.ttf' ) format('truetype' );
}
@font-face {
  font-family: 'INk Free';
  src: url( '../fonts/Inkfree.ttf' ) format('truetype' );
}
.welcome{
  font-family: 'INk Free'; /* Name your font family */
  font-size: 5rem; /* Size of your font */
  font-weight: 800; /* Weight of your font */
  text-align: center; /* Text align */  
}
.subtitle{
  font-family: 'Forgotten Futurist RG'; /* Name your font family */
  font-size: 3rem; /* Size of your font */
  font-weight: 400; /* Weight of your font */
  text-align: center; /* Text align */  
}
#name-island{
  font-family: 'Forgotten Futurist RG'; /* Name your font family */
  font-size: 4rem; /* Size of your font */
  font-weight: 800; /* Weight of your font */
  text-align: center; /* Text align */  
}
.modal-header {
  border-bottom: 0 none;
  text-align: center;
}

.modal-footer {
  border-top: 0 none;
}
#titlePage{
  font-family: 'Forgotten Futurist RG'; /* Name your font family */
  font-size: 3rem; /* Size of your font */
  font-weight: 800; /* Weight of your font */
  text-align: center; /* Text align */ 
  
}
body{
  font-family: 'Forgotten Futurist RG'; /* Name your font family */
  font-size: 1.5rem; /* Size of your font */
  font-weight: 400; /* Weight of your font */
  text-align: center; /* Text align */ 
}

.colortitlePage{
  background-color: #ff76375d; 
  color: #ff7637 ;
}
.spanGreenColor{
  background-color: #4cc58757;
}
.buttonEntra{
  font-size: 3rem !important;
}

.latop{
  top:250px !important;
}
.lowOpacity{
 opacity: 0.3 !important;
}
/* splide  */

.splide__track{
  padding: 0px !important;
  margin: 0px !important;
  
}
.splide__slide__row{
  display: flex;
  justify-content: center;
}
#arrowImg{
  height: auto;
  width: 220px;
}
#maintitle{
  align-self: center;
  border-radius: 0% !important;
  text-align: center;
 
}


#btnArrow {
  background-color: #0741ff;
  border: 2px solid #070707;
  border-radius: 10%;
  font-size: 1.8rem;
  color: #ffffff;
  font-weight: 400;
  font-family: 'Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif';
  width: 30%;
  height: 60px;
  margin-top: -40px;
  margin-bottom: -20px;
  position: absolute;
  overflow:  hidden;
  overlay: hidden;

}

#powered{
  pointer-events: none;
  user-select: none;
}
#ora{
  pointer-events: none;
user-select: none;
}
img{
  pointer-events: none;
user-select: none;
}
p{
  pointer-events: none;
user-select: none;
}

h1{
  pointer-events: none;   
user-select: none;
}
h2{
  pointer-events: none;
user-select: none;

}
h3{
  pointer-events: none;
user-select: none;
} 
h4{
  pointer-events: none;
user-select: none;
}
h5{
  pointer-events: none;
user-select: none;
}