.cmn-local-loading {
  position: relative;
  width: 100%;
  height: 200px;
  background: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.cmn-local-loading:before {
  content: "Loading...";
  display: block;
  font-size: 10px;
  font-weight: bold;
  color: #005bac; }

.cmn-local-loading svg {
  position: absolute;
  top: 50%;
  left: 50%;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  width: 100px;
  height: 100px;
  animation: loading 3s linear infinite; }

.cmn-local-loading svg circle {
  stroke-dashoffset: 0;
  stroke-dasharray: 300;
  stroke-width: 7;
  stroke-miterlimit: 10;
  stroke-linecap: round;
  animation: loading-circle 2s -1s linear infinite;
  stroke: #005bac;
  fill: transparent; }