| //body, |
| //html { |
| // height: 100%; |
| //} |
| // |
| //.app-loading { |
| // position: relative; |
| // display: flex; |
| // flex-direction: column; |
| // align-items: center; |
| // justify-content: center; |
| // height: 100%; |
| //} |
| // |
| //.app-loading .spinner { |
| // height: 300px; |
| // width: 225px; |
| // animation: rotate 2s linear infinite; |
| // transform-origin: center center; |
| // position: absolute; |
| // top: calc(50% - 125px); |
| // left: calc(50% - 125px); |
| // margin: 0; |
| //} |
| // |
| //.app-loading .spinner .path { |
| // stroke-dasharray: 20, 200; |
| // stroke-dashoffset: 0; |
| // animation: dash 1.5s ease-in-out infinite; |
| // stroke-linecap: round; |
| // stroke: #35afd5; |
| //} |
| // |
| //@keyframes rotate { |
| // 100% { |
| // transform: rotate(360deg); |
| // } |
| //} |
| // |
| //@keyframes dash { |
| // 0% { |
| // stroke-dasharray: 1, 200; |
| // stroke-dashoffset: 0; |
| // } |
| // |
| // 50% { |
| // stroke-dasharray: 89, 200; |
| // stroke-dashoffset: -35px; |
| // } |
| // |
| // 100% { |
| // stroke-dasharray: 89, 200; |
| // stroke-dashoffset: -124px; |
| // } |
| //} |
| // |
| // |
| //.app-loading { |
| // .logo { |
| // width: 150px; |
| // height: 100px; |
| // // background: url(../img/logo.png); |
| // background-size: cover; |
| // } |
| //} |
| // |
| .nav-bar .mat-progress-bar { |
| position: absolute; |
| height: 2px; |
| } |