.spin {
    animation: spin 0.8s linear 0s infinite normal;
    -moz-animation: 0.8s linear 0s normal none infinite spin;
    -webkit-animation: spin 0.8s linear 0s infinite normal;
    -o-animation: spin 0.8s linear 0s infinite normal;
    pointer-events: none;
}
.spins {
    opacity:1;
}
.spins:after {
    animation: spin 0.8s linear 0s infinite normal;
    -moz-animation: 0.8s linear 0s normal none infinite spin;
    -webkit-animation: spin 0.8s linear 0s infinite normal;
    -o-animation: spin 0.8s linear 0s infinite normal;
    pointer-events: none;
    position: fixed;
    right: inherit;
    bottom: inherit;
    border-top: 5px solid #f35369;
    border-right: 5px solid #1abe9e;
    border-bottom: 5px solid #f35369;
    border-left: 5px solid #1abe9e;
    color: #fff;
    border-left: 5px solid #77b18e;
    width: inherit;
    height: inherit;
    border-radius: 100%;
    font-size: 20px;
    box-shadow: 0px 0px 10px #353535;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    border-right: 5px solid #77b18e;
    content: " ";
 }
.spin:hover {
    animation: spin 1s linear 0s infinite reverse;
    -moz-animation: 1s linear 0s reverse none infinite spin;
    -webkit-animation: spin 1s linear 0s infinite reverse;
    -o-animation: spin 15s linear 0s infinite reverse;
}
.csspinnerimg:before {
    content: '';
    z-index: 9;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
 .load-row
 {
 	
background-image: -webkit-linear-gradient(135deg,rgba(0, 0, 0, 0.1) 25%,transparent 25%,transparent 50%,rgba(0, 0, 0, 0.1) 50%,rgba(0, 0, 0, 0.1) 75%,transparent 75%,transparent) !important;
  background-image: -o-linear-gradient(135deg,rgba(0, 0, 0, 0.1) 25%,transparent 25%,transparent 50%,rgba(0, 0, 0, 0.1) 50%,rgba(0, 0, 0, 0.1) 75%,transparent 75%,transparent) !important;
  background-image: -moz-linear-gradient(135deg,rgba(0, 0, 0, 0.1) 25%,transparent 25%,transparent 50%,rgba(0, 0, 0, 0.1) 50%,rgba(0, 0, 0, 0.1) 75%,transparent 75%,transparent) !important;
  background-image: linear-gradient(135deg,rgba(0, 0, 0, 0.1) 25%,transparent 25%,transparent 50%,rgba(0, 0, 0, 0.1) 50%,rgba(0, 0, 0, 0.1) 75%,transparent 75%,transparent) !important;
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
  -webkit-background-size: 50px 50px  !important;
  background-size: 50px 50px  !important;
  -moz-animation: animate-stripes 3s infinite linear;
  -webkit-animation: animate-stripes 3s infinite linear;
  -o-animation: animate-stripes 3s infinite linear;
  -ms-animation: animate-stripes 3s infinite linear;
  animation: animate-stripes 3s infinite linear;
  cursor: default;
  box-shadow: none;
  pointer-events: none;
}

        
@keyframes animate-stripes{0%{background-position:0 0;}100%{background-position:50px 0;}}
@-webkit-keyframes animate-stripes{0%{background-position:0 0;}100%{background-position:50px 0;}}
@-moz-keyframes animate-stripes{0%{background-position:0 0;}100%{background-position:50px 0;}}
@-o-keyframes animate-stripes{0%{background-position:0 0;}100%{background-position:50px 0;}}



.loader-stripe
{
 	
background-image: -webkit-linear-gradient(135deg,rgba(0, 0, 0, 0.3) 25%,rgba(210, 210, 210, 0.25) 25%,rgba(210, 210, 210, 0.25) 50%,rgba(0, 0, 0, 0.3) 50%,rgba(0, 0, 0, 0.3) 75%,rgba(210, 210, 210, 0.25) 75%,rgba(210, 210, 210, 0.25));
background-image: -o-linear-gradient(135deg,rgba(0, 0, 0, 0.3) 25%,rgba(210, 210, 210, 0.25) 25%,rgba(210, 210, 210, 0.25) 50%,rgba(0, 0, 0, 0.3) 50%,rgba(0, 0, 0, 0.3) 75%,rgba(210, 210, 210, 0.25) 75%,rgba(210, 210, 210, 0.25));
background-image: -moz-linear-gradient(135deg,rgba(0, 0, 0, 0.3) 25%,rgba(210, 210, 210, 0.25) 25%,rgba(210, 210, 210, 0.25) 50%,rgba(0, 0, 0, 0.3) 50%,rgba(0, 0, 0, 0.3) 75%,rgba(210, 210, 210, 0.25) 75%,rgba(210, 210, 210, 0.25));
background-image: linear-gradient(135deg,rgba(0, 0, 0, 0.3) 25%,rgba(210, 210, 210, 0.25) 25%,rgba(210, 210, 210, 0.25) 50%,rgba(0, 0, 0, 0.3) 50%,rgba(0, 0, 0, 0.3) 75%,rgba(210, 210, 210, 0.25) 75%,rgba(210, 210, 210, 0.25));
  
-webkit-transition: width 0.5s ease-in-out;
-moz-transition: width 0.5s ease-in-out;
-o-transition: width 0.5s ease-in-out;
transition: width 0.5s ease-in-out;
-webkit-background-size: 50px 50px;
background-size: 50px 50px;

-moz-animation: animate-stripes 2s infinite linear;
-webkit-animation: animate-stripes 2s infinite linear;
-o-animation: animate-stripes 2s infinite linear;
-ms-animation: animate-stripes 2s infinite linear;
animation: animate-stripes 2s infinite linear;
cursor: default;
box-shadow: none;
pointer-events: none;

}
.loader-static
{
background-image: -webkit-linear-gradient(135deg,rgba(0, 0, 0, 0.3) 25%,rgba(210, 210, 210, 0.25) 25%,rgba(210, 210, 210, 0.25) 50%,rgba(0, 0, 0, 0.3) 50%,rgba(0, 0, 0, 0.3) 75%,rgba(210, 210, 210, 0.25) 75%,rgba(210, 210, 210, 0.25));
background-image: -o-linear-gradient(135deg,rgba(0, 0, 0, 0.3) 25%,rgba(210, 210, 210, 0.25) 25%,rgba(210, 210, 210, 0.25) 50%,rgba(0, 0, 0, 0.3) 50%,rgba(0, 0, 0, 0.3) 75%,rgba(210, 210, 210, 0.25) 75%,rgba(210, 210, 210, 0.25));
background-image: -moz-linear-gradient(135deg,rgba(0, 0, 0, 0.3) 25%,rgba(210, 210, 210, 0.25) 25%,rgba(210, 210, 210, 0.25) 50%,rgba(0, 0, 0, 0.3) 50%,rgba(0, 0, 0, 0.3) 75%,rgba(210, 210, 210, 0.25) 75%,rgba(210, 210, 210, 0.25));
background-image: linear-gradient(135deg,rgba(0, 0, 0, 0.3) 25%,rgba(210, 210, 210, 0.25) 25%,rgba(210, 210, 210, 0.25) 50%,rgba(0, 0, 0, 0.3) 50%,rgba(0, 0, 0, 0.3) 75%,rgba(210, 210, 210, 0.25) 75%,rgba(210, 210, 210, 0.25));
  
background-size: 50px 50px;

cursor: default;
box-shadow: none;
pointer-events: none;
}

        
@keyframes animate-stripes{0%{background-position:0 0;}100%{background-position:50px 0;}}
@-webkit-keyframes animate-stripes{0%{background-position:0 0;}100%{background-position:50px 0;}}
@-moz-keyframes animate-stripes{0%{background-position:0 0;}100%{background-position:50px 0;}}
@-o-keyframes animate-stripes{0%{background-position:0 0;}100%{background-position:50px 0;}}


@keyframes spin {
    0% { transform: rotate(360deg); }
    100% { transform: rotate(0deg); }
}
@-moz-keyframes spin {
    0% { -moz-transform: rotate(360deg); }
    100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes spin {
    0% {-webkit-transform: rotate(360deg); }
    100% { -webkit-transform: rotate(0deg); }
}
@-o-keyframes spin {
    0% { -o-transform: rotate(360deg); }
    100% { -o-transform: rotate(0deg); }
}


/*  
----------------------------------------------------------------------------------------------------
Loader Class Not Use For Css
*/
.SpinButton
{
}
.CloseLoader
{
}
.SaveLoader
{
}
.RowClickLoader
{
}

.ControlLoader
{
}

.clickloader
{
	
}


/* Region Loader */
.csspinner{position:relative}.csspinner:before{content:"";z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#999;opacity:.6}.csspinner:after{z-index:2;content:"";height:40px;width:40px;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;-webkit-transition:all .75s ease 0s;transition:all .75s ease 0s;border-radius:100%;border-top:4px solid #555;-webkit-animation:standard .75s infinite linear;animation:standard .75s infinite linear;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.csspinner.no-overlay:before{content:none;display:none}@-webkit-keyframes standard{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes standard{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.csspinner.bar:after{height:20px;width:40px;border-radius:0;border:none;-webkit-animation:bar 1s infinite linear;animation:bar 1s infinite linear}@-webkit-keyframes bar{from{-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0.5);box-shadow:inset 0 0 0 rgba(0,0,0,0.5)}to{-webkit-box-shadow:inset 80px 0 0 rgba(0,0,0,0.5);box-shadow:inset 80px 0 0 rgba(0,0,0,0.5)}}@keyframes bar{from{-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0.5);box-shadow:inset 0 0 0 rgba(0,0,0,0.5)}to{-webkit-box-shadow:inset 80px 0 0 rgba(0,0,0,0.5);box-shadow:inset 80px 0 0 rgba(0,0,0,0.5)}}.csspinner.bar.follow:after{-webkit-animation:bar-follow 1s infinite linear;animation:bar-follow 1s infinite linear}@-webkit-keyframes bar-follow{0%{-webkit-box-shadow:inset 40px 0 0 rgba(0,0,0,0.5);box-shadow:inset 40px 0 0 rgba(0,0,0,0.5)}100%{-webkit-box-shadow:inset -40px 0 0 rgba(0,0,0,0.5);box-shadow:inset -40px 0 0 rgba(0,0,0,0.5)}}@keyframes bar-follow{0%{-webkit-box-shadow:inset 40px 0 0 rgba(0,0,0,0.5);box-shadow:inset 40px 0 0 rgba(0,0,0,0.5)}100%{-webkit-box-shadow:inset -40px 0 0 rgba(0,0,0,0.5);box-shadow:inset -40px 0 0 rgba(0,0,0,0.5)}}.csspinner.blade:after{height:20px;width:20px;margin:-10px 0 0 10px;border-right:4px solid transparent;border-top:4px solid transparent;border-left:4px solid transparent;border-bottom:4px solid #e74c3c;opacity:1;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}.csspinner.double-up:after{border-right:4px solid #e74c3c;border-top:4px double #e74c3c;border-left:4px double #e74c3c;border-bottom:4px double #e74c3c}.csspinner.duo:after{border-right:4px solid #333;border-left:4px solid #333;border-top:4px solid #f1c40f;border-bottom:4px solid #f1c40f}.csspinner.helicopter:after{height:10px;width:40px;margin:-10px 0 0 -20px;border:none;border-radius:0;opacity:1;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;background-color:#8e44ad}.csspinner.line:after{height:20px;border-radius:0;border:none;-webkit-box-shadow:inset -10px 0 0 rgba(0,0,0,0.5);box-shadow:inset -10px 0 0 rgba(0,0,0,0.5);-webkit-animation:line .75s infinite linear;animation:line .75s infinite linear}@-webkit-keyframes line{from{width:10px}to{width:50px}}@keyframes line{from{width:10px}to{width:50px}}.csspinner.line.grow:after{-webkit-animation:line .75s infinite linear,line-grow .75s infinite linear;animation:line .75s infinite linear,line-grow .75s infinite linear}@-webkit-keyframes line-grow{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(2);transform:scaleY(2)}100%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes line-grow{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(2);transform:scaleY(2)}100%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.csspinner.line.back-and-forth:after{-webkit-animation:line-back-and-forth 1s infinite linear;animation:line-back-and-forth 1s infinite linear}@-webkit-keyframes line-back-and-forth{0%{width:10px}50%{width:50px}100%{width:10px}}@keyframes line-back-and-forth{0%{width:10px}50%{width:50px}100%{width:10px}}.csspinner.line.back-and-forth.grow:after{-webkit-animation:line-back-and-forth 1s infinite linear,line-back-and-forth-grow 1s infinite linear;animation:line-back-and-forth 1s infinite linear,line-back-and-forth-grow 1s infinite linear}@-webkit-keyframes line-back-and-forth-grow{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}25%{-webkit-transform:scaleY(2);transform:scaleY(2)}50%{-webkit-transform:scaleY(1);transform:scaleY(1)}75%{-webkit-transform:scaleY(2);transform:scaleY(2)}100%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes line-back-and-forth-grow{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}25%{-webkit-transform:scaleY(2);transform:scaleY(2)}50%{-webkit-transform:scaleY(1);transform:scaleY(1)}75%{-webkit-transform:scaleY(2);transform:scaleY(2)}100%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.csspinner.ringed:after{border-right:4px solid #e74c3c;border-top:4px solid #2ecc71;border-left:4px solid #2ecc71;border-bottom:4px solid #2ecc71;opacity:1}.csspinner.shadow:after{-webkit-animation:spin-shadow .25s infinite linear;animation:spin-shadow .25s infinite linear;border-radius:100%;border:none}@-webkit-keyframes spin-shadow{0%{-webkit-box-shadow:inset 5px 5px 5px rgba(0,0,0,0.5);box-shadow:inset 5px 5px 5px rgba(0,0,0,0.5)}25%{-webkit-box-shadow:inset -5px 5px 5px rgba(0,0,0,0.5);box-shadow:inset -5px 5px 5px rgba(0,0,0,0.5)}50%{-webkit-box-shadow:inset -5px -5px 5px rgba(0,0,0,0.5);box-shadow:inset -5px -5px 5px rgba(0,0,0,0.5)}100%{-webkit-box-shadow:inset 5px -5px 5px rgba(0,0,0,0.5);box-shadow:inset 5px -5px 5px rgba(0,0,0,0.5)}}@keyframes spin-shadow{0%{-webkit-box-shadow:inset 5px 5px 5px rgba(0,0,0,0.5);box-shadow:inset 5px 5px 5px rgba(0,0,0,0.5)}25%{-webkit-box-shadow:inset -5px 5px 5px rgba(0,0,0,0.5);box-shadow:inset -5px 5px 5px rgba(0,0,0,0.5)}50%{-webkit-box-shadow:inset -5px -5px 5px rgba(0,0,0,0.5);box-shadow:inset -5px -5px 5px rgba(0,0,0,0.5)}100%{-webkit-box-shadow:inset 5px -5px 5px rgba(0,0,0,0.5);box-shadow:inset 5px -5px 5px rgba(0,0,0,0.5)}}.csspinner.shadow.oval.left:after,.csspinner.shadow.oval:after{-webkit-animation:spin-shadow .25s infinite linear;animation:spin-shadow .25s infinite linear;border:none;border-radius:40% 100%}@keyframes spin-shadow{0%{-webkit-box-shadow:inset 5px 5px 5px rgba(0,0,0,0.5);box-shadow:inset 5px 5px 5px rgba(0,0,0,0.5)}25%{-webkit-box-shadow:inset -5px 5px 5px rgba(0,0,0,0.5);box-shadow:inset -5px 5px 5px rgba(0,0,0,0.5)}50%{-webkit-box-shadow:inset -5px -5px 5px rgba(0,0,0,0.5);box-shadow:inset -5px -5px 5px rgba(0,0,0,0.5)}100%{-webkit-box-shadow:inset 5px -5px 5px rgba(0,0,0,0.5);box-shadow:inset 5px -5px 5px rgba(0,0,0,0.5)}}.csspinner.shadow.oval.right:after{-webkit-animation:spin-shadow .25s infinite linear;animation:spin-shadow .25s infinite linear;border:none;border-radius:100% 40%}@keyframes spin-shadow{0%{-webkit-box-shadow:inset 5px 5px 5px rgba(0,0,0,0.5);box-shadow:inset 5px 5px 5px rgba(0,0,0,0.5)}25%{-webkit-box-shadow:inset -5px 5px 5px rgba(0,0,0,0.5);box-shadow:inset -5px 5px 5px rgba(0,0,0,0.5)}50%{-webkit-box-shadow:inset -5px -5px 5px rgba(0,0,0,0.5);box-shadow:inset -5px -5px 5px rgba(0,0,0,0.5)}100%{-webkit-box-shadow:inset 5px -5px 5px rgba(0,0,0,0.5);box-shadow:inset 5px -5px 5px rgba(0,0,0,0.5)}}.csspinner.sphere.horizontal:after,.csspinner.sphere:after{border-radius:100%;-webkit-animation:sphere .5s infinite;animation:sphere .5s infinite;border:none;height:40px}@-webkit-keyframes sphere{from{-webkit-box-shadow:inset 45px 0 10px rgba(0,0,0,0.5);box-shadow:inset 45px 0 10px rgba(0,0,0,0.5)}to{-webkit-box-shadow:inset -45px 0 10px rgba(0,0,0,0.5);box-shadow:inset -45px 0 10px rgba(0,0,0,0.5)}}@keyframes sphere{from{-webkit-box-shadow:inset 45px 0 10px rgba(0,0,0,0.5);box-shadow:inset 45px 0 10px rgba(0,0,0,0.5)}to{-webkit-box-shadow:inset -45px 0 10px rgba(0,0,0,0.5);box-shadow:inset -45px 0 10px rgba(0,0,0,0.5)}}.csspinner.sphere.vertical:after{border-radius:100%;-webkit-animation:sphere-v .5s infinite;animation:sphere-v .5s infinite;border:none;height:40px}@-webkit-keyframes sphere-v{from{-webkit-box-shadow:inset 0 45px 10px rgba(0,0,0,0.5);box-shadow:inset 0 45px 10px rgba(0,0,0,0.5)}to{-webkit-box-shadow:inset 0 -45px 10px rgba(0,0,0,0.5);box-shadow:inset 0 -45px 10px rgba(0,0,0,0.5)}}@keyframes sphere-v{from{-webkit-box-shadow:inset 0 45px 10px rgba(0,0,0,0.5);box-shadow:inset 0 45px 10px rgba(0,0,0,0.5)}to{-webkit-box-shadow:inset 0 -45px 10px rgba(0,0,0,0.5);box-shadow:inset 0 -45px 10px rgba(0,0,0,0.5)}}.csspinner.traditional:after{border-right:4px solid #777;border-top:4px solid #777;border-left:4px solid #999;border-bottom:4px solid #bbb}
.csspinner:before {
    display: block;
    background-color: #f0f0f0;
    opacity: .7;
}


@-webkit-keyframes blink-bg-red-key {
         0%   { background-color: rgba(232, 75, 83, 0.61); }
        49% { background-color: rgba(232, 75, 83, 0.61); }
        50% { background-color: #e84b53; }
        99% { background-color: #e84b53; }
        100% { background-color: rgba(232, 75, 83, 0.61); }
      }
      @-moz-keyframes blink-bg-red-key {
        0%   { background-color: rgba(232, 75, 83, 0.61); }
        49% { background-color: rgba(232, 75, 83, 0.61); }
        50% { background-color: #e84b53; }
        99% { background-color: #e84b53; }
        100% { background-color: rgba(232, 75, 83, 0.61); }
      }
      @keyframes blink-bg-red-key {
        0%   { background-color: rgba(232, 75, 83, 0.61); }
        49% { background-color: rgba(232, 75, 83, 0.61); }
        50% { background-color: #e84b53; }
        99% { background-color: #e84b53; }
        100% { background-color: rgba(232, 75, 83, 0.61); }
      }
      .blink-bg-red {
      -webkit-animation: blink-bg-red-key 1s infinite;
      -moz-animation:    blink-bg-red-key 1s infinite;
      animation:         blink-bg-red-key 1s infinite;
        }
        
        @-webkit-keyframes blink-bg-green-key {
         0%   { background-color: #00f1c2; }
        49% { background-color: #00f1c2; }
        50% { background-color: #1abe9e; }
        99% { background-color: #1abe9e; }
        100% { background-color: #00f1c2; }
      }
      @-moz-keyframes blink-bg-green-key {
        0%   { background-color: #00f1c2; }
        49% { background-color: #00f1c2; }
        50% { background-color: #1abe9e; }
        99% { background-color: #1abe9e; }
        100% { background-color: #00f1c2; }
      }
      @keyframes blink-bg-green-key {
        0%   { background-color: #00f1c2; }
        49% { background-color: #00f1c2; }
        50% { background-color: #1abe9e; }
        99% { background-color: #1abe9e; }
        100% { background-color: #00f1c2; }
      }
      .blink-bg-green {
      -webkit-animation: blink-bg-green-key 1s infinite;
      -moz-animation:    blink-bg-green-key 1s infinite;
      animation:         blink-bg-green-key 1s infinite;
        }
        
        
        
        
        
        
        
@-webkit-keyframes blink-font-red-key {
         0%   { color: rgba(232, 75, 83, 0.61); }
        49% { color: rgba(232, 75, 83, 0.61); }
        50% { color: #e84b53; }
        99% { color: #e84b53; }
        100% { color: rgba(232, 75, 83, 0.61); }
      }
      @-moz-keyframes blink-font-red-key {
        0%   { color: rgba(232, 75, 83, 0.61); }
        49% { color: rgba(232, 75, 83, 0.61); }
        50% { color: #e84b53; }
        99% { color: #e84b53; }
        100% { color: rgba(232, 75, 83, 0.61); }
      }
      @keyframes blink-font-red-key {
        0%   { color: rgba(232, 75, 83, 0.61); }
        49% { color: rgba(232, 75, 83, 0.61); }
        50% { color: #e84b53; }
        99% { color: #e84b53; }
        100% { color: rgba(232, 75, 83, 0.61); }
      }
      .blink-font-red {
      -webkit-animation: blink-font-red-key 1s infinite;
      -moz-animation:    blink-font-red-key 1s infinite;
      animation:         blink-font-red-key 1s infinite;
        }
        
        @-webkit-keyframes blink-font-green-key {
         0%   { color: #00f1c2; }
        49% { color: #00f1c2; }
        50% { color: #1abe9e; }
        99% { color: #1abe9e; }
        100% { color: #00f1c2; }
      }
      @-moz-keyframes blink-font-green-key {
        0%   { color: #00f1c2; }
        49% { color: #00f1c2; }
        50% { color: #1abe9e; }
        99% { color: #1abe9e; }
        100% { color: #00f1c2; }
      }
      @keyframes blink-font-green-key {
        0%   { color: #00f1c2; }
        49% { color: #00f1c2; }
        50% { color: #1abe9e; }
        99% { color: #1abe9e; }
        100% { color: #00f1c2; }
      }
      .blink-font-green {
      -webkit-animation: blink-font-green-key 1s infinite;
      -moz-animation:    blink-font-green-key 1s infinite;
      animation:         blink-font-green-key 1s infinite;
        }
        
        
        
        
.blink-orange {
 -webkit-animation: blinkorange 1s infinite; /* Safari 4+ */
  -moz-animation:    blinkorange 1s infinite; /* Fx 5+ */
  -o-animation:      blinkorange 1s infinite; /* Opera 12+ */
  animation:         blinkorange 1s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes blinkorange {
    0%, 49% { color: #ef7f1b; border: 1px solid #ef7f1b;}
    50%, 100% { color: #989898; border: 1px solid #989898;}
}

@-moz-keyframes blinkorange {
    0%, 49% { color: #ef7f1b; border: 1px solid #ef7f1b;}
    50%, 100% { color: #989898; border: 1px solid #989898;}
}
@-o-keyframes blinkorange {
    0%, 49% { color: #ef7f1b; border: 1px solid #ef7f1b;}
    50%, 100% { color: #989898; border: 1px solid #989898;}
}
@keyframes blinkorange {
    0%, 49% { color: #ef7f1b; border: 1px solid #ef7f1b;}
    50%, 100% { color: #989898; border: 1px solid #989898;}
}

.blink-red {
 -webkit-animation: blinkred 1s infinite; /* Safari 4+ */
  -moz-animation:    blinkred 1s infinite; /* Fx 5+ */
  -o-animation:      blinkred 1s infinite; /* Opera 12+ */
  animation:         blinkred 1s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes blinkred {
    0%, 49% { color: #f00; border: 1px solid #f00;}
    50%, 100% { color: #989898; border: 1px solid #989898;}
}

@-moz-keyframes blinkred {
    0%, 49% { color: #f00; border: 1px solid #f00;}
    50%, 100% { color: #989898; border: 1px solid #989898;}
}
@-o-keyframes blinkred {
    0%, 49% { color: #f00; border: 1px solid #f00;}
    50%, 100% { color: #989898; border: 1px solid #989898;}
}
@keyframes blinkred {
    0%, 49% { color: #f00; border: 1px solid #f00;}
    50%, 100% { color: #989898; border: 1px solid #989898;}
}

.blink-color-red {
 -webkit-animation: blinkcolorred 1s infinite; /* Safari 4+ */
  -moz-animation:    blinkcolorred 1s infinite; /* Fx 5+ */
  -o-animation:      blinkcolorred 1s infinite; /* Opera 12+ */
  animation:         blinkcolorred 1s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes blinkcolorred {
    0%, 49% { color: #f00; }
    50%, 100% { color: #989898; }
}
@-moz-keyframes blinkcolorred {
    0%, 49% { color: #f00; }
    50%, 100% { color: #989898; }
}
@-o-keyframes blinkcolorred {
    0%, 49% { color: #f00; }
    50%, 100% { color: #989898; }
}
@keyframes blinkcolorred {
    0%, 49% { color: #f00; }
    50%, 100% { color: #989898; }
}


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

@keyframes blinker {
    25% {
        opacity: 0.3;
    }
    50% {
        opacity: 0.5;
    }
    75% {
        opacity: 0.8;
    }
}