@-webkit-keyframes flow {
    0% { left:-20px;opacity: 0;}
    50% {left:40px;opacity: 0.2;}  /* change this class for shot distance wave, like left:20px/ left:60px ..... */
      100%{ left:70px;opacity: 0;}
  }
  @keyframes flow {
    0% { left:-20px;opacity: 0;}
    50% {left:40px;opacity: 0.2;}  /* change this class for shot distance wave, like left:20px/ left:60px ..... */
      100%{ left:70px;opacity: 0;}
  }
  
  .glow{ background: rgb(255,255,255); width:40px; height:100%; z-index:999; position:absolute;-webkit-animation: flow 1s linear infinite;-moz-animation: flow 1.5s linear infinite;-webkit-transform: skew(20deg);
       -moz-transform: skew(20deg);
         -o-transform: skew(20deg);background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* IE10+ */
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ border-left:1px solid #fff;}
  



  /* ribbon css starts here */
  .ribbon {
    width: 113px;
    height: 40px;
    line-height: 50px;
    padding-left: 21px;
    position: absolute;
    left: -8px;
    background: #990000;
    color: #f0f0f0;
  }
  .ribbon:before, .ribbon:after {
    content: "";
    position: absolute;
  }
  .ribbon:before {
    height: 0;
    width: 0;
    top: -8.5px;
    left: 0.1px;
    border-bottom: 9px solid black;
    border-left: 9px solid transparent;
  }
  .ribbon:after {
    height: 40px;
    width: 0;
    right: -14.5px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 15px solid  #990000;
  }
  /* ribbon css ends here */


  .input-calendar > .input-calendar-fields {
    width: 100%;
    padding: 19px 16px;
    background: transparent;
    border-radius: 4px;
    outline: none;
    border: 1px solid darkgray;
    font-family: avertaFont !important;

  }

  .input-calendar > .input-calendar-fields::hover{
    border: 1px solid black;

  }
  .input-calendar > .input-calendar-fields::active{
    border: 1px solid black;


  }