.btn:hover{transform: scale(1.1);animation: glow 200ms forwards;}
@keyframes glow{
from{box-shadow: 0 0 2px #26a69a, 0 0 5px #26a69a;}to{box-shadow: 0 0 5px #26a69a, 0 0 10px #26a69a, 0 0 15px #26a69a;}
}
.navbar-nav li a:hover{transform: scale(1.1)}
.form-control:hover{box-shadow: 0 0 2px #26a69a, 0 0 3px #26a69a, 0 0 7px #26a69a !important;}
.form-control:active{box-shadow: 0 0 2px #26a69a, 0 0 3px #26a69a, 0 0 7px #26a69a !important;}
.form-control:focus{box-shadow: 0 0 2px #26a69a, 0 0 3px #26a69a, 0 0 7px #26a69a !important;outline: none !important;}
.checker span:hover{box-shadow: 0 0 2px #26a69a, 0 0 3px #26a69a, 0 0 7px #26a69a !important;}
.checker span:active{box-shadow: 0 0 2px #26a69a, 0 0 3px #26a69a, 0 0 7px #26a69a !important;}
.checker span:focus{box-shadow: 0 0 2px #26a69a, 0 0 3px #26a69a, 0 0 7px #26a69a !important;outline: none !important;}
input[type="checkbox"]:hover,input[type="radio"]:hover{box-shadow: 0 0 2px #26a69a, 0 0 3px #26a69a, 0 0 7px #26a69a !important;}
input[type="checkbox"]:active,input[type="radio"]:active{box-shadow: 0 0 2px #26a69a, 0 0 3px #26a69a, 0 0 7px #26a69a !important;}
input[type="checkbox"]:focus,input[type="radio"]:focus{box-shadow: 0 0 2px #26a69a, 0 0 3px #26a69a, 0 0 7px #26a69a !important;outline: none !important;}
.radio span:hover{box-shadow: 0 0 2px #26a69a, 0 0 3px #26a69a, 0 0 7px #26a69a !important;}
.radio span:active{box-shadow: 0 0 2px #26a69a, 0 0 3px #26a69a, 0 0 7px #26a69a !important;}
.radio span:focus{box-shadow: 0 0 2px #26a69a, 0 0 3px #26a69a, 0 0 7px #26a69a !important;outline: none !important;}
.sparkle-celeb{
    position:absolute;
    width:6px;height:6px;
    background:#26a69a;
    border-radius:50%;
    /*top:50%;left:50%;*/
    animation:spark 1s ease-out forwards;
}

@keyframes spark{
    0%{opacity:1; transform:translate(0,0) scale(1)}
    100%{opacity:0; transform:translate(var(--x), var(--y)) scale(0.4)}
}
.cmbContent:hover{box-shadow: 0 0 2px #26a69a, 0 0 3px #26a69a, 0 0 7px #26a69a !important;}
.cmbContent:active{box-shadow: 0 0 2px #26a69a, 0 0 3px #26a69a, 0 0 7px #26a69a !important;}
.cmbContent:focus{box-shadow: 0 0 2px #26a69a, 0 0 3px #26a69a, 0 0 7px #26a69a !important;outline: none !important;}
.highlight-focus-text {
   /*animation: highlightFlash 2s ease;*/
   background-color: yellow;
}
@keyframes highlightFlash {
  0% { background-color: yellow; }
  100% { background-color: transparent; }
}
