/* put your own styles to customize and override the theme */
.bubble{
    animation: animateElement linear .3s;
    animation-iteration-count: 1;
   }
  
  @keyframes animateElement{
    0% {
      opacity:0;
      transform:  translate(0px,10px);
    }
    100% {
      opacity:1;
      transform:  translate(0px,0px);
    }
  }
 
  .glowing {
    -webkit-filter: drop-shadow(0 0 0 rgba(255,255,255,.8));
    /*background-color: rgba(255, 255, 255, .8);*/
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
  }
  .glowing.red { -webkit-filter: drop-shadow(0 0 8px rgba(255,153,153,1)); }
  
  .and { }
  .quickly { -webkit-transition:-webkit-transform .05s !important;-moz-transition:-moz-transform .05s !important;-o-transition:-o-transform .05s !important;transition:transform .05s !important; }
  .rotating:hover { -ms-transform:matrix(1.1,0.2,-0.2,1.1,0,0);-webkit-transform:matrix(1.1,0.2,-0.2,1.1,0,0);transform:matrix(1.1,0.2,-0.2,1.1,0,0); }
  .zooming:hover { -ms-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1); }
  
  .disco:hover {
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: disco;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-name: disco;
  }
  @-webkit-keyframes disco {
    0%    { -webkit-filter: drop-shadow(0 0 8px rgba(255,153,153,1)); }
    25%  { -webkit-filter: drop-shadow(0 0 8px rgba(244,241,66,1)); }
    50%  { -webkit-filter: drop-shadow(0 0 8px rgba(0,153,255,1)); }
    75%  { -webkit-filter: drop-shadow(0 0 8px rgba(244,66,232,1)); }
    100%    { -webkit-filter: drop-shadow(0 0 8px rgba(255,153,153,1)); }
  }

.entries label {
  width: 100%;
}

.entries .card {
  margin-bottom: 2px !important;
}

.entries .card-input-element {
  /* display: none; */
  visibility: hidden;
}

.entries .card-input {
  /* margin-right: 2px; */
  padding: 0px;
}

.entries .card-input:hover {
  cursor: pointer;
}

.entries .card-input-element:checked + .card-input {
   box-shadow: 0 0 1px 1px #ed1c24;
}

#external-events {
  width: 100%;
  text-align: center;
  margin: 0px auto;
}

.external-event {
  display: inline-block;
  text-align: center;
  color: #7f7f7f;
  width: 100px;
}

.external-event .card-input-element:checked + .truck-input {
  box-shadow: 0 0 1px 1px #ed1c24;
}

.error {
  color: red;
}