.boxerror{
    position:fixed;
    right: -310px;
    top: 56px;
    width: 300px;
    max-width: 80%;
    padding: 10px 30px 10px 30px;
    cursor: pointer;
    z-index: 9999;
    /*position: relative;*/
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 4s;
    animation-delay: 1s;
    display: none;
  }

  /* Safari 4.0 - 8.0 */
  @-webkit-keyframes example {
    0%   {right: -310px; top:56px;}
    25%  {right: 80px; top:56px;}
    50%  { right: 80px; top:56px;}
    75%  {right: 80px; top:56px;}
    100%  {right: -310px; top:56px;}
  }

  /* Standard syntax */
  @keyframes example {
    0%   {right: -310px; top:56px;}
    25%  { right: 80px; top:56px;}
    50%  { right: 80px; top:56px;}
    75%  { right: 80px; top:56px;}
    100%  {right: -310px; top:56px;}
  }

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    width: 60px;
    height: 60px;
    padding: 10px;

    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;

    font: 32px Arial, sans-serif;
    float: left;
    margin-right: 15px;
}
#calendar {
    max-width: 900px;
    margin: 0 auto;
}
#calendar h2{
    font-size: 20px;
}

#calendar .fc-nonbusiness{
    background-color: #FF3F3F;

}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}