.bgFade{font-weight:400}.bgFadebtn{opacity:.7}#loading{position:fixed;height:100%;width:100%;left:0;right:0;top:0;bottom:0;background-color:#ffffffb3;z-index:9999}.gauge-container.two{height:auto;border:1px solid rgba(255,255,255,.1)}.gauge-container.two>.gauge>.dial{stroke:red;stroke-width:10}.gauge-container.two>.gauge>.value{stroke-dasharray:none;stroke-width:13}.activealarm{animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:1;background-color:red}}.bell{display:block;color:#9e9e9e;-webkit-animation:ring 4s .7s ease-in-out infinite;-webkit-transform-origin:50% 4px;-moz-animation:ring 4s .7s ease-in-out infinite;-moz-transform-origin:50% 4px;animation:ring 4s .7s ease-in-out infinite;transform-origin:50% 4px}@-webkit-keyframes ring{0%{-webkit-transform:rotateZ(0)}1%{-webkit-transform:rotateZ(30deg)}3%{-webkit-transform:rotateZ(-28deg)}5%{-webkit-transform:rotateZ(34deg)}7%{-webkit-transform:rotateZ(-32deg)}9%{-webkit-transform:rotateZ(30deg)}11%{-webkit-transform:rotateZ(-28deg)}13%{-webkit-transform:rotateZ(26deg)}15%{-webkit-transform:rotateZ(-24deg)}17%{-webkit-transform:rotateZ(22deg)}19%{-webkit-transform:rotateZ(-20deg)}21%{-webkit-transform:rotateZ(18deg)}23%{-webkit-transform:rotateZ(-16deg)}25%{-webkit-transform:rotateZ(14deg)}27%{-webkit-transform:rotateZ(-12deg)}29%{-webkit-transform:rotateZ(10deg)}31%{-webkit-transform:rotateZ(-8deg)}33%{-webkit-transform:rotateZ(6deg)}35%{-webkit-transform:rotateZ(-4deg)}37%{-webkit-transform:rotateZ(2deg)}39%{-webkit-transform:rotateZ(-1deg)}41%{-webkit-transform:rotateZ(1deg)}43%{-webkit-transform:rotateZ(0)}to{-webkit-transform:rotateZ(0)}}@-moz-keyframes ring{0%{-moz-transform:rotate(0)}1%{-moz-transform:rotate(30deg)}3%{-moz-transform:rotate(-28deg)}5%{-moz-transform:rotate(34deg)}7%{-moz-transform:rotate(-32deg)}9%{-moz-transform:rotate(30deg)}11%{-moz-transform:rotate(-28deg)}13%{-moz-transform:rotate(26deg)}15%{-moz-transform:rotate(-24deg)}17%{-moz-transform:rotate(22deg)}19%{-moz-transform:rotate(-20deg)}21%{-moz-transform:rotate(18deg)}23%{-moz-transform:rotate(-16deg)}25%{-moz-transform:rotate(14deg)}27%{-moz-transform:rotate(-12deg)}29%{-moz-transform:rotate(10deg)}31%{-moz-transform:rotate(-8deg)}33%{-moz-transform:rotate(6deg)}35%{-moz-transform:rotate(-4deg)}37%{-moz-transform:rotate(2deg)}39%{-moz-transform:rotate(-1deg)}41%{-moz-transform:rotate(1deg)}43%{-moz-transform:rotate(0)}to{-moz-transform:rotate(0)}}@keyframes ring{0%{transform:rotate(0);color:red}1%{transform:rotate(30deg);color:red}3%{transform:rotate(-28deg);color:red}5%{transform:rotate(34deg);color:red}7%{transform:rotate(-32deg);color:red}9%{transform:rotate(30deg);color:red}11%{transform:rotate(-28deg);color:red}13%{transform:rotate(26deg);color:red}15%{transform:rotate(-24deg);color:#ff4500}17%{transform:rotate(22deg);color:#ff4500}19%{transform:rotate(-20deg);color:#ff4500}21%{transform:rotate(18deg);color:#ff4500}23%{transform:rotate(-16deg);color:#ff4500}25%{transform:rotate(14deg);color:#ff4500}27%{transform:rotate(-12deg);color:#ff4500}29%{transform:rotate(10deg);color:#ff4500}31%{transform:rotate(-8deg);color:orange}33%{transform:rotate(6deg);color:orange}35%{transform:rotate(-4deg);color:orange}37%{transform:rotate(2deg);color:orange}39%{transform:rotate(-1deg);color:orange}41%{transform:rotate(1deg);color:orange}43%{transform:rotate(0);color:orange}to{transform:rotate(0);color:orange}}@media only screen and (min-device-width: 768px){.gauge-container{width:200px;height:200px}.example>.code{width:65%;float:left}.example>.display{width:35%;float:right;padding:10px}}.vertical-timeline{width:100%;position:relative;padding:1.5rem 0 1rem}.vertical-timeline:before{content:"";position:absolute;top:0;left:65.25px;height:100%;width:4px;background:#e9ecef;border-radius:.25rem}.vertical-timeline-element{position:relative;margin:0 0 1rem}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;animation:cd-bounce-1 .8s}.vertical-timeline-element-icon{position:absolute;top:0;left:61.75px}.vertical-timeline-element-icon .badge-dot-xl{box-shadow:0 0 0 5px #fff}.vertical-timeline-element-content{position:relative;margin-left:90px;font-size:.8rem}.vertical-timeline-element-content .timeline-title{font-size:.8rem;text-transform:uppercase;margin:0 0 .5rem;padding:2px 0 0;font-weight:700}.vertical-timeline-element-content .vertical-timeline-element-date{display:block;position:absolute;left:-85px;top:0;padding-right:10px;text-align:right;color:#adb5bd;font-size:.7619rem;white-space:nowrap}.vertical-timeline-element-content:after{content:"";display:table;clear:both}