@charset "utf-8";
/* CSS Document */

.ncloud-info { margin-top: 20px; border-top: 1px solid #dee3eb; }

.ncloud-info.search-table { border-top: 1px solid #dee3eb; padding-top: 20px; }
.ncloud-info.search-table table { border-top: 1px solid #aaa; }

.ncloud-info .status .circle { width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-top: 7px; margin-right: 2px; }
.ncloud-info .status .stats { font-weight: 500; line-height: 21px; font-size: 11px; letter-spacing: -1px; }
.ncloud-info .status.complete .circle { background: #56e06f; }
.ncloud-info .status.complete .stats { color: #56e06f; }
.ncloud-info .status.ready .stats { color: #727272; }
.ncloud-info .status.ready .circle { background: #727272; }
.ncloud-info .status.loader .stats { color: #03a9f4; }
.ncloud-info .status.loader .circle { position: relative; background-color: #03a9f4; width: 10px; height: 10px; margin-top: 6px; margin-right: 0; }
.ncloud-info .status.loader .circle:after { content: ''; position: absolute; border-radius: 50%; top: 50%; left: 50%; border: 0px solid white; transform: translate(-50%, -50%); animation: loading 1s ease forwards infinite; }
.ncloud-info .status.error .stats { color: #FF686A; }
.ncloud-info .status.error .circle { background: #FF686A; }
@keyframes loading { 0% {  border: 0px solid white; } 20% { border: 2px solid white; width: 0%; height: 0%; } 100% {  border: 2px solid white; width: 100%; height: 100%; } }

.ncloud-info .ncloud-info-title-area { margin-bottom: 10px; }
.ncloud-info .ncloud-info-title-area .title { font-size: 15px; font-weight: 800; float: left; margin-right: 5px; }
.ncloud-info .ncloud-info-title-area .date { color: #999; letter-spacing: 0; font-weight: 300; float: left; }
.ncloud-info .ncloud-info-title-area .server-info-btn { float: right; height: 25px; color: #fff; padding: 0 15px; line-height: 25px; border-radius: 3px; }
.ncloud-info .ncloud-info-title-area .server-info-btn i { margin-right: 5px; }