.arriveFromLeft{
  animation-name: example;
  animation-duration: 1s;  
  /*animation-delay: 1s;*/
  animation-fill-mode: backwards; 
  position: relative;
    opacity: 1.0  ;
}
@keyframes example {
    from {left: -200px; }
    to {left: 0px;}
    0% {opacity:0;}
    100% {opacity:1;}  
}
.opacity0{
    opacity:0;
}
.opacity1{
    opacity:1;
}
.opacity1slow{
  animation-name: slowlyappear;
  animation-duration: 1s;  
  animation-delay: 1s;/**/
  animation-fill-mode: backwards; 
  position: relative;
}

@keyframes slowlyappear {
    0% {opacity:0;}
    100% {opacity:1;}  
}

.numpadButton{
    padding:7px 13px !important;
    font-weight:bold;
    background-image: url('/assets/images/button_1_tr.svg') ;
    background-repeat: no-repeat;
    background-color: #659ad3; /* #355C7D */
    background-position: center;
    background-size: cover; 
    color:white;
    min-width:3em;
    border-radius: 1.8em !important;  
    margin:0px 3px 5px 0px;
}
.numpadClear{
    background-color: #ffffff;
    color:#727272; /* #355C7D */
    border:1px solid #659ad3; /* #355C7D */
    float:left;
}
.numpadEnter{
    float:right;
    min-width:100px;
}
.numpad-display{
    font-weight:bold;
    font-size:1.6em;
    min-width:164px;
    border-bottom:5px solid #659ad3; /* #355C7D */
    padding:5px;      
    margin-bottom:7px;
}
.checkin-numpad-display{
    font-weight:bold;
    font-size:1.3em;
    min-width:164px;
    border-bottom:5px solid #659ad3; /* #355C7D */
    padding:5px;      
    margin-bottom:7px;
}
.checkin-display{
    font-weight:bold;
    font-size:1.3em;
    border-bottom:5px solid #659ad3; /* #355C7D */
    padding:5px;      
    margin-bottom:7px;
}
.checkin-email{
    width:100%;
    border-top:1px solid #d1d1d1;
    border-left:1px solid #d1d1d1;
    border-right:1px solid #d1d1d1;
    border-bottom:5px solid #659ad3;
    color:#727272 !important;
    font-weight:bold;
    font-size:1.2em;
    
}

.green-button-svg{
    background-image: url('/assets/images/button_1_tr.svg') ;
    background-repeat: no-repeat;
    background-color: #659ad3; /* #355C7D */
    background-position: center;
    background-size: cover; 
    color:white !important;
    padding:10px 20px 10px 20px !important;
    border-radius: 30px !important;    
}

.white-button-svg{
    background-image: url('/assets/images/button_1_tr.svg') ;
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-position: center;
    background-size: cover; 
    color:#90cb6b!important; /* #355C7D */
    padding:10px 20px 10px 20px !important;
    border-radius: 30px !important; 
    border:1px solid #659ad3;
    
}
.bg-green-dark{
    /*background-color: #659ad3 !important;  #355C7D */
}

.bg-bubble-dark{
    background-color: #659ad3 !important;  
}
      #lottie{
            background-color:#ffffff;
            width:100%;
            height:100%;
            display:block;
            overflow: hidden;
            transform: translate3d(0,0,0);
            text-align: center;
            opacity: 1;
        }
        
.menu{
overflow: hidden !important;
}