/* Load mask */
.lmask-panel {position: relative;}
.lmask-panel .lmask-content {background: #fff; border-radius: 5px; left: 50%; margin-left: -65px; position: absolute; text-align: center; top: 1px; width: 130px; z-index: 998}
.lmask-panel .lmask {background: rgba(255, 193, 7, 0.4); cursor: inherit}
.lmask-panel .lmask:hover {background: rgba(255, 193, 7, 0.4)}
.lmask-panel .lmask .icon-spinner {height: .5rem; margin-bottom: 4px; margin-right: 2px; width: .5rem}


/* Modal confirm */
#confirm .modal-header {padding-bottom: .5rem; border-bottom: 1px solid transparent}
#confirm .modal-body {padding-bottom: 0}
#confirm .modal-footer {border-top: 1px solid transparent}
#confirm .modal-footer button {min-width: 90px}


/* Skeleton loading */
.sk-form-panel {cursor: progress; margin-top: -3px; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none}
.sk-form-panel .ff {border-radius: 10px; display: inline-block; height: 30px; margin-top: 16px; overflow: hidden; position: relative; width: 100%}
.sk-form-panel .ff {background-color: rgba(0, 0, 0, 0.15)}
.sk-form-panel .ff:after {background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent); content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; animation: skeleton-loading 2s infinite; -webkit-animation: skeleton-loading 2s infinite; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 1}

.sk-grid-panel {cursor: progress; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none}
.sk-grid-panel div {border-radius: 10px; display: inline-block; height: 10px; overflow: hidden; position: relative; width: 100%}
.sk-grid-panel div {background-color: rgba(0, 0, 0, 0.15)}
.sk-grid-panel div:after {background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent); content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; animation: skeleton-loading 2s infinite; -webkit-animation: skeleton-loading 2s infinite; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 1}
.sk-grid-panel .w-10 {width: 10%}
.sk-grid-panel .w-15 {width: 15%}
.sk-grid-panel .w-20 {width: 20%}
.sk-grid-panel .w-25 {width: 25%}
.sk-grid-panel .w-30 {width: 30%}
.sk-grid-panel .w-35 {width: 35%}
.sk-grid-panel .w-40 {width: 40%}
.sk-grid-panel .w-45 {width: 45%}
.sk-grid-panel .w-50 {width: 50%}
.sk-grid-panel .w-55 {width: 55%}
.sk-grid-panel .w-60 {width: 60%}
.sk-grid-panel .w-65 {width: 65%}
.sk-grid-panel .w-70 {width: 70%}
.sk-grid-panel .w-75 {width: 75%}
.sk-grid-panel .w-80 {width: 80%}
.sk-grid-panel .w-85 {width: 85%}
.sk-grid-panel .w-90 {width: 90%}
.sk-grid-panel .w-95 {width: 95%}

@-webkit-keyframes skeleton-loading {
    from {-webkit-transform: translateX(-100%); transform: translateX(-100%)}
    to {-webkit-transform: translateX(100%); transform: translateX(100%)}
}
@keyframes skeleton-loading {
    from {-webkit-transform: translateX(-100%); transform: translateX(-100%)}
    to {-webkit-transform: translateX(100%); transform: translateX(100%)}
}