@keyframes rotate_loading {100% {transform:rotate(360deg);}}
.cover-all-in-progress {z-index:300;
  background-color:#000;
  position:fixed;top:0;left:0;width:100%;height:100%;opacity:0.3;
}
.loading {z-index:400;position:absolute;top:calc(50% - 18px);left:calc(50% - 18px);animation: rotate_loading .8s linear infinite;transform-origin:50% 50%;
  width:36px;height:36px;content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAh0lEQVR4Ae3XgQXAMBSE4YeOlS0ySAYpOkjHK6B4hUModUivFfdzQBsfIAk3azloBulB4n8NMkgCKsFX3gLt3aEHiSr4NrE1BrYQqCfMFkiPEmFYlA5DoLQYAnXHiGsd4MQSa19jKkagNBgkRBEYOYrB8CghRoLKbjX4qu9DBhnkl+uvQDPmLnBoDai+LtB1AAAAAElFTkSuQmCC');
}
.result-message {
  z-index:405;position:absolute;top:calc(50% - 100px);left:calc(50% - 150px);width:300px;
  border:1px solid #ddd;border-radius:5px;
  background-color:#fff;text-align:left;display:none;
  padding:30px;
}
.result-message button {
  position:absolute;bottom:20px;padding:5px 20px;margin-right:5px;border:0;border-radius:5px;width:90px;cursor:pointer;
  background-color:#888;color:#fff;
}
.result-message button:first-child {right:114px;background-color:#808000;}
.result-message button:last-child {right:20px;}
.result-message button:hover {background-color:#333;}

@keyframes spinning {to {transform: rotate(1turn);}}
.spinner-box {z-index:999998;position:fixed;top:calc(50% - 100px);left:calc(50% - 150px);width:300px;border:3px solid transparent;border-radius:20px;background-color:#fff;text-align:center;color:#555;padding:30px;line-height:1.3em;}
.spinner {display: flex;justify-content: center;margin-bottom:20px;line-height:1.4em;}
.spinner::after {content: "";width: 80px;height: 80px;border: 20px solid #dddddd;border-top-color: #00ced1;border-radius: 50%;animation: spinning 1s ease infinite;}

/* paging */
.paging {clear:both;padding-top:20px;text-align:center;}
.paging a {padding:7px 10px;border:1px solid #4A91E5;border-radius:2px;margin-right:2px;}
.paging a.on {background-color:#eee;font-weight:bold;}
.paging a.btn {padding:4px 10px 5px 10px;background-color:#777;border:1px solid #777;}
.paging a:hover {background-color:#4A91E5;color:#fff;border:1px solid #4A91E5;}